@font-face {font-family: 'BEBASNEUEBOLD'; src: url('fonts/BEBASNEUEBOLD.eot'); src: url('fonts/BEBASNEUEBOLD.eot') format('embedded-opentype'), url('fonts/BEBASNEUEBOLD.woff2') format('woff2'), url('fonts/BEBASNEUEBOLD.woff') format('woff'), url('fonts/BEBASNEUEBOLD.ttf') format('truetype'), url('fonts/BEBASNEUEBOLD.svg#BEBASNEUEBOLD') format('svg'); } /***** Common CSS Start *****/ .mobile-app-sec{} .page-id-22253 .vc_column_container > .vc_column-inner{padding-left:0px; padding-right:0px;} .yellow-bg{background:#febf42; padding:30px;} nav.main_menu > ul > li:not(:first-child)::before{ content:none;} .menu-animation-line-through nav.main_menu > ul > li > a .menu-text::after, .menu-animation-line-through nav.main_menu > ul > li:hover > a .menu-text::before, .menu-animation-underline nav.main_menu > ul > li > a .menu-text::before, .menu-animation-underline-bottom nav.main_menu > ul > li > a .menu-text::before{background:#043363;} /*header.fixed.scrolled .header_bottom, header.fixed.scrolled .header_top { box-shadow:0 0 3px 1px #f5f5f5 !important;}*/ .menu-animation-underline nav.main_menu>ul>li>a .menu-text:before, .menu-animation-underline nav.vertical_menu>ul>li>a .menu-text:before, .fs-menu-animation-underline nav.popup_menu>ul>li>a span:before { height:3px;} nav.main_menu>ul>li>a{ font-size:14px; padding:0px 20px; letter-spacing: 1px; font-weight:600;} #respond textarea, #respond input[type='text'], .contact_form input[type='text'], .contact_form textarea ,input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-quiz{border: 1px solid #e5e5e5;} input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-quiz{font-size:16px;} .contact_section{ padding:0px;} .latest_post_holder.boxes > ul > li .latest_post { background:#f5f5f5;} .q_icon_with_title.center .icon_text_holder{margin-top:10px;} .mr-btm-0{margin-bottom:0px !important;} .ult-new-ib .ult-new-ib-content p{font-family: "Poppins",sans-serif !important; font-weight:200 !important; font-size:16px !important;} #back_to_top > span { background-color:rgba(0,136,240,0.9); font-size:30px;} #back_to_top > span:hover { background-color:rgba(0,136,240,0.7);} .container_inner,.boxed .section .section_inner, .grid_section .section_inner{width:1140px;} /*.imgright .wpb_single_image img, .imgleft .wpb_single_image img{ max-width:none;} .imgleft img { float:right;} .imgright img{ float: left;}*/ .sticky-menu { z-index: 9999;} .testimonial_image_holder img.wp-post-image { border: 3px solid #f2f2f2; border-radius: 100px; display: inline-block; height: 160px; width: 160px;} section.parallax_section_holder{ background-size:cover;} .icon-hover .mpc-icon{opacity:0.5 !important;} .icon-hover .mpc-icon:hover{opacity:1 !important; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);} .icon-hover.icon-right{ text-align:right;} .icon-right .mpc-icon {opacity: 1 !important;} .row-space-remove{ margin-top:-1px;} .img-width-full .wpb_single_image .vc_single_image-wrapper { display:block;} .img-width-full .wpb_content_element.wpb_single_image img { width:100%;} /*.title img{top:57px;}*/ .nl-field.nl-field-error .nl-field-toggle, #lets-talk.lets-talk .contact-details .nl-field.nl-field-error .nl-field-toggle, .nl-form .nl-field.nl-field-error a.nl-field-toggle {color:red; border-color:red;} /****** lighbox css ******/ div.pp_pic_holder a.pp_close{display:none;} /*.green-btn-center{text-align:center;}*/ .green-btn a,a.green-btn{padding:10px 30px; color:#00BCD4; font-size:14px; text-transform:uppercase; border-radius:30px; border:2px solid #00BCD4; font-weight:600; -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; display:inline-block;} .green-btn a:hover{background:#00BCD4; border:2px solid #00BCD4; color:#fff;} .white-btn a{padding:10px 30px; color:#fff; font-size:14px; text-transform:uppercase; border-radius:30px; border:2px solid #fff; font-weight:600; -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; display:inline-block;} .white-btn a:hover{background:#fff; border:2px solid #fff; color:#252b33;} /****** lighbox css ******/ /***** Common Css End *****/ /********** Landing Page Menu Start ***************/ #header.landing-header .container{margin-top:30px;} #header .landing-left{float:left;} #header .landing-right{float:right;} #header .landing-header .landing-right .nav-landing-menu ul.menu{ margin:0px; padding:24px 0px;} #header .landing-right .nav-landing-menu ul.menu li{ list-style:none; display:inline-block; position:relative;} #header .landing-right .nav-landing-menu ul.menu li.mr-rt{margin-right:20px;} #header .landing-right .nav-landing-menu ul.menu li a{ text-decoration:none; font-size:16px; color:#fff; font-family: "Poppins",sans-serif; font-weight:600; padding:10px; display:inline-block; transition: all 0.2s ease-in 0s; outline: medium none;} #header .landing-right .nav-landing-menu ul.menu li a.br-btm::after{background-color: #fff; content: ""; display: block; height: 2px; left: 0; margin: 0 auto; position: relative; top:5px; transition: width 0.25s ease 0s; width: 0;} #header .landing-right .nav-landing-menu ul.menu li:hover a.br-btm::after { width:100%;} /*#header ul.menu li a:hover{ background-color:#fff; color:#1c2c3c;}*/ /********** Landing Page Menu End ***************/ /*********** Home Page **********/ #home-content .title-text h2{letter-spacing:-1px; color:#000000; font-size:46px;} #home-content .title-text h3{ letter-spacing:-1px; color:#000000; font-size:40px; font-family: 'Playfair Display';} .services .services-box {width:28%; float:left; text-align:center; display:block; padding:30px; -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; cursor:pointer; margin-bottom:40px;} .services .services-box h2{ color:#000000; font-size:28px; font-weight:500; padding-bottom:15px; margin-top:20px;} .services .services-box p{ color:#8a959e; font-size:16px; line-height:26px;} .services .services-box a{ display:block;} #home-content .what-we-do-tagline h4{width:50%; margin:0 auto; color:#8a959e;} /*.services .services-box span.read-more{ color:#8a959e; font-size:16px; font-weight:500; text-decoration:none; display:none; }*/ /*.services .services-box:hover span.read-more{ display:block;}*/ .services .services-box:hover { box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.1);} .services .services-box:hover h2{ color:#ec6206;} .services .services-box:hover p{ color:#252b33;} .services .service-btn a{ color:#fff; background: #ec6305; font-size:16px; padding:15px 30px; font-weight:500; display:inline-block; -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;} .services .service-btn a:hover{ background:#fa6c0a; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);} .services .service-btn{margin-top:40px;} .our-client-logo ul{margin-bottom:30px;} .our-client-logo ul li{ list-style: none; display: block; width:24.8%; padding: 0; text-align: center; vertical-align: middle; float: left; height: 200px; box-sizing: border-box; position: relative; -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: rgba(255,255,255,0.05); margin: 1px; cursor:pointer;} .our-client-logo ul li img{ opacity: 0.5; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} .our-client-logo ul li:hover img{ opacity:1;} .our-client-logo ul li:hover{ box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.4);} .our-client-logo ul li.adidas:hover{ background: #121212;} .our-client-logo ul li.yahoo:hover{ background:#5618ba;} .our-client-logo ul li.ndtv:hover{ background:#ea0000;} .our-client-logo ul li.cisco:hover{ background:#15495d;} .our-client-logo ul li.pepsi:hover{ background:#0177db;} .our-client-logo ul li.mcdonalds:hover{ background:#ec071c;} .our-client-logo ul li.aconex:hover{ background:#e86c17;} .our-client-logo ul li.vodafone:hover{ background:#fe0000;} .our-client-logo ul li.sancho:hover{ background:#181616;} .our-client-logo ul li.gulfstream:hover{ background:#003767;} .our-client-logo ul li.tata:hover{ background:#1967ff;} .our-client-logo ul li.life-technologies:hover{ background:#191a4f;} #home-content .box-style { box-shadow: 0px 0px 109px 0px rgba(0, 0, 0, 0.18);} #home-content.about-content .vc_row.box-style{ margin-left:0px; margin-right:0px;} #home-content .col-left.vc_col-sm-6{ width:62%;} #home-content .col-right.vc_col-sm-6{ width:33%;} .your-story-section .left-side.vc_col-sm-6{ width:44%;} .your-story-section .right-side.vc_col-sm-6{ width:56%; padding-left:30px;} .your-story-section .story-text { border-right:1px solid #d4d4d4; padding: 10px 60px 10px 0;} .your-story-section .story-text h2{ font-size:140px; text-align:right; color:#000000; line-height:60px; font-family: 'Playfair Display'; margin:0px 0px 30px; letter-spacing: -5px;} .your-story-section .story-text h3{ font-size:70px; text-align:right; color:#000000; font-family: 'Playfair Display';} .your-story-section .story-about{ padding: 30px 0px;} .your-story-section .story-about p{ color:#000000; font-weight:500;} .your-story-section .similary-text h4{ color:#000000; font-weight:600; font-size:22px; padding: 0px 0px 30px 0px;} .your-story-section a.story-btn { color:#fff; background: #ec6305; font-size:16px; padding:15px 30px; font-weight:500; display:inline-block; -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;} .your-story-section a.story-btn:hover{ background:#fa6c0a; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);} .box-style .col-left img{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; width:650px; height:530px; filter: grayscale(100%); -webkit-filter: grayscale(100%); cursor:pointer;} .box-style .col-left:hover img{-webkit-transform: scale(1.05); transform: scale(1.05); filter: grayscale(0%); -webkit-filter: grayscale(0%);} .box-style .col-left .wpb_single_image .vc_single_image-wrapper{overflow: hidden;} .home-title .home-title-inner video.home-video{ width:100%; position:relative; outline:none;} .home-title .video-btn {position: absolute; left:48%; top: 50%; z-index:999; cursor:pointer;} .video-section .col-custom.vc_col-sm-2{width:8.33%} .video-section .col-custom.vc_col-sm-8{width:83.33%} /*.home-title{display: table-cell; position: relative;vertical-align: middle; width: 100%;} .home-title .home-title-inner{position: absolute; top: 280px; width: 100%;} .home-title h1.home-page-title{color: #ffffff; display: block; font-size:80px; font-weight: 500; line-height: 80px; margin: 0; padding: 0; text-align:center; text-shadow: inherit; text-transform: none; font-family: 'Playfair Display';} .home-title .home-sub-title{color: #fff; font-family: "Poppins",sans-serif; font-size: 20px; font-weight: 300; line-height: 35px; margin:30px auto 40px; width:60%; text-align:center; text-transform: none;} .home-title .video_lightbox_anchor_image{max-width:100px;}*/ /*******************************/ /****** Mobile App Development Page Start ******/ ul.two-part li{width:45%; float:left; font-size:16px; list-style:none; display:inline-block;} ul.grey-bullet li{background:url("/wp-content/uploads/2016/06/grey-bullet.png") no-repeat left 3px; color:#323a45; padding:0px 0px 20px 25px; list-style:none; font-size:16px;} ul.black-bullet li{background:url("/wp-content/uploads/2016/07/black-bullet.png") no-repeat left 3px; color:#323a45; padding:0px 0px 20px 25px; list-style:none; font-size:16px;} ul.white-bullet li{background:url("/wp-content/uploads/2016/06/white-bullet-icon.png") no-repeat left 3px; color:#fff; padding:0px 0px 20px 25px; list-style:none;} .we-think-banner-bg{background:url("/wp-content/uploads/2016/06/we-think-mobile-bg.jpg") no-repeat; height:900px; background-size:cover;} .apps-for-banner-bg{background:url("/wp-content/uploads/2016/06/buisness-banner.jpg") no-repeat; height:900px; background-size:cover; } .ios-app-banner-bg{background:url("/wp-content/uploads/2016/06/ios-apps-development-bg.jpg") no-repeat; height:900px; background-size:cover;} .android-app-banner-bg{background:url("/wp-content/uploads/2016/06/android-app-development-bg.jpg") no-repeat; height:900px; background-size:cover; } .mobile-cloud-banner-bg{background:url("/wp-content/uploads/2016/07/cloud-mobile-bg.jpg") no-repeat; height:900px; background-size:cover;} .mobile-cloud-banner-bg ul li{width:100%;} .box-icon {padding: 5px; background: #ffffff; box-shadow: 2px 2px 2px #ccc;} .inderstries .box-shadow{background:#fff; border:1px solid #eeeeee; padding:40px 0px 0px; margin-right:20px; min-height:170px; width:175px; cursor:default !important;} .inderstries .box-shadow h4{font-size:16px; font-weight:lighter !important;} .inderstries .box-shadow:hover{box-shadow:0px 0px 30px 5px #f3f3f3; cursor:pointer;} /****** Mobile App Development Page End ******/ /****** What We Do Page Start ******/ /*.wearable-devices-section .imgright.wearable-devices{float:right; width:45%;} .design-analysis-section .imgright.design-analysis{float:right; width:49%;}*/ #hover-banner-part .ult-ib-effect-style2 .ult-new-ib-title{left:6%; font-weight:200 !important; top:70%;} #hover-banner-part .ult-new-ib{text-align:left;} #hover-banner-part .ult-new-ib, #hover-banner-part-2 .ult-new-ib { margin-bottom:0px; background:#000;} #hover-banner-part .ult-new-ib .ult-new-ib-content p,#hover-banner-part-2 .ult-new-ib .ult-new-ib-content p{text-align:justify; line-height:25px;} #hover-banner-part .ult-ib-effect-style2 .ult-new-ib-content,#hover-banner-part-2 .ult-ib-effect-style2 .ult-new-ib-content{opacity:1;} #hover-banner-part .ult-ib-effect-style2 .ult-new-ib-content, #hover-banner-part-2 .ult-ib-effect-style2 .ult-new-ib-content{bottom:40px; padding:10px 35px 35px;} #hover-banner-part .ult-new-ib-desc{width:80% !important; margin-left: 10%;} #hover-banner-part-2 .ult-ib-effect-style2 .ult-new-ib-title {font-weight: 500 !important; left:4%; top: 70%;} #hover-banner-part .ult-new-ib,#hover-banner-part-2 .ult-new-ib{text-align: left; margin-bottom: 0;} #hover-banner-part-2 .ult-new-ib-desc{width:85%; margin-left: 7%;} .web-development-sec .separator.dis-none { margin: 5px 0px;} /****** What We Do Page End ******/ /****** We Work With Page Start ******/ .client-block ul li {list-style: none; display: block; width:24.8%; padding: 0; text-align: center; vertical-align: middle; float: left; height: 200px; box-sizing: border-box; position: relative; -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:#f8fafb; margin:1px;} .client-block ul li img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} .client-block ul li img.active-item{opacity:1; transition: opacity 0.3s ease-in-out 0s;} .client-block ul li img.hover-item{opacity:0; transition: opacity 0.3s ease-in-out 0s;} .client-block ul li:hover img.hover-item{opacity:1;} .client-block ul li.adidas:hover{ background: #000000;} .client-block ul li.yahoo:hover{ background:#5618ba;} .client-block ul li.ndtv:hover{ background:#ea0000;} .client-block ul li.cisco:hover{ background:#15495d;} .client-block ul li.pepsi:hover{ background:#0177db;} .client-block ul li.mcdonald:hover{ background:#ec071c;} .client-block ul li.aconex:hover{ background:#e86c17;} .client-block ul li.vodafone:hover{ background:#fe0000;} .client-block ul li.sanchobbdo:hover{ background:#181616;} .client-block ul li.gulfstream:hover{ background:#003767;} .client-block ul li.tata:hover{ background:#1967ff;} .client-block ul li.lifetechnologies:hover{ background:#191a4f;} .client-block ul li.risedisply:hover{ background:#32405b;} .client-block ul li.haas:hover{ background:#c92e36;} .client-block ul li.mindcomet:hover{ background:#0c2778;} .client-block ul li.bestbuy:hover{ background:#053e68;} .client-block ul li.zoovy:hover{ background:#0d7ec2;} .client-block ul li.jacksoncoker:hover{ background:#2f5f9d;} .client-block ul li.plumperfect:hover{ background:#000000;} .client-block ul li.murphybrown:hover{ background:#e30d0d;} .client-block ul li.abbott:hover{ background:#009cde;} .client-block ul li.kotak:hover{ background:#eb212e;} .client-block ul li.incentex:hover{ background:#407abd;} .client-block ul li.cosmopolitan:hover{ background:#ed008c;} .mpc-parent-hover h3{font-weight:500 !important;} /****** We Work With Page End ******/ /****** UX Page Start ******/ .discovery-banner-bg{background:url("/wp-content/uploads/2016/06/discovery-banner-bg.jpg") no-repeat; height:900px; background-size:cover;} .wire-frame-banner{background:url("/wp-content/uploads/2016/07/low-fidelity-bg.jpg") no-repeat; height:1000px; background-size:cover;} /****** UX Page End ******/ /****** Mobile Games Page Start ******/ .gameanax-banner-bg{background:url("/wp-content/uploads/2016/06/gameanax-banner.jpg") no-repeat; height:900px; background-size:cover;} .mobile-game-banner-bg{background:url("/wp-content/uploads/2016/07/mobile-games-bg.jpg") no-repeat; height:900px; background-size:cover;} .console-games-banner-bg{background:url("/wp-content/uploads/2016/06/game-banner-2.jpg") no-repeat; height:900px; background-size:cover;} .vr-games-banner-bg{background:url("/wp-content/uploads/2016/06/game-banner-3.jpg") no-repeat; height:900px; background-size:cover;} #owl-mobile-slide.owl-carousel .owl-stage-outer{overflow:visible;} #owl-mobile-slide .owl-item .item::after{content:""; position: absolute; top:0; bottom: 0; left: 0; right: 0; height:100%; width:100%; display:block; background:#000; opacity: 0.7;} #owl-mobile-slide .owl-item::before{height:100px; content:""; top: 0; left:0; right:0; width: 100%; display:block; background:#fff; position:absolute; z-index:99;} #owl-mobile-slide .owl-item::after{height:100px; content:""; bottom: 0; left:0; right:0; width: 100%; display:block; background:#fff; position:absolute; z-index:99;} #owl-mobile-slide .owl-item.active::before, #owl-mobile-slide .owl-item.active::after, #owl-mobile-slide .owl-item.active .item::after{display:none;} #game-slider { width:1140px; height:700px; margin: 50px auto; position: relative; margin-bottom: 0px; background: rgba(0, 0, 0, 0.5); overflow: hidden; box-shadow:0px 0px 15px 2px #e5e5e5; } #slider1,#slider2,#slider3,#slider4 { padding: 6px; background: #000000; position: absolute; left: 50%; bottom:10px; margin-left: -36px; border-radius: 20px; opacity: 0.3; cursor: pointer; z-index: 999; } #slider2 {margin-left: -12px; border-radius: 20px;} #slider3 {margin-left: 12px; border-radius: 20px;} #slider4 {margin-left: 36px; border-radius: 20px;} #slider1:hover, #slider2:hover, #slider3:hover, #slider4:hover { opacity: .50; } .inner-slider { width:1140px; height:700px; position: absolute; top: 0; left: 0; margin-bottom: 0px; overflow: hidden; } .control { display: none; } #Slide1:checked ~ .overflow-bg {margin-left: 0%;} #Slide2:checked ~ .overflow-bg {margin-left: -100%;} #Slide3:checked ~ .overflow-bg {margin-left: -200%;} #Slide4:checked ~ .overflow-bg {margin-left: -300%;} #Slide1:checked + #slider1 { opacity: 1; } #Slide2:checked + #slider2 { opacity: 1; } #Slide3:checked + #slider3 { opacity: 1; } #Slide4:checked + #slider4 { opacity: 1; } .overflow-bg { width: 400%; height: 100%; position: absolute; top: 0; left: 0; overflow-y: hidden; z-index: 1; -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; } .slide img { width: 25%; float: left; } /****** Mobile Games Page End ******/ /****** Web Development Page Start ******/ .mobile-backend-section .mobile-backend-bgcolor { background:rgba(0,0,0,0.6);} #web-technology .box-shadow{ background: #fff; border: 1px solid #eeeeee; padding: 30px 0px 0px; margin:0px 10px; min-height: 185px; width: 175px; cursor:default !important;} #web-technology .box-shadow:hover { box-shadow: 0px 0px 30px 5px #f3f3f3; cursor: pointer;} #web-technology .box-shadow .icon_holder_inner { height: 70px; vertical-align: middle; display: table-cell;} #web-technology .box-shadow h4{ font-size:16px;} /****** Web Development Page End ******/ /****** Portfolio Page Start ******/ #portfolio-sec{position:relative;} #portfolio-sec form.portfolio-form .col-one{position:relative;} #portfolio-sec form.portfolio-form .col-one.mr-top{margin-top:30px;} /*#portfolio-sec form.portfolio-form .col-one.mr-btm{margin-bottom:10px;}*/ #portfolio-sec form.portfolio-form input, #portfolio-sec form.portfolio-form textarea{ display:inline-block; outline:none; width:100%; border-bottom: 1px solid rgba(200, 207, 212, 1) !important; border-style: none none solid; color:#323a45; font-size:16px; text-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5); } #portfolio-sec form.portfolio-form input::-moz-placeholder,#portfolio-sec form.portfolio-form input::-webkit-input-placeholder, #portfolio-sec form.portfolio-form textarea::-moz-placeholder,#portfolio-sec form.portfolio-form textarea::-webkit-input-placeholder{color:#323a45 !important;} #portfolio-sec form.portfolio-form .col-one span.focus-border {background-color: #3399ff; bottom: 0; height: 2px; left: 50%; position: absolute; transition: all 0.4s ease 0s; width: 0;} #portfolio-sec form.portfolio-form .col-one input.effect-1, #portfolio-sec form.portfolio-form .col-one textarea.effect-1{border: 0; padding:15px 0px 15px 0px; margin-top:10px; border-bottom: 1px solid #ccc; background-color: transparent; position:relative; z-index:2; width: 100%; outline: none !important;} #portfolio-sec form.portfolio-form .col-one input.effect-1 ~ label, #portfolio-sec form.portfolio-form .col-one textarea.effect-1 ~ label{position: absolute; color: #aaa; left: 0; letter-spacing: 0.5px; position: absolute; transition: 0.3s; top:30px; transition: all 0.3s ease 0s; width: 100%; z-index:1; letter-spacing: 0.5px;} #portfolio-sec form.portfolio-form .col-one input.effect-1 ~ .focus-border, #portfolio-sec form.portfolio-form .col-one textarea.effect-1 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #00BCD4; transition: 0.4s;} #portfolio-sec form.portfolio-form .col-one input.effect-1:focus ~ .focus-border,#portfolio-sec form.portfolio-form .col-one input.effect-1.has-content ~ .focus-border, #portfolio-sec form.portfolio-form .col-one textarea.effect-1:focus ~ .focus-border,#portfolio-sec form.portfolio-form .col-one textarea.effect-1.has-content ~ .focus-border{width: 100%; transition: 0.4s; left: 0; z-index:99;} #portfolio-sec form.portfolio-form .has-error{/*background-color: red;*/ border-color: red !important;} #portfolio-sec form.portfolio-form .has-error ~ label{color: red !important; } #portfolio-sec form.portfolio-form .col-one input.effect-1.has-content~label, #portfolio-sec form.portfolio-form .col-one textarea.effect-1.has-content~label{top: 2px; font-size: 14px; color: rgba(138, 149, 158, 1); transition: 0.3s;; } #portfolio-sec form.portfolio-form .col-one input.effect-1:focus ~ label, #portfolio-sec form.portfolio-form .col-one textarea.effect-1:focus ~ label{top:2px; font-size: 14px; color:rgba(138, 149, 158, 1); transition: 0.3s;} #portfolio-sec form.portfolio-form .col-one span.submit{background: #F0EFEF; padding:10px 30px; color:#00BCD4; font-size:14px; text-transform:uppercase; border-radius:30px; border:2px solid #00BCD4; font-weight:600; -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; display:inline-block; cursor:pointer;} #portfolio-sec form.portfolio-form .col-one span.submit:hover{background:#00BCD4; border:2px solid #00BCD4; color:#fff;} #portfolio-sec form.portfolio-form .col-one input.effect-1.has-error~.focus-border, #portfolio-sec form.portfolio-form .col-one textarea.effect-1.has-error~.focus-border{ background-color: red; } #portfolio-sec form.portfolio-form textarea, #portfolio-sec form.portfolio-form .col-one textarea.effect-1{ display: block; padding: 20px 0; } #portfolio-sec .portfolio-footer-left p{font-size:14px;} #portfolio-sec .portfolio-footer-right{position:relative;} #portfolio-sec .portfolio-footer-right img{position:relative; bottom:30px; left:100px;} #portfolio-detail{background:url("/wp-content/uploads/2016/06/portfolio-bg.jpg") no-repeat; height:320px; background-size:cover;} .img-shadow{box-shadow:0px 0px 30px 0px #e4e4e4; overflow:hidden;} .img-shadow.vc_row{ margin:0px;} .img-shadow .vc_col-sm-8 { overflow:hidden;} .img-shadow .vc_single_image-wrapper img.vc_single_image-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; } .img-shadow .vc_single_image-wrapper img.vc_single_image-img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transform: scale(1.03); transform: scale(1.03); } #portfolio-feature .portfolio-features{ width:85%; z-index:9999; padding:30px 30px 0px 30px;} #portfolio-feature .portfolio-features h3{ font-size:40px; font-weight:500; color:#323a45;} .portfolio-features > p{font-size:14px; line-height:22px; margin-top:10px; margin-bottom:10px;} .portfolio-features > ul {margin-top: 15px;} .portfolio-features li{font-size:14px; margin-bottom:10px; background:url("/wp-content/uploads/2016/06/Oval-38.png") no-repeat scroll left 5px; padding-left:20px; list-style:none;} .portfolio-next-project h3{ color:#ffffff; font-size:28px; font-weight:500;} .portfolio-next-project h4{ color:#ffffff; text-transform:uppercase; font-size:20px; font-weight:500;} .portfolio-next-project h2{ color:#ffffff; font-size:60px; font-weight:500;} .portfolio-next-project {-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:100% 100% !important; overflow:hidden; background-position:center center !important; background-repeat:no-repeat; -webkit-filter: grayscale(100%); filter: grayscale(100%);} .portfolio-next-project:hover {background-size:105% 105% !important; -webkit-filter: grayscale(0%); filter: grayscale(0%);} .portfolio-list-view{ position:absolute; left:0px; right:0px; bottom:-30px;} .portfolio-list-view a.icon-view{ background: #fff url("/wp-content/uploads/2016/08/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;} .portfolio-list-view .icon-view:hover{ background-position:22px 19px;} .portfolio-next-project.grid_section .section_inner { width:auto;} /****** Portfolio Page End ******/ /****** Contact Us Page Start ******/ .contact-us h3{font-size:28px; font-weight:600; color:#252b33;} .contact-us p{color:#252b33; font-size:14px; width:100%; font-weight:400;} #consultation-form.contact-us-detail{border:1px solid #eeeeee; padding:45px;} #consultation-form form.contact-us-form .detail-part .col-three{width:30.12%; float:left; position:relative; margin-right:50px;} #consultation-form form.contact-us-form .detail-part .col-three.pad-top{padding-top:34px;} #consultation-form form.contact-us-form .detail-part .col-three.mrg-rt{margin-right:0px;} #consultation-form .contact-us-form .button.cd-modal-action > h6{color:rgba(138, 149, 158, 1); font-weight:lighter; display:inline-block; float:right; margin-top:12px; background:url("/wp-content/uploads/2016/08/lock.png") no-repeat left 0px; padding-left:20px;} /****** Contact Us Page End ******/ /****** Case Study Page Start ******/ #case-study .cs-br a.view-more{padding:10px 30px; color:#fff; font-size:14px; text-transform:uppercase; border-radius:30px; border:2px solid #fff; font-weight:600; -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; display:inline-block;} #case-study .cs-br a.view-more:hover{background:#fff; border:2px solid #fff; color:#252b33;} #case-study .image-hover ul.ult-ih-list li.ult-ih-list-item,#case-study .image-hover ul.ult-ih-list li.ult-ih-list-item .ult-ih-image-block,#case-study .image-hover ul.ult-ih-list li.ult-ih-list-item .ult-ih-image-block{margin:0px !important; width:360px !important; height:270px !important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); overflow: hidden;} #case-study .image-hover{margin-bottom:20px;} #case-study .image-hover .ult-ih-item .ult-ih-info{width:360px; height:270px;} #case-study .case-study-box .case-study-link a{color:#5d5d5d; font-size:20px; font-weight:500;} #case-study .case-study-box .case-study-link a:hover{ color: #323A45;} #case-study .case-study-box p {color:#8A959E; font-size:16px;} .case-study-text-gap p { margin-bottom: 30px; } .case-study-services .vc_col-sm-6 { padding-right:40px;} .case-study-services .jugaad-story-title h2{ text-transform: capitalize;} .case-study-services .jugaad-story-text p{font-size:18px;} .case-study-services .conclusion-title h2, .case-study-services .conclusion-text p, .case-study-tab .showcase-title h2{ color:#ffffff;} .case-study-tab .mpc-button__content.mpc-effect-type--stay.mpc-effect-side--left .mpc-button__icon { padding:0px; line-height:0px;} .case-study-tab .mpc-transition { -webkit-transition: all 0s; transition: all 0s;} .case-study-tab .mpc-button { border-bottom: 2px solid transparent; padding:30px;} .case-study-tab .mpc-button:hover { border-bottom: 2px solid #ffffff;} .case-study-tab .mpc-active .mpc-button{ border-bottom: 2px solid #ffffff;} .case-study-tab .mpc-tabs .mpc-tabs__nav-item { margin: 10px;} .case-study-tab .mpc-tabs__nav ul { cursor: inherit;} .case-study-tab .mpc-tabs__nav ul li{ cursor: pointer;} .case-study-tab .mpc-tabs__nav ul li img.attachment-thumbnail { opacity:0.5; -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;} .case-study-tab .mpc-tabs__nav ul li:hover img.attachment-thumbnail, .case-study-tab .mpc-tabs__nav ul li.mpc-active img.attachment-thumbnail { opacity:1;} .case-study-tab .mpc-tabs__nav ul li .mpc-button { -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;} /* Case study slider start */ #case-study-slider{ padding-top:50px;} #case-study-slider .slick-slider {position: relative; display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} #case-study-slider .slick-list { position: relative;display: block;margin: 0;padding: 0; overflow:visible;} #case-study-slider .slick-list:focus { outline: none;} #case-study-slider .slick-list.dragging {cursor: pointer;} #case-study-slider .slick-slider .slick-track, #case-study-slider .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} #case-study-slider .slick-track {position: relative;top: 0;left: 0; display: block;} #case-study-slider .slick-track:before, #case-study-slider .slick-track:after {display: table;content: '';} #case-study-slider .slick-track:after {clear: both;} #case-study-slider .slick-loading .slick-track {visibility: hidden;} #case-study-slider .slick-slide {display: none;float: left;height: 100%;min-height: 1px; padding:60px 60px 0px; outline:none; -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;} #case-study-slider .center .slick-center{ padding:0px 60px; } #case-study-slider .center .slick-center img { opacity:1; box-shadow: 0px 0px 80px rgba(0,0,0,0.4);} #case-study-slider .slick-slide img {display: block; } #case-study-slider .slick-initialized .slick-slide { display: block;} #case-study-slider .slick-loading .slick-slide {visibility: hidden;} #case-study-slider .slick-vertical .slick-slide {display: block;height: auto; border: 1px solid transparent;} #case-study-slider .web { width: 1240px;margin:auto;} #case-study-slider .mobile { width: 634px;margin:auto;} #case-study-slider .tablet { width: 765px;margin:auto;} #case-study-slider .ipad-landscape { width: 1120px;margin:auto;} #case-study-slider .ipad-portrait{width:735px; margin:auto;} #case-study-slider .game-tablet{width:1173px; margin:auto;} #case-study-slider .game-mobile{width:1485px; margin:auto;} #case-study-slider .slick-slide img { opacity:0.5;} #case-study-slider .slick-prev { background:url("/wp-content/uploads/2016/10/casestudy-prev-arrow.png") no-repeat ; height:60px; width:60px; position:absolute; left:30px; top:45%; z-index:999; cursor: pointer; border: none; outline: none; color:transparent;} #case-study-slider .slick-next { background:url("/wp-content/uploads/2016/10/casestudy-next-arrow.png") no-repeat; height:60px; width:60px; position:absolute; right:30px; top:45%; z-index:999; cursor: pointer; border: none; outline: none; color:transparent;} /*#case-study-slider .mobile .slick-slide { padding-bottom:1px;}*/ /* Case study slider end */ /****** Case Study Page End ******/ .our-team-details p{font-size: 40px; line-height: 60px; font-weight: 100; text-align:center; padding:0px 8%;} /****** Let's Talk Block Start ******/ #lets-talk .contact-details p{font-size:26px; color:#323a45; line-height:50px; font-weight: 100;} #lets-talk .contact-details a{color: #0452df; font-size:24px; font-weight: 100; border-bottom:1px dotted #0452df;} /****** Let's Talk Block End ******/ /**** Inner Page title ****/ .row-inner{border-bottom: 1px solid #666; height: 60px; text-align: center;} .row-inner .col-inner{ background-color: #ffffff; padding: 0px 20px; display: inline-block;} .row-inner .col-inner .title-top{color: #333; display: inline-block; font-family: 'Playfair Display'; font-size: 32px; text-transform: uppercase; font-weight: normal; line-height: 40px;} .row-inner .col-inner .title-bottom{color: #000; display: block; font-size: 64px !important; font-style: normal; font-weight: bold;} /*****Service Navigation Css Start *****/ #sub-menu .nav{ text-align:center; border-bottom:1px solid #f0f0f0;} #sub-menu .nav ul{ margin:0px; padding:0px; background:#fff;} #sub-menu .nav ul li{ list-style:none; display:inline-block;} #sub-menu .nav ul li a{ text-decoration:none; font-size:14px; color:#252b33; text-align:center; line-height:60px; display:inline-block; padding:0px 54px; outline:none; font-family: "Poppins",sans-serif; letter-spacing:1px; text-transform:uppercase; font-weight:500;} #sub-menu .nav ul li:hover a{ color:#00BCD4;} #sub-menu .nav ul li a.active{ color:#00BCD4;} /*#sub-menu .nav ul li:not(:first-child):before { content: '|'; position: relative; left: -4px; top: 2px; color: #e1e1e1; font-size: 22px; font-weight: 300;}*/ #sub-menu .nav ul li a::after{background-color: #00BCD4; content: ""; display: block; height: 3px; left: 0; margin: 0 auto; position: relative; top: 1px; transition: width 0.25s ease 0s; width: 0;} #sub-menu .nav ul li:hover a::after { width:100%;} #sub-menu .nav ul li a.active::after{background-color: #00BCD4; content: ""; display: block; height: 3px; left: 0; margin: 0 auto; position: relative; top: 1px; transition: width 0.25s ease 0s; width: 100%;} /*****Service Navigation Css End *****/ /***** Career Page Contact Form CSS Start *****/ #career .career-bg{background:url("/wp-content/uploads/2016/07/career-img.png") no-repeat center; height:179px;} #career .career-bg h2,#career .says-bg h2,#career .leader-bg h2,#career .life-bg h2{font-family: 'Playfair Display'; font-size: 50px; padding-top:70px;} #career .says-bg{background:url("/wp-content/uploads/2016/07/says-bg.png") no-repeat center; height:216px;} #career .leader-bg{background:url("/wp-content/uploads/2016/07/leader-title.png") no-repeat center; height:175px;} /*#career .life-bg{background:url("/wp-content/uploads/2016/07/life-title.png") no-repeat center; height:175px;}*/ .company-box-pad { padding:0px 15px;} .company-box-pad .vc_column-inner{ box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);} #careers-detail-box{margin-top:0px;} #careers-detail-box .detail-title{text-align:center;} #careers-detail-box h1{color:#252b33; font-size:48px;} #careers-detail-box .detail-title p,#careers-detail-box .exp-detail .left p,#careers-detail-box .exp-detail .right p{font-family:"Poppins",sans-serif; font-size:16px; color:#323a45;} #careers-detail-box .career-detail{background:#fff; margin-top:25px; padding:40px 30px 0px;} #careers-detail-box .career-detail ul{overflow:hidden; margin-bottom:20px;} #careers-detail-box .career-detail ul li{background:url("/wp-content/uploads/2016/07/circle-black.png") no-repeat left 5px; list-style:none; width:44%; float:left; font-family:"Poppins",sans-serif; padding-left:24px; margin-bottom:15px; color:#323a45; font-size:16px; margin-right:30px;} #careers-detail-box .exp-detail{width:100%; padding:30px 0px; overflow:hidden; border-top:1px solid #e2e6e9;} #careers-detail-box .exp-detail .left{width:50%; float:left;} #careers-detail-box .exp-detail .left span,#careers-detail-box .exp-detail .right span{font-weight:bold;} #careers-detail-box .exp-detail .right{width:50%; float:right;} .apply-btn .flip-box-wrap .flip_link a{padding:12px 30px; color:#323a45 !important; font-size:14px; background:none !important; text-transform:uppercase; border-radius:30px !important; border:2px solid #323a45; font-weight:600; -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; display:inline-block;} .apply-btn .flip-box-wrap .flip_link a:hover{background:#323a45 !important ; border:2px solid #323a45 !important; color:#fff !important;} .apply-btn .flip-box-wrap h3.ult-responsive { line-height:30px !important; font-weight: 500; color: #323a45 !important;} .ifb-flip-box-section { padding: 20px !important;} /***** Career Page Contact Form CSS Start *****/ /******* Banner Page title CSS Start ******/ /*.title-holder{ display:table-cell; width:100%; vertical-align:middle;} .title-holder .title-holder-inner { width:50%; position:absolute; top:228px;} .title-holder .title-holder-inner div.sub-title{ font-size:40px; color:#fff; font-weight:500; line-height:50px; text-transform:uppercase; font-family: "Poppins",sans-serif;} .title-holder .title-holder-inner div.separator-border{ width:165px; height:2px; background:#fff; margin-top:30px;} .title-holder .title-holder-inner div.sub-text{ font-size:20px; color:#fff; font-weight: normal; line-height:30px; text-transform: lowercase;} .title-holder h1.page-title{ position:absolute; right:0px; bottom: 28px; line-height: 0; margin: 0; padding: 0; font-size:100px; color:#ffffff; text-transform:uppercase; text-shadow:inherit;} .title-holder .breadcrumb { bottom: 52px; height: inherit; left: 0; position: absolute !important; top: inherit; width: 50%; margin:0px !important;}*/ /******* Banner Page title CSS End ******/ /******* Service Page Title CSS Start******/ .title-holder-service{ display:table-cell; width:100%; vertical-align:middle;} /*.title-holder-service .title-holder-inner-service.pad-top{top:210px;}*/ .title-holder-service .title-holder-inner-service h1.page-title-service{ margin: 0; padding: 0; font-size:60px; color:#ffffff; text-transform:none; text-shadow:inherit; font-weight:500; text-align:left; display:block; width:70%; line-height:80px; letter-spacing:-1px;} .title-holder-service .title-holder-inner-service h1.page-title-service.small-bg{width:75%;} .title-holder-service .title-holder-inner-service.pad-top h1{font-size:50px; line-height:65px;} .title-holder-service .title-holder-inner-service div.sub-title-service{ font-size:20px; color:#fff; font-weight:300; line-height:36px; text-transform: none; font-family: "Poppins",sans-serif; width:65%; text-align:left; margin:20px 0px;} /*.title-holder-service .title-holder-inner-service div.separator-border-service{ width:165px; height:2px; background:#fff; margin-top:50px; text-align:left;}*/ .title-holder-service .title-holder-inner-service div.sub-title-service-career{color: #8a959e; margin: 50px auto; text-align: center; width: 54%;} .title-holder-service .title-holder-inner-service div.career-sub-title { color: #252b33; font-size: 24px; font-weight: 500; text-align: center;} .title-holder-service .title-holder-inner-service div.career-sign {color: #00BCD4; text-align: center;} .title-holder-service .title-holder-inner-service .portfolio-category { color:#ffffff; font-size:20px; font-weight:500; text-transform:uppercase;} .title-holder-service .title-holder-inner-service .page-title-service span.casestudy-titile{ display:none;} .title-holder-service .title-holder-inner-service img.casestudy-logo{ width:auto;} .title-holder-service .title-holder-inner-service .casestudy-category { color:#ffffff; font-size:20px; font-weight:500; text-transform:uppercase; margin-top:20px;} /*.title-holder-service .title-holder-inner-service .post-icon { margin-bottom:20px;}*/ /*.title-holder-service .title-holder-inner-service h1.page-title-service.title-black, .title-holder-service .title-holder-inner-service div.sub-title-service.sub-title-black{ color:#000000; width:100%;} .title-holder-service .title-holder-inner-service div.separator-border-service.separator-black{ background:#000000;}*/ .title-holder-service .title-holder-inner-service h1.page-title-service.about-us,.title-holder-service .title-holder-inner-service h1.page-title-service.career-title,.title-holder-service .title-holder-inner-service h1.page-title-service.contact-us{color:#252b33;font-size:60px; text-transform:uppercase; letter-spacing:-1px; width:79%; font-family: "BEBASNEUEBOLD";margin:0 auto; line-height:60px; text-align:center;} /*.title-holder-service .title-holder-inner-service h1.page-title-service.about-us { padding-top:90px;}*/ .title-holder-service .title-holder-inner-service h1.page-title-service.career-title{width:45%; padding-top:270px;} .title-holder-service .title-holder-inner-service h1.page-title-service.contact-us{width:85%; margin-bottom:30px;} /******* Service Page Title CSS End******/ /******* Landing Page Title Start *********/ .title-holder-landing { display:table-cell; width:100%; vertical-align:middle;} .title-holder-landing .title-holder-inner-landing div.page-title-landing{ margin: 0; padding: 0; font-size:45px; color:#ffffff; text-transform:none; text-shadow:inherit; font-weight:500; text-align:left; display:block; line-height:60px; width:60%;} .title-holder-landing .title-holder-inner-landing div.sub-title-landing{ font-size:20px; color:#fff; font-weight:300; line-height:36px; text-transform: none; width:75%; text-align:left; margin-top:10px;} /******* Landing Page Title End *********/ /******* Join Team Title CSS Start******/ /*.team-title{position:relative;} .team-title .team-inner-title{position:absolute; top:180px;} .team-title .team-inner-title h1{font-size:70px; font-weight:bold; line-height:0.6em;} .team-inner-title > h1 > img{margin:0px 0px 60px;} .team-title .team-inner-title .text{font-family: "Poppins",sans-serif; font-size:40px; color:#8b929c;} .team-title .team-inner-title .team-sub-title{width:47%; font-size:16px; font-weight:200; line-height:24px; color:#323a45; margin-bottom:25px;} .team-title .team-inner-title h3{font-size:40px; font-family: 'Playfair Display'; font-style:italic; margin-bottom:10px;} .team-title .team-inner-title span.tag-line{color:#252b33; font-size:20px; font-family: 'Playfair Display'; display:inline-block; margin-top:15px;}*/ .career-title{position:relative;} .career-title .career-inner-title{position:absolute; top:280px;} .career-title h1{font-size:40px; font-weight:600; line-height:45px; text-align:center; font-family: "Poppins",sans-serif; color:#323a45; display:block;} .career-title .career-inner-title .career-sub-title{width:53%; font-size:16px; font-weight:500; line-height:24px; color:#323a45; text-align:center; margin:0 auto; padding:50px 0px;} .career-title .career-inner-title span.tag-line{color:#252b33; font-size:20px; font-family: 'Playfair Display'; display:block; margin-top:20px; text-align:center;} .career-title .career-inner-title img { display:block; margin:0 auto;} .carousel-testimonial .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel-testimonial .carousel-fade .carousel-inner .item, .carousel-testimonial .carousel-fade .carousel-inner .active.left, .carousel-testimonial .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-testimonial .carousel-fade .carousel-inner .active, .carousel-testimonial .carousel-fade .carousel-inner .next.left, .carousel-testimonial .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-testimonial .carousel-fade .carousel-inner .next, .carousel-testimonial .carousel-fade .carousel-inner .prev, .carousel-testimonial .carousel-fade .carousel-inner .active.left, .carousel-testimonial .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-testimonial .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left;} .carousel-testimonial .carousel-inner > .active, .carousel-testimonial .carousel-inner > .next, .carousel-testimonial .carousel-inner > .prev { display: block; } .carousel-testimonial .carousel-inner > .active { left: 0; } .carousel-testimonial .carousel-inner > .next, .carousel-testimonial .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-testimonial .carousel-inner .col-left { width:50%; float:left; padding-left:60px; padding-top:60px; } .carousel-testimonial .carousel-inner .col-right { width:40%; float:right; position:relative; bottom:65px; } .carousel-testimonial .carousel-inner .col-right img{ width:auto;} .carousel-testimonial .carousel-indicators img { height:50px; width:50px; border-radius:50px; opacity:0.5; padding:3px; } .carousel-testimonial .carousel-inner { background: #ffffff; box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1); overflow:visible; position: relative; width: 100%; height:550px; display:block !important;} .carousel-testimonial .carousel-indicators { position: absolute; bottom: 60px; left:5%; z-index: 15; padding-left: 0; text-align: center; list-style: none; width:inherit; margin-left:0px; display:block !important; } .carousel-testimonial .carousel-indicators li { display: inline-block; margin: 0px 5px; cursor: pointer; width:56px; height:56px; text-indent: inherit;} .carousel-testimonial .carousel-indicators .active img { background-color: transparent; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.28); opacity:1; } .carousel-testimonial .carousel-inner .item h3 { color:#252b33; font-size:24px; text-align:left; line-height:35px; font-weight:500;} .carousel-testimonial .carousel-inner .item h4{ color:#00BCD4; font-size:20px; text-align:left;} .carousel-testimonial .carousel-inner .item h5{ color:#8a959e; font-size:16px; text-align:left;} .carousel.fade { opacity: 1;} .carousel.fade .item { -moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; z-index: 1;} .carousel.fade .item:first-child { top: auto; position: relative;} .carousel.fade .item.active { opacity: 1; -moz-transition: opacity ease-in-out .7s; -o-transition: opacity ease-in-out .7s; -webkit-transition: opacity ease-in-out .7s; transition: opacity ease-in-out .7s; z-index: 2;} .carousel-control { z-index: 2;} .carousel-testimonial .carousel-inner .col-right .samir-patel { background:url("/wp-content/uploads/2016/09/emp-samir-patel.png"); height: 615px; background-repeat: no-repeat;} .carousel-testimonial .carousel-inner .col-right .chandrakanta-pradhan { background:url("/wp-content/uploads/2016/08/chandrakanta-pradhan.png"); height: 615px; background-repeat: no-repeat;} .carousel-testimonial .carousel-inner .col-right .salim-chauhan { background:url("/wp-content/uploads/2016/09/salim-chauhan.png"); height: 615px; background-repeat: no-repeat;} .carousel-testimonial .carousel-inner .col-right .jay-shah { background:url("/wp-content/uploads/2016/08/jay-shah.png"); height: 615px; background-repeat: no-repeat;} .carousel-testimonial .carousel-inner .col-right .vimal-panara { background:url("/wp-content/uploads/2016/08/vimal-panara.png"); height: 615px; background-repeat: no-repeat;} .carousel-testimonial .carousel-inner .col-right .viral-parikh { background:url("/wp-content/uploads/2016/08/viral-parikh.png"); height: 615px; background-repeat: no-repeat;} /******* Join Team Title CSS End******/ /******** About US Start *********/ /**** old start****/ .about-title{position:relative;} .about-title .about-inner-title{position:absolute; top:350px;} .about-title .about-inner-title a{border:1px solid #fff; border-radius:50px; color:#fff; font-size:15px; padding:8px 24px; position:absolute; left:90px;} .about-title .about-inner-title a:hover{ background: rgba(255,255,255,0.9); color:#bd5367; border:1px solid #ffffff;} .about-inner-title > h1 > img{margin:0px 0px 40px;} .about-inner-title > h1{ display:block;} #section-box-shadow{ box-shadow: 0px 0px 40px 3px rgba(0,0,0,0.1); margin-bottom: 10px;} .why-indianic{background:url("/wp-content/uploads/2016/07/why-indianic-bg.jpg") no-repeat; height:241px; width:100%; background-attachment:fixed; background-position:center;} .white-bg-overlay{padding:20px 15px; background:rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.1); margin-bottom:90px;} .remember-bg img{position:relative !important; bottom:60px;} /**** old end ****/ .mpc-grid-images[data-grid-cols="3"] .mpc-item{width:360px !important;} .mpc-grid-images{margin-left:30px !important;} .about-section .about-title-tag h1{ font-size:46px; font-family: 'Playfair Display'; text-align:center; color:#323a45;} .about-section .imgright.about-col{ float:right; width:38%;} .about-section .orange-separator .vc_single_image-wrapper{ position:relative; left:20px;} .about-section p{ font-weight:500; color:#323a45;} .about-section .text-tag p{ font-family: 'Playfair Display'; font-size:18px; color:#8a959e;} .about-section .text-grestest h3{ font-size:24px; font-weight: normal; color:rgba(50,58,69,0.7); font-family: 'Playfair Display';} .about-section .text-our h3{ font-size:24px; color:#323a45; font-family: 'Playfair Display';} .about-section .text-title h3{ font-size:20px; color:#ec6305; font-style:italic; font-family: 'Playfair Display';} .about-section .text-title h4{ font-size:18px; font-weight:500; color:rgba(50,58,69,0.7);} .transparent-text .rememberd-bg { background:url("/wp-content/uploads/2016/07/rememberd-title.png") no-repeat center; height:130px; background-size: contain;} .transparent-text .rememberd-bg h2 {font-family: 'Playfair Display'; font-size: 50px; color:#252b33;} .transparent-text .rememberd-bg h3 {font-family: 'Playfair Display'; font-size: 30px; padding-top:15px; color:#252b33; text-transform:uppercase;} .transparent-text .our-crew-bg { background:url("/wp-content/uploads/2016/07/our-crew-title.png") no-repeat center; height:132px; background-size: contain;} .transparent-text .our-crew-bg h2, .transparent-text .life-bg h2, .transparent-text .accolades-bg h2{font-family: 'Playfair Display'; font-size: 50px; color:#252b33; padding-top:30px;} .transparent-text .accolades-bg h2{ padding-top:50px;} .transparent-text .life-bg{ background:url("/wp-content/uploads/2016/07/life-title-1.png") no-repeat center; height:127px; background-size: contain;} .life-indianic-section .box-style .mpc-grid__image{box-shadow:0px 0px 32px 0px rgba(0,0,0,0.1); cursor:default;} .certification-block ul li{list-style:none; float:left; margin-bottom:50px; width:20%; text-align:center;} .certification-block.sec-colm{width:800px; margin:0 auto;} .what-is-indianic p.gray-p{color:#8a959e;} .what-is-indianic h3{color:#00BCD4; font-size:32px; font-weight: 500;} .what-we-do h2{width: 70%;} .what-is-indianic h5{font-size:24px; color:#323a45; width:80%;} .what-is-indianic h4{font-size:18px; color:#8a959e;} .what-is-indianic h3{font-size:22px; color:#00BCD4;} .image-effect .image-wrap{ width: 370px; height: 370px; border-radius: 50%; position: relative; box-shadow: 0 0 0 30px rgba(244,244,244,1); margin:0 auto;} .image-effect .image-wrap::after, .image-effect .image-wrap::before { position: absolute; content: ''; width: 370px; height: 370px; top: 0; left: 0; border-radius: 50%; z-index: 0; } .image-effect .image-wrap::after { box-shadow: 0 0 0 140px rgba(244,244,244,1); -webkit-animation: 2.5s anim-effect-back 0s linear infinite; animation: 2.5s anim-effect-back 0s linear infinite; } .image-effect .image-wrap img{ display: inline-block; border-radius: 50%;} @-webkit-keyframes anim-effect-back { 0% { box-shadow: 0 0 0 30px rgba(244,244,244,1); opacity: 1; -webkit-transform: scale3d(1, 1, 1.5); transform: scale3d(1, 1, 1.5); } 50% { box-shadow: 0 0 0 70px rgba(244,244,244,0.6); opacity: 1; -webkit-transform: scale3d(1, 1, 1.5); transform: scale3d(1, 1, 1.5); } 100% { box-shadow: 0 0 0 140px rgba(244,244,244,0); opacity: 0; -webkit-transform: scale3d(1, 1, 1.5); transform: scale3d(1, 1, 1.5); } } @keyframes anim-effect-back { 0% { box-shadow: 0 0 0 30px rgba(244,244,244,1); opacity: 1; -webkit-transform: scale3d(1, 1, 1.5); transform: scale3d(1, 1, 1.5); } 50% { box-shadow: 0 0 0 70px rgba(244,244,244,0.6); opacity: 1; -webkit-transform: scale3d(1, 1, 1.5); transform: scale3d(1, 1, 1.5); } 100% { box-shadow: 0 0 0 140px rgba(244,244,244,0); opacity: 0; -webkit-transform: scale3d(1, 1, 1.5); transform: scale3d(1, 1, 1.5); } } .play::before, .image-wrap::before{ box-shadow: 0 0 0 80px rgba(232,232,232,1); } .play::before, .image-wrap::before { -webkit-animation: 2.5s anim-effect-front 0s linear infinite; animation: 2.5s anim-effect-front 0s linear infinite; } @-webkit-keyframes anim-effect-front { 0% { box-shadow: 0 0 0 20px rgba(232,232,232,1); opacity: 1; -webkit-transform: scale3d(1, 1, 0.5); transform: scale3d(1, 1, 0.5); } 50% { box-shadow: 0 0 0 40px rgba(232,232,232,0.6); opacity: 1; -webkit-transform: scale3d(1, 1, 0.5); transform: scale3d(1, 1, 0.5); } 100% { box-shadow: 0 0 0 80px rgba(232,232,232,0); opacity: 0; -webkit-transform: scale3d(1, 1, 0.5); transform: scale3d(1, 1, 0.5); } } @keyframes anim-effect-front { 0% { box-shadow: 0 0 0 20px rgba(232,232,232,1); opacity: 1; -webkit-transform: scale3d(1, 1, 0.5); transform: scale3d(1, 1, 0.5); } 50% { box-shadow: 0 0 0 40px rgba(232,232,232,0.6); opacity: 1; -webkit-transform: scale3d(1, 1, 0.5); transform: scale3d(1, 1, 0.5); } 100% { box-shadow: 0 0 0 80px rgba(232,232,232,0); opacity: 0; -webkit-transform: scale3d(1, 1, 0.5); transform: scale3d(1, 1, 0.5); } } /*.certification-block ul li span{ background:url("/wp-content/uploads/2016/07/certified-logo-img.jpg") no-repeat; display:inline-block;} .certification-block ul li span.microsoft{background-position:0px -22px; height:56px; width:226px;} .certification-block ul li span.titanium{background-position:-240px -22px ; height:56px; width:226px;} .certification-block ul li span.amazone{background-position:-460px -10px; height:56px; width:226px;} .certification-block ul li span.shopify{background-position:-685px -22px; height:56px; width:226px;} .certification-block ul li span.nasscom{background-position:-915px -22px; height:56px; width:226px;} .certification-block ul li span.magento{background-position:0px -22px; height:56px; width:226px;} .certification-block ul li span.aabaco{background-position:0px -22px; height:56px; width:226px;} .certification-block ul li span.gesia{background-position:0px -22px; height:56px; width:226px;} .certification-block ul li span.iso-certified{background-position:0px -22px; height:56px; width:226px;} .certification-block ul li span.iso{background-position:0px -22px; height:56px; width:226px;}*/ /******** About US End *********/ /***********/ #apply-form { background:#fff; padding-top:60 px; box-shadow:0 0 32px 0px rgba(0, 0 , 0 , 0.1); overflow:hidden; } #apply-form h2 { border-left:5px solid #00BCD4 !important; padding:20px 50px; font-weight:500; color:#252b33; font-size:30px; } #apply-form .pad { padding:30px 50px 50px; } #apply-form .pad-r{margin-right:50px;} #apply-form .colm-three { width:30.12%; float:left; position:relative; box-sizing: border-box; } #apply-form .colm-one{width:100%; position:relative;} #apply-form .colm-three.br-btm-1 label{margin-right:30px; cursor:pointer;} #apply-form .colm-three.br-btm-1 p{margin-bottom:5px; color: #aaa;} #apply-form .mr-top{margin-top:50px;} #apply-form form.apply-now-form label { display:inline; color: rgba(138, 149, 158, 1); font-size:16px; font-weight:lighter;} #apply-form form.apply-now-form label.required:after,#apply-form form.apply-now-form textarea.required:after,#apply-form .colm-three.br-btm-1 p:after,#apply-form form .education-block table.apply-table tr td.required:after {content:"*"; color:red; margin-left:5px;} #apply-form form.apply-now-form .more-about-you label,#apply-form form.apply-now-form .skill label{font-size:16px;} #apply-form form.apply-now-form input{ display:block; outline:none; width:100%; border-bottom: 1px solid rgba(200, 207, 212, 1) !important; border-style: none none solid; color:#323a45; font-size:16px; text-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5); } #apply-form form.apply-now-form select,#apply-form form.apply-now-form textarea { display:block; outline:none; padding:10px 0px 0px; width:100%; border-bottom: 1px solid rgba(200, 207, 212, 1) !important; border-style: none none solid; color:#323a45; font-size:16px; text-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5); } #apply-form form.apply-now-form textarea{resize:none; font-family:"Poppins",sans-serif; font-weight:500; padding:22px 0px 10px !important;} #apply-form .colm-three span.focus-border {background-color: #3399ff; bottom: 0; height: 2px; left: 50%; position: absolute; transition: all 0.4s ease 0s; width: 0;} #apply-form form.apply-now-form input::-moz-placeholder{color:#323a45;} #apply-form form.apply-now-form input::-webkit-input-placeholder{color:#323a45 !important;} #apply-form form.apply-now-form .colm-three.br-btm-1 > label { color: #323a45;} #apply-form form.apply-now-form .radio { opacity: 0; position: absolute;} #apply-form form.apply-now-form .radio, #apply-form form.apply-now-form .radio-label { display: inline-block; vertical-align: middle; margin-right: 30px; cursor: pointer; color: #323a45; font-size:16px; font-weight:lighter;} #apply-form form.apply-now-form .radio-label { position: relative;} #apply-form form.apply-now-form .radio + .radio-label:before {content: ''; background: #fff; border: 2px solid rgba(200, 207, 212, 1); display: inline-block; vertical-align: middle; width: 10px; height: 10px; padding: 2px; margin-right: 10px; text-align: center; border-radius: 50px;} #apply-form form.apply-now-form .radio:checked + .radio-label:before { background: #00BCD4; box-shadow: inset 0px 0px 0px 2px #fff; border: 2px solid #00BCD4;} #apply-form form.apply-now-form button.btn{background:#00BCD4 !important; width:100%; cursor:pointer; padding:10px 50px; border:none; border-radius:5px; color:#fff; font-size:20px; font-family: "Poppins", sans-serif; transition: all 0.9s ease 0s; font-weight:500; } #apply-form .personal-information span{margin-right:20px; color:#323a45;} #apply-form form.apply-now-form select { -moz-appearance: none; -webkit-appearance: none; appearance: none; font-weight:400; color:#323a45; background:url("/wp-content/uploads/2016/07/drop-down.png") no-repeat right center; padding-bottom:5px; border-radius: 0px; } #apply-form form .education-block table.apply-table{padding-left:50px; border-collapse:separate; margin-top:30px;} #apply-form form .education-block table.apply-table tr td input{border-bottom:1px solid rgba(200, 207, 212, 1) !important; padding:10px 0px; font-weight:200; width:85%;} #apply-form form .education-block table.apply-table tr th,#apply-form form .education-block table.apply-table tr td{padding:15px 0px; /*border-bottom:1px solid #c8cfd4;*/ text-align: left;} #apply-form form .education-block table.apply-table tr th{color:#00BCD4 !important; font-size:16px; text-transform:uppercase; font-weight:500 !important;} #apply-form form .education-block table.apply-table tr td.grey{color:#8a959e; font-weight:lighter; vertical-align:middle;} #apply-form form .education-block table.apply-table tr td.fnt{font-size:18px; color:#323a45; vertical-align:middle;} #apply-form form .inputfile + label { background-color: #8a959e; color: #fff; transition: all 0.4s ease-in 0s; border-radius:0px !important;} #apply-form form .inputfile + label:hover{ background-color:#1c2c3b;} #apply-form form .upload + label { cursor: pointer; display: inline-block; overflow: hidden; padding:10px 30px; border-radius: 50px !important;} #apply-form form .upload { height: 0.1px; opacity: 0; overflow: hidden; position: absolute; width:6% !important; z-index: -1;} #apply-form form .upload + label span { font-size: 14px; font-weight:500;} #apply-form form .upload-file span.file{display:inline-block; padding-top:10px; padding-left:15px; vertical-align:top; font-size:14px; color:#8a959e;} #apply-form form .upload-file p{font-size:16px; color:#8a959e;} #apply-form form.apply-now-form input.effect-1,#apply-form form.apply-now-form textarea.effect-1{border: 0; padding:15px 0px 15px 0px; margin-top:10px; border-bottom: 1px solid #ccc; background-color: transparent; position:relative; z-index:2;} #apply-form form.apply-now-form input.effect-1 ~ label,#apply-form form.apply-now-form textarea.effect-1 ~ label {position: absolute; color: #aaa; left: 0; letter-spacing: 0.5px; position: absolute; transition: 0.3s; top:30px; transition: all 0.3s ease 0s; width: 100%; z-index:1; letter-spacing: 0.5px;} #apply-form form.apply-now-form input.effect-1 ~ .focus-border,#apply-form form.apply-now-form textarea.effect-1 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #00BCD4 !important; transition: 0.4s;} #apply-form form.apply-now-form input.effect-1:focus ~ .focus-border,#apply-form form.apply-now-form textarea.effect-1:focus ~ .focus-border, #apply-form form.apply-now-form input.effect-1.has-content ~ .focus-border,#apply-form form.apply-now-form textarea.effect-1.has-content ~ .focus-border{width: 100%; transition: 0.4s; left: 0; z-index:99;} #apply-form form.apply-now-form .has-error{background-color: red;} #apply-form form.apply-now-form select.has-error,#apply-form form .education-block table.apply-table tr td input.has-error{border-bottom: 1px solid red !important; color: red; background-color:#fff;} #apply-form form.apply-now-form .has-error ~ label{color: red !important; } #apply-form form.apply-now-form input.effect-1:focus ~ label,#apply-form form.apply-now-form textarea.effect-1:focus ~ label, #apply-form form.apply-now-form input.effect-1.has-content ~ label,#apply-form form.apply-now-form textarea.effect-1.has-content ~ label{top:2px; font-size: 14px; color:rgba(138, 149, 158, 1); transition: 0.3s;} /***********/ /***** Team Slider Css Start *****/ .people-slider{ padding: 0; } .people-slider ul{margin:0px; padding:0px 47px; box-sizing: border-box;} .people-slider ul:after { content:''; clear:both; display:block;} .people-slider ul li { overflow: hidden; position:relative; list-style:none; /*padding:0px 12px; width:300px; height:600px;*/} .people-slider ul li div.images_holder{cursor: default; -webkit-transition:all 300ms; transition:all 300ms; line-height:0px; position: relative;} .people-slider ul li div.images_holder img.active_image, .people-slider ul li div.images_holder img.hover_image { /*width:300px; height:600px;*/} .people-slider ul li div.images_holder img.active_image { opacity:1 !important;; transition: all 0.5s ease-in-out 0s; visibility: visible; } .people-slider ul li div.images_holder img.hover_image { opacity:0 !important;; position:absolute; top:0; left:0; transition: all 0.5s ease-in-out 0s; visibility: hidden;} .people-slider ul li div.images_holder:hover img.active_image { opacity:0 !important;; visibility: hidden;} .people-slider ul li div.images_holder:hover img.hover_image { opacity:1 !important;; visibility: visible;} .people-slider .owl-controls .owl-nav .owl-prev{position:absolute; top:40%; z-index:999; left:0px; cursor:pointer;background: url("/wp-content/uploads/2016/08/gaming-portfolio-arrow-previous.png") no-repeat; height:80px; width:47px; font-size:0px;} .people-slider .owl-controls .owl-nav .owl-next{position:absolute; top:40%; z-index:999; right:0px; cursor:pointer; background: url("/wp-content/uploads/2016/08/gaming-portfolio-arrow-next.png") no-repeat; height:80px; width:47px; font-size:0px;} /*.people-slider .slider-frame ul li div span { position:absolute; width:380px; box-sizing:border-box; font-size:18px; color:#4c5970; pointer-events:none; text-align:center; left:0px; margin-top:20px; } .people-slider .slider-frame ul li div span strong { display:block; color:#323a45; text-align:center; font-size:20px; margin-bottom:10px;} .people-slider .slider-frame ul li div span i{font-size:16px; font-family: 'Playfair Display';}*/ /* Meet The Team */ /*#team-grid-container img.team{position: absolute; left: 30%; top: 30%; z-index: 1; text-align: center;}*/ #team-grid-container h2{ color: #ffffff; position: absolute; left:0px; right:0px; width:65%; margin:0 auto; top:43%; font-size: 50px; z-index: 1; text-align: center;} #team-grid-container .team-member { position: relative; max-height: 80px; overflow: hidden; float:left; background-color:#000000; width:5.2631%; line-height:0px; } #team-grid-container .team-member img { opacity: 0.3; -webkit-filter: grayscale(95%); filter: grayscale(95%); -webkit-opacity: 0.3; -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;} #team-grid-container .team-member:hover { background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6))); } #team-grid-container .team-member:hover img { opacity: 1; z-index: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%); } #team-grid-container .team-member:hover span { display: inline-block; font-family: 'Poppins', sans-serif; font-weight: bold; color: #fff; font-size: 11px;} #team-grid-container .team-member span { position: absolute; left: 10px; bottom: 10px; font-size: 10px; color: #fff; z-index: 100; display: none; text-shadow: 1px 1px 4px #000000; line-height:15px; text-transform:capitalize; } /* Meet The Team */ /***** Team Slider Css End *****/ /****** FAQ Start ********/ .search-content .mpc-accordion-item__heading h3{ font-family: "Poppins",sans-serif !important; color:#323A45 !important; font-size:20px !important;} .title-holder-service h1.page-title-faq{ margin: 0; padding: 0; font-size: 60px; color: #ffffff; text-transform: none; text-shadow: inherit; font-weight: 500; text-align: center; display: block; width: 100%;} .title-holder-service .search-box input{ width: 45%; padding: 20px 70px 20px 30px; border:1px solid #fff; border-radius: 50px;font-size: 22px; margin: 60px auto 0px; display: block; background: transparent url("/wp-content/uploads/2016/06/search-icon.png") no-repeat scroll right 15px center; color:#fff;} .title-holder-service .search-box input:focus{ box-shadow: none; outline:none;} .title-holder-service .search-box input::-webkit-input-placeholder{color:#fff;} .title-holder-service .search-box input::-moz-placeholder{color:#fff; opacity: 1;} .no-record{text-align:center; padding: 5% 0; } /****** FAQ End ********/ /******** Testimonial ********/ /*.testimonial-section .testimonial-text-bolg h3{ color:#8A959E; font-size:36px; line-height:43px;} .testimonial-section .testimonial-text-bolg h4{ color:#323A45; font-size:28px; font-weight:600;} .testimonial-section .testimonial-text-bolg h5{ color:#323A45; font-size:28px; font-weight:300;} .testimonial-bg .video_lightbox_anchor_image{position:absolute; top:45%; left:45%; width:55px;} .testimonial-section .testimonial-text-bolg-two h3{ color:#8A959E; font-size:36px; line-height:43px;} .testimonial-section .testimonial-text-bolg-two h4{ color:#323A45; font-size:28px; font-weight:600;} .testimonial-section .testimonial-text-bolg-two h5{ color:#323A45; font-size:28px; font-weight:300; } .testimonial-section .testimonial-text-right h3{ text-align: right; color:#8A959E; font-size:36px; line-height:43px;} .testimonial-section .testimonial-text-right h4{ text-align: right;color:#323A45; font-size:28px; font-weight:600;} .testimonial-section .testimonial-text-right h5{ text-align: right;color:#323A45; font-size:28px; font-weight:300;} .testimonial-section .client-image img{ width:100px;height: 100px; border-radius:100px;} .testimonial-bg{background:url("/wp-content/uploads/2016/07/client-bg.jpg") no-repeat; height:500px; position:relative; background-size:cover;} .testimonial-bg .video_lightbox_anchor_image{position:absolute; top:45%; left:45%; width:55px; } .testimonial-bg .vc_column-inner {height: 700px;}*/ /*.testimonial .client-image img{ width:75px;height: 75px; border-radius:100px;} .testimonial .testimonial-col-section .testimonial-block { border:1px solid #f4f4f4; padding:30px; margin:0px 15px;} .testimonial .testimonial-col-section .testimonial-block.vc_col-sm-4{ width:30.77%;} .testimonial .testimonial-col-section.vc_row{ margin-left:0px; margin-right:0px;} .testimonial .testimonial-col-section .testimonial-col-text p{ color:#8a959e; padding-bottom:30px;} .testimonial .testimonial-col-section p.client-name{ color:#252b33; text-transform:uppercase;} .testimonial .testimonial-col-section p.client-position{ color:#8a959e;}*/ .testimonial-video-section{ position:relative; text-align:center;} .testimonial-video-section .testimonial-video{ position:relative;} .testimonial-video-section:not(.hide-control) .video-btn-play { background:url("/wp-content/uploads/2016/09/play-btn.png") no-repeat; width:64px; height:64px; position:absolute; top:65%; left:0px; right:0px; bottom:0px; margin:0 auto; z-index:999; cursor: pointer;} .testimonial-video-section:not(.hide-control) .video-btn-pause{ background:url("/wp-content/uploads/2016/09/pause-btn.png") no-repeat; width:64px; height:64px; position:absolute; top:65%; left:0px; right:0px; bottom:0px; margin:0 auto; z-index:999;} .testimonial-video-section .video-btn-play.video-btn-pause { opacity:0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .testimonial-video-section:hover .video-btn-play.video-btn-pause { opacity:1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .testimonial .testimonial-block h4.client-name{ font-size:18px; font-weight:600; color:#0d99fc; text-transform: capitalize;} .testimonial .testimonial-block h5.tag-line{ font-size:16px; font-weight:400; color:#8a959e;} .testimonial .testimonial-block{ align-self: center;} .testimonial .testimonial-row > .full_section_inner { display:flex;} .testimonial-video-section.hide-control .video-btn-play{display: none;} /******** Testimonial ********/ /****** Consultation Form Start ********/ #consultation-form .fullscreen_search_table{background-color:#f4f7f9; position:relative;} #consultation-form .fullscreen_search_table .fullscreen_search_cell{display:inherit; margin-top:40px; text-align:left;} #consultation-form .fullscreen_search_inner .consult-form{border:1px solid rgba(200, 207, 212, 1); border-radius:4px; width:1140px; /*height:535px;*/ margin:0 auto 50px auto; background-color: rgba(255, 255, 255, 1); padding:40px;} #consultation-form .fullscreen_search_inner .consult-form h2{font-size:30px; color: #252b33; font-weight:600;} #consultation-form .fullscreen_search_inner .consult-form h6{color:rgba(138, 149, 158, 1); font-weight:lighter; display:inline-block; float:right; margin-top:12px; background:url("/wp-content/uploads/2016/08/lock.png") no-repeat left 0px; padding-left:20px;} #consultation-form .consult-form .form-detail{width:100%;} #consultation-form form.consultation-form .detail-part .colm-three {float: left; margin-right:50px; position: relative; width:30.12%;} #consultation-form form.consultation-form .detail-part .colm-three .time-sec{width:100%; position:absolute; bottom:-30px; font-size:14px;} #consultation-form form.consultation-form .detail-part .colm-three .we-talk-sec{} #consultation-form form.consultation-form .detail-part .mrg-rt{margin-right:0px;} #consultation-form form.consultation-form .detail-part .pad-top{padding-top:30px;} #consultation-form form.contact-us-form .detail-part .col-three{ margin-top:30px;} #consultation-form .consult-form .form-detail .detail-part{width:100%; position:relative;} #consultation-form .consult-form .form-detail .detail-part .left-part{float:left; width:50%; position:relative;} #consultation-form .consult-form .form-detail .detail-part.mrg-btm{margin-top:40px;} #consultation-form .consult-form .form-detail .detail-part .right-part{float:right; width:50%; position:relative;} #consultation-form .consult-form .form-detail .detail-part label{display:block; color: rgba(138, 149, 158, 1); font-size: 16px; font-weight:lighter;} #consultation-form .consult-form .form-detail .detail-part label.required:after {content:"*"; color:red; margin-left:5px;} #consultation-form .consult-form .form-detail .detail-part input,#consultation-form .consult-form .form-detail .detail-part select,#consultation-form .consult-form .form-detail .detail-part textarea{display:block; width:100%; border-bottom: 1px solid #c8cfd4 !important; border-style: none none solid; color: #252b33; font-size:18px; text-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5); outline: medium none; border-radius:0px;} #consultation-form .consult-form .form-detail .detail-part textarea{resize:none; color:rgba(50, 58, 69, 1); outline: medium none;} #consultation-form .consult-form .form-detail .detail-part select{-moz-appearance: none; -webkit-appearance: none; appearance: none; font-weight:300 !important; color:#8a959e; font-size:17px; background:url("/wp-content/uploads/2016/07/drop-down.png") no-repeat right center; padding-bottom:5px;} #consultation-form .consult-form .form-detail .detail-part input::-moz-placeholder{color:#252b33;} #consultation-form .consult-form .form-detail .detail-part .button button{background-color: rgba(65, 211, 33, 1); border: medium none; border-radius: 4px; color: #fff; font-size:18px; padding:8px 65px; cursor:pointer; font-family:"Poppins",sans-serif; font-weight:500;} #consultation-form .consult-form .form-detail .detail-part .button button:hover{background-color:#323A45; color:#fff;} #consultation-form .contact-address{width:980px; margin:50px auto;} #consultation-form .contact-address .col-four{width:40%; float:left;} #consultation-form .contact-address .col-five{width:60%; float:left;} #consultation-form .contact-address .col-four p,#consultation-form .contact-address .col-five a{font-size:14px; color: rgba(138, 149, 158, 1); line-height:22px;} #consultation-form .contact-address .col-five a{display:inline-block; text-decoration:none; border-left:2px solid #8a959e; padding-left:15px; padding-right:20px; font-size:16px;} /*#consultation-form .contact-address .col-three a.email{font-size:30px; vertical-align:middle;}*/ #consultation-form .qode_search_close a.fullscreen_search_close{top:3px; right:42px; background:#fff; border-radius:30px;} .fullscreen_search_holder .fullscreen_search_close{ height:45px; width:45px;} .fullscreen_search_holder .fullscreen_search_close .line, .fullscreen_search_holder .fullscreen_search_close .line:before, .fullscreen_search_holder .fullscreen_search_close .line:after{ width:25px; height:2px;} .fullscreen_search_holder .fullscreen_search_close .line{left:10px;} .header_inner_right.search-box .side_menu_button > a {display:inline; font-size:15px; font-weight:600; padding:10px 25px; letter-spacing:0px; background:#f98211; border-radius:30px; text-transform: uppercase; font-family:"Poppins",sans-serif;} .header_inner_right.search-box .side_menu_button > a:hover{background:#f9902c; color:#fff;} .side_menu_button > a, .mobile_menu_button span{color:#fff;} #consultation-form form.consultation-form input.effect-1{border: 0; padding:15px 0px 10px 0px; margin-top:10px; border-bottom: 1px solid #ccc; background-color: transparent; position:relative; z-index:2;} #consultation-form form.consultation-form textarea.effect-1{border: 0; padding:20px 0px 10px; margin-top:10px; border-bottom: 1px solid #ccc; background-color: transparent; position:relative; z-index:2;} #consultation-form form.consultation-form input.effect-1 ~ label,#consultation-form form.consultation-form textarea.effect-1 ~ label {position: absolute; color: #aaa; left: 0; letter-spacing: 0.5px; position: absolute; transition: 0.3s; top:30px; transition: all 0.3s ease 0s; width: 100%; z-index:1; letter-spacing: 0.5px;} #consultation-form form.consultation-form input.effect-1 ~ .focus-border,#consultation-form form.consultation-form textarea.effect-1 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #00BCD4; transition: 0.4s;} #consultation-form form.consultation-form input.effect-1:focus ~ .focus-border,#consultation-form form.consultation-form textarea.effect-1:focus ~ .focus-border, #consultation-form form.consultation-form input.effect-1.has-content ~ .focus-border,#consultation-form form.consultation-form textarea.effect-1.has-content ~ .focus-border{width: 100%; transition: 0.4s; left: 0; z-index:99;} #consultation-form form.consultation-form input.effect-1.has-error ~ .focus-border,#consultation-form form.consultation-form textarea.effect-1.has-error ~ .focus-border{background-color: red;} #consultation-form form.consultation-form input.effect-1.has-error ~ label,#consultation-form form.consultation-form textarea.effect-1.has-error ~ label{color: red !important; } #consultation-form form.consultation-form input.effect-1:focus ~ label,#consultation-form form.consultation-form textarea.effect-1:focus ~ label, #consultation-form form.consultation-form input.effect-1.has-content ~ label,#consultation-form form.consultation-form textarea.effect-1.has-content ~ label{top:2px; font-size: 14px; color:rgba(138, 149, 158, 1); transition: 0.3s;} #consultation-form .consult-form .form-detail .detail-part input.has-error{ color: red !important; border-color: red !important;} /****** Consultation Form End ********/ /****** Get A Free Consultation Form Page Start ********/ #get-free-consultation .fixed-popup{visibility:visible; opacity:1;} /****** Get A Free Consultation Form Page End ********/ /********** Company Page Header & Menu Logo Start ***************/ /*.page-id-22442 .logo_wrapper .q_logo a, .page-id-27571 .logo_wrapper .q_logo a, .page-id-23220 .logo_wrapper .q_logo a, .page-id-23674 .logo_wrapper .q_logo a, .page-id-27106 .logo_wrapper .q_logo a, .page-id-18918 .logo_wrapper .q_logo a{ background:url("/wp-content/uploads/2016/07/indianic-logo-black.png"); width:198px; background-repeat:no-repeat; position:absolute; top:-18px;} .page-id-22442 .logo_wrapper .q_logo a .normal,.page-id-22442 .logo_wrapper .q_logo a .light,.page-id-22442 .logo_wrapper .q_logo a .dark,.page-id-22442 .logo_wrapper .q_logo a .sticky, .page-id-23220 .logo_wrapper .q_logo a .normal,.page-id-23220 .logo_wrapper .q_logo a .light,.page-id-23220 .logo_wrapper .q_logo a .dark,.page-id-23220 .logo_wrapper .q_logo a .sticky, .page-id-27571 .logo_wrapper .q_logo a .normal,.page-id-27571 .logo_wrapper .q_logo a .light,.page-id-27571 .logo_wrapper .q_logo a .dark,.page-id-27571 .logo_wrapper .q_logo a .sticky, .page-id-23674 .logo_wrapper .q_logo a .normal,.page-id-23674 .logo_wrapper .q_logo a .light,.page-id-23674 .logo_wrapper .q_logo a .dark,.page-id-23674 .logo_wrapper .q_logo a .sticky, .page-id-27106 .logo_wrapper .q_logo a .normal,.page-id-27106 .logo_wrapper .q_logo a .light,.page-id-27106 .logo_wrapper .q_logo a .dark,.page-id-27106 .logo_wrapper .q_logo a .sticky, .page-id-18918 .logo_wrapper .q_logo a .normal,.page-id-18918 .logo_wrapper .q_logo a .light,.page-id-18918 .logo_wrapper .q_logo a .dark,.page-id-18918 .logo_wrapper .q_logo a .sticky{ display:none;} .page-id-22442 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .page-id-22442 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .page-id-22442 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li:not(:first-child):before, .page-id-23220 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .page-id-23220 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .page-id-23220 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li:not(:first-child):before, .page-id-27571 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .page-id-27571 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .page-id-27571 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li:not(:first-child):before, .page-id-23674 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .page-id-23674 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .page-id-23674 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li:not(:first-child):before, .page-id-27106 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .page-id-27106 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .page-id-27106 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li:not(:first-child):before, .page-id-18918 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .page-id-18918 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .page-id-18918 .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li:not(:first-child):before{ color:#252b33;} .page-id-22442.menu-animation-underline .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a .menu-text:before, .page-id-23220.menu-animation-underline .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a .menu-text:before, .page-id-27571.menu-animation-underline .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a .menu-text:before, .page-id-23674.menu-animation-underline .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a .menu-text:before, .page-id-27106.menu-animation-underline .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a .menu-text:before, .page-id-18918.menu-animation-underline .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a .menu-text:before{ background-color:#f58220;} .page-id-27571 .bar1, .page-id-27571 .bar2, .page-id-27571 .bar3, .page-id-22442 .bar1, .page-id-22442 .bar2, .page-id-22442 .bar3, .page-id-23220 .bar1, .page-id-23220 .bar2, .page-id-23220 .bar3, .page-id-23674 .bar1, .page-id-23674 .bar2, .page-id-23674 .bar3, .page-id-27106 .bar1, .page-id-27106 .bar2, .page-id-27106 .bar3, .page-id-18918 .bar1, .page-id-18918 .bar2, .page-id-18918 .bar3{ background-color:#000;}*/ nav.main_menu ul li{float:none;} /********** Company All Page Header & Menu Logo End ***************/ /*** Main Menu CSS Start ***/ .header_bottom {background-color:#ffffff !important;} .q_logo a{ z-index:101;} .logo_wrapper .q_logo a img{ width:36px !important;} .scrolled .header_bottom {box-shadow: 0px 1px 3px rgba(0,0,0,0.05) !important;} .header_bottom .container_inner{ width:100%; } .header_inner_right.landing-right .side_menu_button a.btn{text-transform:uppercase; text-decoration:none; font-size:14px; color:#fff; font-family: "Poppins",sans-serif; font-weight:600; padding:10px; display:inline-block; transition: all 0.2s ease-in 0s; outline: medium none; height:auto; width:auto;} nav.main_menu.right { float:none; text-align:center;} nav.main_menu>ul>li>a {color:#252b33; font-size:16px; font-weight:600; text-transform:capitalize; letter-spacing:0px;} nav.main_menu>ul>li>a:hover{ color:#00BCD4 !important;} nav.main_menu>ul>li.active>a{ color:#00BCD4 !important;} nav.main_menu>ul>li>a .menu-text{ top:3px;} .menu-animation-underline .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a .menu-text:before { background-color:#00BCD4 ;} .menu-animation-line-through nav.main_menu > ul > li > a .menu-text:after, .menu-animation-line-through nav.main_menu > ul > li:hover > a .menu-text:before, .menu-animation-underline nav.main_menu > ul > li > a .menu-text:before, .menu-animation-underline-bottom nav.main_menu > ul > li > a .menu-text:before { background-color:#00BCD4 !important;} .menu-animation-underline nav.main_menu>ul>li>a .menu-text:before { bottom:-13px;} .scrolled .navbar-toggle .bar1, .scrolled .navbar-toggle .bar2, .scrolled .navbar-toggle .bar3{ background-color:#000;} .navbar-on .bar1, .navbar-on .bar2, .navbar-on .bar3 { background-color: #fff !important; } .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .light:not(.sticky):not(.scrolled) nav.main_menu>ul>li:not(:first-child):before{ color:#252b33;} .no-touch .q_logo img { -webkit-transition: opacity .0s ease-in-out; -moz-transition: opacity .0s ease-in-out; -o-transition: opacity .0s ease-in-out; -ms-transition: opacity .0s ease-in-out;} /********/ .menu-show .nav-menu-top { position:relative; margin-top:0; top:120px;} nav.menu-header .col-left{ width:60%; float:left;} nav.menu-header .col-right{ width:40%; float:right; padding-top:105px;} header:not(.theme-header) .header_top_bottom_holder{width:100%; padding:30px 30px; box-sizing: border-box;} nav.menu-header, .navbar-toggle { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} nav.menu-header{ position: fixed; z-index: 109; background-color:rgba(0, 0, 0, 0.95); width: 100%; height: 100%; display: block; color: white; overflow:hidden; -webkit-perspective: 1200px; perspective: 1200px; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.5s; left:0px; top:0px;} .menu-show{ -webkit-transform: translateY(-35%) rotateX(50deg); transform: translateY(-35%) rotateX(50deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .navbar-on nav.menu-header {opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;} .navbar-on .menu-show{ opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); position:relative; } .nav-hide { display: none; } nav.menu-header, .navbar-toggle { -moz-user-select: text; -webkit-user-select: text; -o-user-select: text; -ms-user-select: text;} nav.menu-header ul.main-menu { display: block; vertical-align: middle; padding-left: 100px; margin:0px; } nav.menu-header ul.main-menu li { list-style: none; padding:0px; margin-bottom:60px; } nav.menu-header ul.main-menu li:last-child{ margin-bottom:0px;} nav.menu-header ul.main-menu li a { font-size: 60px; font-weight:500; color: #ffffff; text-decoration: none; font-family: 'Poppins', sans-serif; letter-spacing:-2px; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out; vertical-align:middle;} nav.menu-header ul.main-menu li a:hover{ color:#00BCD4; text-decoration: underline; } nav.menu-header ul.main-menu li a + span{ display:inline-block; vertical-align:middle; padding-left:20px; font-size:24px; color:#5A5A5A; letter-spacing:-1px; opacity:0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} nav.menu-header ul.main-menu li a:hover + span{ opacity:1;} nav.menu-header ul.main-menu li.home-icon a:hover{ text-decoration:none;} nav.menu-header ul.main-menu li.home-icon a { display:inline-block;} nav.menu-header ul.main-menu li.home-icon a img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} nav.menu-header ul.main-menu li.home-icon a img.home-logo-active { position:absolute; } nav.menu-header ul.main-menu li.home-icon a:hover img.home-logo-hover { opacity:1;} nav.menu-header ul.main-menu li.home-icon a:hover img.home-logo-active { position:absolute; opacity:0;} /*nav.menu-header ul.main-menu li.home-icon a:hover{ background:url("/wp-content/uploads/2016/09/home-logo-hover.png") no-repeat 0px 23px; }*/ /*nav.menu-header ul.main-menu li.home-icon a:hover img{ opacity:0;}*/ .menu-title-header{ position:relative;} .menu-title-header > span { position:absolute; right:100px; top:-38px; color: #8a959e; font-size: 16px; font-weight: 500; text-transform:uppercase;} .navbar-toggle { position: relative; right:45px; bottom:39px; z-index: 999; cursor: pointer; width:40px; float:right;} /*.scrolled .navbar-toggle { bottom:39px;}*/ .bar1, .bar2, .bar3 { width: 100%; height: 2px; margin-bottom: 8px; background-color: #252b33; transition: all 0.3s ease-in-out; float:right; } .bar3 { width:70%;} .navbar-on .bar3{ width:100%;} .navbar-on .bar1, .navbar-on .bar2, .navbar-on .bar3 { background-color: #ffffff; } .navbar-on .bar1 { transform-origin: 15% 40%; transform: rotate(45deg); } .navbar-on .bar3 { transform-origin: 15% 40%; transform: rotate(-45deg); } .navbar-on .bar2 { background-color: transparent !important; } .sub-nav ul { vertical-align: middle; padding: 0 ; margin:0PX; list-style:none;} .sub-nav ul li { display:block; padding:0px; font-size: 40px; color: #515151; text-decoration: none; margin-bottom:40px; letter-spacing:-2px;} .sub-nav ul li a { font-size: 40px; color:#515151; text-decoration: none; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out;} .sub-nav ul li a:hover{ color:#00BCD4;} .menu-show .logo { position: absolute; z-index:999; left:45px; top:10px; } .social-menu { position: absolute; bottom:0px;} .social-menu ul{ vertical-align: middle; padding: 0; list-style:none; margin:0px;} .social-menu ul li{ display:inline-block; padding:0px 15px;} .social-menu a .fa{font-size: 36px; color: rgba(255,255,255,0.4); -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out;} .social-menu a:hover .fa-facebook{ color:#3b5998;} .social-menu a:hover .fa-twitter{ color:#55acee;} .social-menu a:hover .fa-linkedin{ color:#007bb5;} .social-menu a:hover .fa-google-plus{ color:#dd4b39;} .social-menu a:hover .fa-youtube{ color:#bb0000;} .social-menu a:hover .fa-rss{ color:#ff6600;} .social-menu a:hover .fa-instagram{ color:#bc2a8d;} .social-menu a:hover .fa-dribbble{ color:#ea4c89;} .social-menu a:hover .fa-medium{ color:#00ab6c;} /*** Main Menu CSS End ***/ /******* Policy Start ********/ #policy-sec ul li, #term-content ul li{background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/07/circle-black.png") no-repeat scroll left 3px; padding-left:25px; font-family: "Poppins",sans-serif; margin-bottom: 15px; list-style:none;} #policy-sec p, #term-content p{margin-bottom:20px; text-align:justify;} #policy-sec ol li{margin-bottom:15px;} .term-content > ul { margin-bottom: 25px; margin-top: 20px;} .term-content > h4{margin-bottom:5px;} #policy-sec h2,#policy-sec h3,#term-content h2{margin-bottom:15px;} /******* Policy End ********/ /****** Landing Page Start *******/ .hire-iphone-section .title-tag-blue h1{ color:#1cade9; font-size:34px; font-weight:500;} .hire-iphone-section .title-tag-blue h3{ color:#1cade9; font-size:34px; font-weight:500;} .text-left .q_icon_with_title { text-align:left;} .text-left .q_icon_with_title h3{ font-size:26px; font-weight:600; margin-bottom:10px !important;} /****** Landing Page End ******/ /****** Landing Page Enquiry Form Start *******/ #inquiry-form{width:300px; margin:0 auto; border:1px solid #d7e0e7; padding:30px 30px 40px; border-radius:3px; background:#f3f8fb;} #inquiry-form h2{color:#323a45; font-size:26px; font-weight:500; margin:0px;} #inquiry-form form.inquiry-form{margin-top:20px;} #inquiry-form form.inquiry-form input{border-radius:3px; border:1px solid #d7e0e7; padding:15px 20px 15px; text-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5); font-size:16px; width:86%; background:#fff; outline: medium none;} #inquiry-form form.inquiry-form input::-moz-placeholder{color:#8a959e;} #inquiry-form form.inquiry-form input::-webkit-input-placeholder{color:#8a959e;} #inquiry-form form.inquiry-form select{ -moz-appearance: none; -webkit-appearance: none; appearance: none; font-weight:400; color:#8a959e; background:#fff url("/wp-content/uploads/2016/07/drop-down.png") no-repeat scroll right 22px center; border-radius: 0px; width:100%; font-size:16px; padding: 10px 20px; border:1px solid #d7e0e7; font-family: "Poppins", sans-serif;} #inquiry-form form.inquiry-form textarea{padding:15px 20px 60px; width:86%; resize:none; border:1px solid #d7e0e7; font-family: "Poppins", sans-serif; font-size:16px; color:#8a959e;} #inquiry-form form.inquiry-form button.btn{padding:30px; font-size:20px; font-family: "Poppins", sans-serif; color:#fff; margin-top:20px; background:#1cade9; border-style:none; padding:15px; width:100%; border-radius:5px; cursor:pointer; transition: all 0.9s ease 0s;} #inquiry-form form.inquiry-form button.btn:hover{background:#323a45;} #inquiry-form form.inquiry-form input.mr-btm,#inquiry-form form.inquiry-form select.mr-btm{margin-bottom:15px;} /****** Landing Page Enquiry Form End *******/ /***** How to Engage Start *******/ .engagement-section{ position:relative; padding-top:40px;} .engagement-section .col-left{ width:45%; float:left; position:relative;} .engagement-section .col-left .constrained-budget{ background:url("/wp-content/uploads/2016/09/constrained-bg-1.jpg"); background-repeat:no-repeat; height:455px; padding:100px 100px 0px 100px; box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.4); position:relative; left:5px;} .engagement-section .col-left .constrained-budget h3{ color:#fff; font-size:40px; font-weight:normal; padding:30px 0px;} .engagement-section .col-left .constrained-budget p{ color:#fff; font-size:18px;} .engagement-section .col-left .constrained-textblock { text-align:right; position:relative; top:100px; padding-left:50px;} .engagement-section .col-left .constrained-textblock h4{ color:#7F92A9; font-size:24px;} .engagement-section .col-left .constrained-textblock h2{ color:#323a45; font-size:36px; padding-bottom:30px;} .engagement-section .col-right{ width:55%; float: right;} .engagement-section .col-right .evolving-scope{ background:url("/wp-content/uploads/2016/09/img-evolving-scope-1.jpg"); background-repeat:no-repeat; height:553px; padding:100px 90px 0px 100px; box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.4); position: relative; bottom:60px;} .engagement-section .col-right .evolving-scope h2{ color:#fff; font-size:50px; font-weight:normal; padding:30px 0px;} .engagement-section .col-right .evolving-scope p{ color:#fff; font-size:20px;} .engagement-section .col-right .evolving-textblock { text-align:left; position: relative; bottom:0px; left:100px; width:80%;} .engagement-section .col-right .evolving-textblock h4{ color:#7F92A9; font-size:24px;} .engagement-section .col-right .evolving-textblock h2{ color:#323a45; font-size:36px; width:70%; padding-bottom:30px;} .engagement-section .point p{ margin-bottom:20px; position:relative;} .engagement-section .col-right .point p:before {content: ""; display: block; width: 50px; height: 2px; position: absolute; top: 25px; left: -70px; background:#C9CED8;} .workflow-section h3 { font-size:30px; font-weight:500; padding-top:45px; padding-bottom:20px;} .workflow-section p{ font-size:14px; line-height:22px;} .workflow-section > div { border-radius:50%; height:250px; width:250px; float:left; } .workflow-section .discover{ background:rgba(220,94,245,0.1); margin-left:5px; position:relative;} .workflow-section .define{ background:rgba(1,187,228,0.1); margin-left:-30px; position:relative;} .workflow-section .design{ background:rgba(17,195,97,0.1); margin-left:-30px; position:relative;} .workflow-section .develop{ background:rgba(255,144,0,0.1); margin-left:-30px; position:relative;} .workflow-section .deliver{background:rgba(255,87,119,0.1); margin-left:-30px; position:relative;} .workflow-section .discover h3{ color:#DC5EF5; } .workflow-section .define h3{ color:#01BBE4;} .workflow-section .design h3{ color:#11C361; } .workflow-section .develop h3{ color:#FF9000;} .workflow-section .deliver h3{ color:#FF5777;} .workflow-section .discover:after{content: ""; display: block;background: url("/wp-content/uploads/2016/09/circle-arrow1.png") no-repeat; width: 169px; height: 149px; position:absolute; left:-25px; top:-25px; } .workflow-section .define:after{content: ""; display: block;background: url("/wp-content/uploads/2016/09/circle-arrow1.png") no-repeat; width: 169px; height: 149px; position:absolute; left:40px; bottom:-50px; -ms-transform: rotate(140deg) scalex(-1); -webkit-transform: rotate(140deg) scalex(-1); -moz-transform:rotate(140deg) scalex(-1); transform: rotate(140deg) scalex(-1); } .workflow-section .design:after{content: ""; display: block;background: url("/wp-content/uploads/2016/09/circle-arrow1.png") no-repeat; width: 169px; height: 149px; position:absolute; left:40px; top:-50px; -ms-transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform:rotate(40deg); transform: rotate(40deg); } .workflow-section .develop:after{content: ""; display: block;background: url("/wp-content/uploads/2016/09/circle-arrow1.png") no-repeat; width: 169px; height: 149px; position:absolute; left:40px; bottom:-50px; -ms-transform: rotate(140deg) scalex(-1); -webkit-transform: rotate(140deg) scalex(-1); -moz-transform:rotate(140deg) scalex(-1); transform: rotate(140deg) scalex(-1); } .workflow-section .deliver:after{content: ""; display: block;background: url("/wp-content/uploads/2016/09/circle-arrow1.png") no-repeat; width: 169px; height: 149px; position:absolute; top:-30px; right:-20px; -ms-transform: rotate(78deg); -webkit-transform: rotate(78deg); -moz-transform:rotate(78deg); transform: rotate(78deg); } /***** How to Engage End *******/ /*********** 404 Page Start *********/ .page-404-bg { background:url("/wp-content/uploads/2016/09/page-not-found-404.jpg") no-repeat; height:900px; width:100%; background-size: cover; position:relative; background-position: center center;} .page-404-bg .container_inner { position:static;} .page-not-found { text-align:center; position:absolute; left:0px; right:0px; bottom: 90px;} .page-not-found h2{ font-size:130px; color:#ffffff; font-weight:bold; } .page-not-found h4{ font-size:20px; color:#ffffff; padding-bottom:20px;} .page-not-found h5{ font-size:20px; color:#ffffff; padding:20px 0;} .page-not-found a.home-icon { cursor:pointer; display:inline-block;} .page-not-found a > img { width:40px;} .error404 .footer-nl-form { display : none;} .error404 .footer_inner{ display : none;} /*********** 404 Page End *********/ /*********** Thank You Page Start *********/ .thank-you{ background:url("/wp-content/uploads/2016/09/thank-you-bg.jpg") no-repeat; height:950px; width:100%; background-position:center center; position:relative;} .thank-you .container_inner{ text-align:center; position:absolute; left:0px; right:0px; bottom:30px;} /*.thank-you .thankyou{bottom:250px;} .thank-you .thankyou a.home-icon{background:#a6bec5; padding:20px; border-radius:50px;} .thank-you .thankyou h2{font-size:150px; line-height:110px;} .thank-you .thankyou h4{font-size:26px; font-weight:100;}*/ /*********** Thank You Page End *********/ /*===== campaign page =======*/ .campaign-form { position:relative;} .campaign-form .detail-row.mrt { margin-top:60px; display:block;} .campaign-form .detail-row .pad0{ padding:0px;} .campaign-form .btn-sub {text-transform: uppercase; cursor: pointer; position: relative; color: #fff; border-radius: 0px ; padding: 10px 40px;font-size: 16px; display: inline-block; margin-top: 15px; font-weight: bold; background: #00BCD4; border-radius: 50px ; border: 2px solid #00BCD4;} .campaign-form input { font-size: 16px; padding: 5px 0px 10px 0px; display: block; width: 100%; border: none; border-bottom: 1px solid #8a959e; background: transparent; color: #252b33; } .campaign-form textarea { font-size: 16px; padding: 5px 0px 10px 0px; display: block; width: 100%; border: none; border-bottom: 1px solid #8a959e; background: transparent; color: #252b33; resize: none; line-height: 20px; } .campaign-form select {-moz-appearance: none; -webkit-appearance: none; appearance: none; color: #252b33; font-size: 16px; background: url(/wp-content/uploads/2016/07/drop-down.png) no-repeat right center; padding-bottom: 5px; padding: 5px 0px 10px 0px; display: block; width: 100%; border: none; border-bottom: 1px solid #8a959e; border-radius:0px;} .campaign-form input:focus, .campaign-form textarea:focus, .campaign-form select:focus{ outline: none; } .campaign-form label { color: #8a959e; font-size: 16px; font-weight: normal; position: absolute; pointer-events: none; left: 15px; top: 5px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .campaign-form input:focus ~ label, .campaign-form input:valid ~ label, .campaign-form textarea:focus ~ label, .campaign-form textarea:valid ~ label { top: -20px; font-size: 14px; color: #00BCD4; } .campaign-form input:focus ~ .bar:before, .campaign-form input:focus ~ .bar:after, .campaign-form textarea:focus ~ .bar:before, .campaign-form textarea:focus ~ .bar:after { width: 50%; } .campaign-form .bar { position: relative; display: block; width: 100%; } .campaign-form .bar:before, .campaign-form .bar:after { content: ''; height: 2px; width: 0; bottom: 0px; position: absolute; background: #00BCD4; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .campaign-form .bar:before { left: 50%; } .campaign-form .bar:after { right: 50%; } .campaign-form .highlightline { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; } .campaign-form input.has-error{border-color: red;} .campaign-form textarea.has-error, .campaign-form select.has-error { border-bottom:1px solid red;} @-webkit-keyframes inputHighlighter { from { background: #00BCD4; } to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { from { background: #00BCD4; } to { width: 0; background: transparent; } } @keyframes inputHighlighter { from { background: #00BCD4; } to { width: 0; background: transparent; } } /*===== campaign page =======*/ /***** Branding Start *******/ .branding-logo-section .vc_row.logo-content { margin:0px;} .branding-logo-section .logo-content .logo-box .vc_column-inner { padding:0px;} .branding-logo-section .logo-content .logo-box.vc_col-sm-4{width: 32.15%;} .branding-logo-section .logo-content .logo-box { border:1px solid #eeeeee; padding:5px; margin:0px 10px;} .branding-logo-section .logo-content .logo-box:first-child{ margin-left:0px;} .branding-logo-section .logo-content .logo-box:last-child{ margin-right:0px;} .branding-logo-section .logo-content .logo-box .black-strip { background:url("/wp-content/uploads/2016/09/black-strip-bg.jpg") repeat; height:222px; width:355px; vertical-align:middle; display:table-cell;} .branding-logo-section .logo-content .logo-box .white-strip { background:url("/wp-content/uploads/2016/09/white-strip-bg.jpg") repeat; height:222px; width:355px; vertical-align:middle; display:table-cell;} .branding-logo-section .logo-content .logo-box .black-bg { background-color:#252b33; height:222px; width:355px; vertical-align:middle; display:table-cell;} .branding-logo-section .logo-content .logo-box .white-bg { background-color:#ffffff; height:222px; width:355px; vertical-align:middle; display:table-cell;} .branding-color-section .vc_row.color-content { margin:0px;} .branding-color-section .color-content .color-box { margin:0px 10px;} .branding-color-section .color-content .color-box:first-child{ margin-left:0px;} .branding-color-section .color-content .color-box:last-child{ margin-right:0px;} .branding-color-section .color-content .color-box .vc_column-inner { padding:0px;} .branding-color-section .color-content .color-box.vc_col-sm-3{width: 23.65%;} .color-section .color-row{ border:1px solid #eeeeee;} .color-section .color-row .color-code{ padding:20px;} .color-section .color-row .color-box-one { background:#252b33; height:170px;} .color-section .color-row .color-box-two { background:#323a45; height:170px;} .color-section .color-row .color-box-three { background:#8a959e; height:170px;} .color-section .color-row .color-box-four { background:#00BCD4; height:170px;} .guidelines-section .box { border:1px solid #eeeeee; margin:0px 10px; width:26.70%; float:left; padding:50px 30px; min-height:380px;} .guidelines-section .box:first-child{ margin-left:0px;} .guidelines-section .box:last-child{ margin-right:0px;} .guidelines-section .box .box-content h4 { color:#323a45; font-size:22px; font-weight:600; padding-bottom:30px;} .guidelines-section .box .box-content ul.grey-bullet li:last-child{ padding-bottom:0px;} .represents-section .logo-branding { border:1px solid #eeeeee; height:300px; width:585px; vertical-align:middle; display:table-cell;} .represents-section .represents-text{ padding:45px;} .zip-section { height:230px; width:270px; margin:0 auto;} .zip-section .zip-box{ border:1px solid #eeeeee;} .zip-section .zip-box a{padding: 60px 30px 0px 30px; display:block;} .zip-section .zip-box span{ display:block; padding: 30px 0px; color:#d4d7da;} /***** Branding End *******/ /****** Footer Start ********/ .footer_top_holder { background:#ffffff;} .footer_top{ padding:100px 0px 40px 0px;} .footer_bottom_holder{ background-color:#ffffff;} .footer_top .widget_nav_menu li.menu-item a { margin-bottom:6px; display:inline-block; } #footer-section { padding-top:100px;} #footer-section .vc_col-sm-12, #footer-section .vc_col-sm-4{ padding:0px;} #footer-section .title-text h2{ color:#00BCD4; font-size:48px; font-weight:500; margin: 0 0 52px; padding-bottom: 42px; position: relative;} #footer-section .title-text h2::before{ position: absolute; content: ''; width: 67px; border-bottom: 1px solid #d1d2d4; left: 0; bottom: 0; } #footer-section .contact-info ul li{ list-style:none; color:#252b33; font-size:28px; line-height: 46px; font-weight: 600;} #footer-section .contact-info ul li a{ color:#252b33; font-size:28px; line-height: 46px; font-weight: 600;} #footer-section .contact-info ul li a:hover{ color:#8a959e;} #footer-section .address-info h3{ color: #252b33; text-transform: uppercase; font-size: 18px; font-weight: bold; padding: 10px 0px 18px 0px;} #footer-section .address-info p.address{ color: #252b33; font-size: 18px; font-weight:500;} #footer-section .space-line{ border-bottom:1px solid #e9e9ea; margin: 40px 0px; float: left; width: 100%;} .footer_top a { color:#252b33; font-size:14px; font-weight:500; } .footer_top a:hover { color:#8a959e; } .sub-footer { border-top:1px solid #e9e9ea; padding: 40px 0px; } .sub-footer .col-left{ float:left; width:30%; text-align:left;} .sub-footer .col-left p{color:#67727c; font-size:13px;} .sub-footer .col-left p > span.year{color:#67727c; font-size:13px;} .sub-footer .col-right{ float:right; width:70%; text-align:right;} .sub-footer .social-icon a{ margin:0px 10px; display: inline-block; position:relative;} .sub-footer .social-icon a .fa{ font-size:26px; color:#aab1b8; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out;} .sub-footer .social-icon a:hover .fa-facebook{ color:#3b5998;} .sub-footer .social-icon a:hover .fa-twitter{ color:#55acee;} .sub-footer .social-icon a:hover .fa-linkedin{ color:#007bb5;} .sub-footer .social-icon a:hover .fa-google-plus{ color:#dd4b39;} .sub-footer .social-icon a:hover .fa-youtube{ color:#bb0000;} .sub-footer .social-icon a:hover .fa-rss{ color:#ff6600;} .sub-footer .social-icon a:hover .fa-dribbble{ color:#ea4c89;} .sub-footer .social-icon a:hover .fa-instagram{ color:#bc2a8d;} .sub-footer .social-icon a:hover .fa-behance{ color:#1769ff;} .sub-footer .social-icon a:hover .fa-medium{ color:#00ab6c;} .footer-info-section .col-title{ color:#252b33; font-size:14px; font-weight:500; display:block; padding-bottom:8px; text-transform:uppercase;} .footer-info-section .add-info.pad-btn{ padding-bottom:15px;} .footer-info-section .add-info p{ font-size:14px; line-height: 22px; padding-bottom:6px;} .footer-info-section .contact-info p{ font-size:14px; display:block; line-height:24px;} .footer-info-section .add-info p.usa{ width:88%;} .footer-info-section .email-info{ padding-top:15px;} .footer-info-section .email-info a{display: inline-block;text-decoration:none; color:#8a959e; font-size:14px; font-weight:500; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .footer-info-section .email-info a:hover { color:#252b33; } /*.footer-info-section .contact-info p:not(:first-child):before { content: '|'; position: relative; left: -2px; top: 0px; color: #8a959e; font-size: 16px; font-weight: 500; padding: 0px 3px;}*/ /*.footer_top .container {padding: 0; background:#000 !important;} footer.footer_border_columns .qode_column {border-left: transparent;} .footer_top{ padding: 100px 0px; background: #000000; } .footer_top .widget h4 { font-size:16px; color:#ffffff; font-weight:600; font-family: 'Poppins', sans-serif; text-transform:capitalize; margin-bottom:30px; } .footer_top .widget_nav_menu li.menu-item a { margin-bottom:5px; } .footer_top li { margin-bottom:5px; color:#aab1b8; font-size:14px; font-family: 'Poppins', sans-serif; font-weight:500;} .footer_top a { color:#aab1b8; font-size:14px; font-weight:500; } .footer_top a:hover { color:#ffffff; } .footer_top .p-t { padding-top:30px; } .footer_top .m-b { margin-bottom:15px !important; } .footer_top p { color:#aab1b8; font-size:14px; font-family: 'Poppins', sans-serif; line-height:20px; font-weight:500; } .footer_top span.separator-ft { width: 50px; height: 1px; background: #c8cfd4; margin-top: 30px; display:inline-block;} .footer_top ul.col-one li{ margin-bottom:10px; line-height:20px;} .footer_bottom_holder{ background-color:#ffffff; border-top: 1px solid #ebebeb;} .footer_bottom { height:90px;} .sub-footer{ width:1140px; margin:0 auto;} .footer_bottom ul li{ float:left; margin-right:20px;} .sub-footer .col-left{ float:left; width:75%;} .sub-footer .col-left ul li:not(:first-child):before{ content: '|'; position: relative; right: 10px; top: 1px; color: #c8cfd4; font-size: 16px;} .sub-footer .col-left ul li img{ vertical-align:middle;} .sub-footer .col-left ul li a{ color:#67727c; font-size:13px; font-family: 'Poppins', sans-serif;} .sub-footer .col-left ul li a:hover{ color:#323a45; } .sub-footer .col-right{ float:right; width:25%; text-align:right;} .sub-footer .col-right p{color:#67727c; font-size:13px; font-family: 'Poppins', sans-serif; }*/ .social-section { background:#f4f4f4; overflow:hidden;} .social-section a{ margin:30px 62px; display: inline-block; position:relative;} .social-section a .fa{ font-size:40px; color:#aab1b8; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out;} .social-section a:hover .fa-facebook{ color:#3b5998;} .social-section a:hover .fa-twitter{ color:#55acee;} .social-section a:hover .fa-linkedin{ color:#007bb5;} .social-section a:hover .fa-google-plus{ color:#dd4b39;} .social-section a:hover .fa-youtube{ color:#bb0000;} .social-section a:hover .fa-rss{ color:#ff6600;} .social-section a:hover .fa-dribbble{ color:#ea4c89;} .social-section a:hover .fa-behance{ color:#1769ff;} /*.social-section a.facebook .ink{ background:#3b5998;} .social-section a.twitter .ink{ background:#55acee;} .social-section a.linkedin .ink{ background:#007bb5;} .social-section a.google .ink{ background:#dd4b39;} .social-section a.youtube .ink{ background:#bb0000;} .social-section a.rss .ink{ background:#ff6600;} .social-section a.dribbble .ink{ background:#ea4c89;} .social-section a.behance .ink{ background:#1769ff;} .ink {display: block; position: absolute; border-radius: 100%;transform: scale(0);} .ink.animate {animation: ripple 0.65s linear;} @keyframes ripple { 100% {opacity: 0; transform: scale(2.5);} }*/ /****** Footer End ********/ /***** keyur css Start *****/ header.not-sticky, .admin-bar header.not-sticky, .admin-bar header.sticky.sticky_animate.not-sticky, .admin-bar header.fixed.not-sticky{ position: absolute !important; padding-top: 0 !important; background: none !important; top: 0; left: 0; right: 0; width: 100%; } header.not-sticky nav.main_menu > ul > li > a, header.not-sticky .logo_wrapper{height: 100px !important; line-height: 100px !important; } .sticky-menu .ult-flag{ height: 0; } .sticky-menu .ult-flag .ult-sticky{ top: 0 !important; } .sticky-menu .ult-flag .ult-sticky #sub-menu .nav ul li a{ line-height: 57px; } .sticky-menu .ult-flag .ult-sticky #sub-menu .nav ul li a::after{ top: 1px; } .stop-parallex{ background-position: 50% -254px !important; } .twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after{ width: 8px !important; margin-left: -3.5px !important; } .twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after, .twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after, .twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after, .twentytwenty-vertical .twentytwenty-handle::before, .twentytwenty-vertical .twentytwenty-handle::after, .twentytwenty-handle{ background: #6579EC !important; border-color: #6579EC !important; cursor: pointer;} .twentytwenty-horizontal .twentytwenty-handle::before{ box-shadow: 0 3px 0 #6579ec, 0 0 12px rgba(51, 51, 51, 0.5) !important; } .twentytwenty-horizontal .twentytwenty-handle::after{ box-shadow: 0 -3px 0 #6579ec, 0 0 12px rgba(51, 51, 51, 0.5) !important; } .twentytwenty-overlay{ display: none !important; } /***** keyur css End *****/ /***** Component css *****/ @font-face {font-family: 'nlicons'; src:url('../fonts/nlicons/nlicons.eot'); src:url('../fonts/nlicons/nlicons.eot?#iefix') format('embedded-opentype'), url('../fonts/nlicons/nlicons.woff') format('woff'), url('../fonts/nlicons/nlicons.ttf') format('truetype'), url('../fonts/nlicons/nlicons.svg#nlicons') format('svg'); font-weight: normal; font-style: normal;} /* general style for the form */ .nl-form {width: 100%; margin: 0.3em auto 0 auto; /*font-size: 4em;*/ font-size:24px; line-height: 1.9;} .nl-form ul {list-style: none; margin: 0; padding: 0;} /* normalize the input elements, make them look like everything else */ .nl-form input,.nl-form select,.nl-form button {border: none; background: transparent; font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; display: inline-block; padding: 0; margin: 0; -webkit-appearance: none; -moz-appearance: none;} .nl-form input:focus {outline: none;} /* custom field (drop-down, text element) styling */ .nl-field {display: inline-block; position: relative;} .nl-field.nl-field-open {z-index: 10000;} .nl-field.nl-field-open ul{-webkit-box-shadow: 0px 0px 84px -8px rgba(37,43,51,1); -moz-box-shadow: 0px 0px 84px -8px rgba(37,43,51,1); box-shadow: 0px 0px 84px -8px rgba(37,43,51,1);} /* the toggle is the visible part in the form */ .nl-field-toggle,.nl-form input,.nl-form select {line-height: inherit; display: inline-block; color: #b14943; cursor: pointer; border-bottom: 1px dashed #b14943;} /* drop-down list / text element */ .nl-field ul {position: absolute; visibility: hidden; background: #fff; left: -0.5em; top:100%; font-size:70%; opacity: 0; -webkit-transform: translateY(-40%) scale(0.9); -moz-transform: translateY(-40%) scale(0.9); transform: translateY(-40%) scale(0.9); -webkit-transition: visibility 0s 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0s 0.3s, opacity 0.3s, transform 0.3s;} .nl-field.nl-field-open ul {visibility: visible; opacity: 1; -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); -webkit-transition: visibility 0s 0s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0s 0s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0s 0s, opacity 0.3s, transform 0.3s;} .nl-field ul li { color: #252b33; position: relative; border: none !important; padding: 0 !important;} .nl-field.nl-dd ul{ padding:30px 15px; max-height:400px; overflow-y: auto;} .nl-dd ul li {padding:0.25em 1.5em 0.25em 0.5em !important; cursor: pointer; white-space: nowrap; text-transform:capitalize;} .nl-dd ul li.nl-dd-checked {color: #252b33;} .no-touch .nl-dd ul li:hover {background: rgba(0,0,0,0.05);} .no-touch .nl-dd ul li:hover:active {color: #478982;} /* icons for some elements */ .nl-dd ul li.nl-dd-checked:before,.nl-submit:before,.nl-field-go:before {font-family: 'nlicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;} .nl-dd ul li.nl-dd-checked:before {content: "\e000"; position: absolute; right:-5px; font-size: 50%; line-height:4;} .nl-ti-text ul {min-width: 15em;} .nl-ti-text ul li.nl-ti-input input {width: 100%; padding: 15px 2.5em 15px 25px; border-bottom: none; color: #252b33; box-sizing: border-box;} .nl-form .nl-field-go {position: absolute; right: 0; top: 0; height: 100%; cursor: pointer; background: rgba(0,0,0,0.1); width: 2.5em; text-align: center; color: transparent;} .nl-form .nl-field-go:focus{outline: none;} .nl-field-go:before {content: "\e001"; font-size: 75%; color: #fff; width: 100%; line-height: 65px; display: block;} /* custom placeholder color */ input::-webkit-input-placeholder {color: rgba(255,255,255,0.8);} input:active::-webkit-input-placeholder ,input:focus::-webkit-input-placeholder {color: rgba(255,255,255,0.2);} input::-moz-placeholder {color: rgba(255,255,255,0.8);} input:active::-moz-placeholder,input:focus::-moz-placeholder {color: rgba(255,255,255,0.2);} input:-ms-input-placeholder {color: rgba(255,255,255,0.8);} input:active::-ms-input-placeholder ,input:focus::-ms-input-placeholder {color: rgba(255,255,255,0.2);} /* example field below text input */ .nl-ti-text ul li.nl-ti-example {font-size:0px; font-style: italic; font-weight: 400; padding: 0.4em 1em; color: rgba(0,0,0,0.2); border-top: 1px dashed rgba(255,255,255,0.7);} .nl-ti-text ul li.nl-ti-example em { color: #fff} /* submit button */ .nl-submit-wrap {margin-top: 0.4em;} .nl-form .nl-submit, .cd-modal-action .gradient-btn.btn{text-transform: uppercase; cursor: pointer; position: relative !important; color: #fff !important; border-radius: 0px !important; padding: 10px 30px !important; font-size:16px !important; display: block; margin-top:40px; font-weight:bold; background: #00BCD4; border-radius: 50px !important; border: 2px solid #00BCD4;} .cd-modal-action .gradient-btn.btn:not(.fixed-green){border: none !important; margin: auto; background: #ec6305; background: -moz-linear-gradient(left, #ec6305 0%, #d62938 100%); background: -webkit-linear-gradient(left, #ec6305 0%,#d62938 100%); background: linear-gradient(to right, #ec6305 0%,#d62938 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6305', endColorstr='#d62938',GradientType=1 ); */} .nl-submit:before {content: "\e001"; color: #fff; float: left; padding: 0 0.7em; margin: 0 0.8em 0 0; background: #69B1A9; display: none;} /* overlay becomes visible when a field is opened */ .nl-overlay {position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; z-index: 9999; visibility: hidden; -webkit-transition: visibility 0s 0.3s, opacity 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s; transition: visibility 0s 0.3s, opacity 0.3s;} .nl-field.nl-field-open ~ .nl-overlay {opacity: 1; visibility: visible; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;} #lets-talk.lets-talk{ z-index: 999999; margin:100px auto 100px;} #lets-talk.lets-talk h3{color: #00BCD4; font-size:48px; margin-bottom:35px; font-weight:600; position:relative; /*padding-left:70px; background:url("/inic2016/wp-content/uploads/2016/07/lets-connect-icon.png") no-repeat left 0px;*/ display:inline-block; padding-bottom:40px;} #lets-talk.lets-talk h3::before{ position: absolute; content: ''; width: 67px; border-bottom: 1px solid #d1d2d4; left: 0; bottom: 0; } .lets-talk .q_icon_with_title .icon_text_holder .icon_title{ font-weight: 400; margin: 0 0 10px 0; } .contact-details{color:#252b33; font-size:26px; } #lets-talk.lets-talk .contact-details a, .nl-form a.nl-field-toggle { color: #8a959e; border-color:#8a959e; line-height: 1.5; border-bottom:1px solid #8a959e; font-size:26px; text-transform:capitalize;} #nl-form-search, #nl-form-search .right-part .nl-field{ color:rgba(138, 149, 158, 1); font-size: 18px; margin-top:5px; } #nl-form-search .left-part .nl-field{ display: block; margin-top:5px; } #nl-form-search .left-part .nl-field a.nl-field-toggle{ width: 100%; } #nl-form-search.nl-form a.nl-field-toggle{ color:rgba(138, 149, 158, 1); border-color: rgba(138, 149, 158, 1); } #nl-form-search .right-part{ font-size: 14px; } #nl-form textarea.message-box{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: transparent; border-color: -moz-use-text-color -moz-use-text-color #ccc; border-style: none none solid; margin-top:0px; padding:15px 0 10px; font-weight:100; width:78%; resize: none; font-family: "Poppins",sans-serif; font-size:28px; border-bottom:1px solid #8a959e; outline: medium none; line-height:1.0; color:#8a959e; overflow-y:hidden; border-radius:0px;} #nl-form textarea.message-box.has-error{color:red !important; border-color:red !important;} #nl-form textarea.message-box.has-error::-webkit-input-placeholder { color: red; } #nl-form textarea.message-box.has-error:-moz-placeholder { /* Firefox 18- */ color: red; } #nl-form textarea.message-box.has-error::-moz-placeholder { /* Firefox 19+ */ color: red; } #nl-form textarea.message-box.has-error:-ms-input-placeholder { color: red; } /********* Thanka Popup Start **********/ /*.thanks-popup{background: #3eb861 none repeat scroll 0 0; bottom:0; left: 0; overflow: auto; position: absolute; right: 0; top: 0; display:none;} .thanks-popup .thanks-text{width:660px; margin:300px auto;} .thanks-popup .thanks-text h2{font-family: "Poppins",sans-serif; font-size:80px; color:#fff; text-transform:uppercase; margin:0px; line-height:70px;} .thanks-popup .thanks-text p{font-family: "Poppins",sans-serif; font-size:18px; margin:0px; color:#fff;} .thanks-popup .thanks-text .text{float:right;}*/ /********* Thanka Popup End **********/ /********* Capcha-css **********/ .captcha-outer .captcha-left{ width: auto; float: left; margin-right: 20px;} .captcha-outer .btn{ float: left; margin-top: 40px !important;} .captcha-outer .button.cd-modal-action>h6{ margin-top: 55px !important; } /*.captcha-outer .captcha-right{ width: 100%; float: left; }*/ .nl-form .captcha-outer label.required{display: block; font-size: 16px; font-weight: lighter; } .hiddenRecaptcha ~ label.required, .hiddenRecaptcha ~ label.required::after{ color: transparent !important; } .hiddenRecaptcha.has-error ~ label.required, .hiddenRecaptcha.has-error ~ label.required::after{ color: red !important;} .captcha-outer .nl-field.nl-ti-text{ display: none; } .left-responsive{ float: right; } .right-responsive{ float: left; } .left-flex-responsive{ order:2; } .right-flex-responsive{ order:1; } /********* Capcha-css **********/ @media screen and (max-width: 45em) { .nl-form {font-size: 3em;} } @media screen and (max-width: 25em) { .nl-form {font-size: 2em;} } .footer-nl-form{ overflow:hidden; position: relative; } .footer-nl-form .container_inner{ position: static; } .thanks-popup p:not(".required") {margin: 2em 0; line-height: 1.6; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .cd-modal {position: absolute; top: 0; left: 0; width: 100%;height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;} .cd-modal::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; pointer-events: none;} .cd-modal .cd-modal-content {height: 100%; width: 100%; padding: 0; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; overflow: hidden;position: relative;} .cd-modal-content .thanks-text-outer{width:1170px; margin: auto; position: absolute; top: 50%; left: 0; right:0; transform: translate(0%, -50%); } .cd-modal-content .thanks-text{ overflow: hidden; position: relative;} .cd-modal-content .thanks-text img{ /*position: absolute; top: 0; left: 0; */ margin: 0 0 10px 10px;} .cd-modal-content .thanks-text h2{font-family: "Poppins",sans-serif; color:#fff !important; font-size:60px !important; text-transform:capitalize; margin:0px; line-height:70px; padding: 0 !important; border: none !important; font-weight: 600;} .cd-modal-content .thanks-text p{font-family: "Poppins",sans-serif; font-size:16px !important; margin:0px 0 10px 0; font-weight: 400 !important; line-height: normal !important; color: #fff !important;} .cd-modal-content .thanks-text h5{ display: block; font-family: "Poppins",sans-serif; font-size: 24px; line-height: 26px; color: #fff; font-weight: 400; margin-bottom: 10px;} .cd-modal-content .thanks-text .text{/*float:right; padding-left: 125px;*/} .cd-modal-content .thanks-text .cdn-btn-set{ overflow: hidden; padding: 15px 0 0 0; } .cd-modal-content .thanks-text .cdn-btn-set .cd-btn, #lets-talk.lets-talk .contact-details .cdn-btn-set a.cd-btn{font-size: 14px !important; color: #00BCD4 !important; text-transform: uppercase !important; font-family: "Poppins",sans-serif; padding: 10px 30px; border-radius: 50px; display: inline-block; margin: 0 10px 0 0; background: #fff !important; font-weight: 600; width: auto !important; text-align: center; float: left; border: 2px solid #fff !important;} .cd-modal-content .thanks-text .cdn-btn-set .cd-btn:hover, #lets-talk.lets-talk .contact-details .cdn-btn-set a.cd-btn:hover{ background: #00BCD4 !important; color: #fff !important;} .cd-modal-content .thanks-text .cdn-btn-set .cd-btn.cd-link, #lets-talk.lets-talk .contact-details .cdn-btn-set a.cd-btn.cd-link{ background: none !important; color: #fff !important; border-color: transparent !important;} .cd-modal p {color: #ffffff; line-height: 1.6; margin: 2em 0;} .modal-is-visible .cd-modal {z-index: 101; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;} .modal-is-visible .cd-modal .cd-modal-content {-webkit-overflow-scrolling: touch;} .cd-modal-action {position: relative;} .cd-modal-action .cd-modal-bg {position: absolute; z-index: 1; left: 50%; top: 0; width: 4em; border-radius: 50%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); z-index: -1; display: inline-block; height: 2.5em; /*background-color: #25cb54;*/ background-color: #00BCD4;} .cd-modal-action .btn.gradient-btn:not(.fixed-green) .cd-modal-bg{background: #00BCD4; /*background: -moz-linear-gradient(left, #ec6305 0%, #d62938 100%); background: -webkit-linear-gradient(left, #ec6305 0%,#d62938 100%); background: linear-gradient(to right, #ec6305 0%,#d62938 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6305', endColorstr='#d62938',GradientType=1 );*/} .cd-modal-action .btn {position: relative; text-align: center; width: 8em !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s, border-radius 1s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s, border-radius 1s 0s; transition: color 0.2s 0.3s, width 0.3s 0s, border-radius 1s 0s; border-radius: 50px !important; } .cd-modal-action .to-circle, .cd-modal-action .gradient-btn.btn.to-circle{border-radius: 5em !important; width: 4em; color: transparent; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s, border-radius 1s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s, border-radius 1s 0s; transition: color 0.2s 0.3s, width 0.3s 0s, border-radius 1s 0s;} .fixed-body .fixed-popup .cd-modal-action .cd-modal-bg{ position: fixed; } .fixed-body .modal-is-visible .cd-modal{ position: fixed; } .fixed-body .modal-is-visible .cd-modal .cd-modal-content{ padding: 0; } .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; z-index: 100;} .cd-modal-action .cd-modal-bg.active{position: absolute; top: 0; left: 0;visibility: visible; opacity: 1;} .cd-modal-close {border-bottom: none !important; color: #fff !important; background: none !important; font-size: 18px !important; text-transform: none !important; margin-top: 15px; overflow: hidden; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0);-ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;} .no-touch .cd-modal-close:hover {background-color: rgba(0, 0, 0, 0.5);} .modal-is-visible .cd-modal-close {visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .fixed-popup{ overflow: visible !important; /*position: relative; */} body.fixed-body{ overflow:hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;} footer{ z-index: 1; } .content_bottom{ z-index: 1 !important; background:#f8f8f8; } .fixed-body header.fixed, .fixed-body .animate-form{ z-index: 10 !important; } .two-select label{ display: block !important; } .two-select .colm-two.right-side{ float: right !important; } /* Change the white to any color ;) */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } /*.navbar-on header{ height: 100% !important; min-height: 100px; }*/ header .light .logo a, .navbar-on header .dark .logo a, .navbar-on .sub-menu .logo a{ display: block; min-height: 36px; width: 36px; background: url('/wp-content/uploads/2016/09/indianic-logo-icon.svg')no-repeat; } header .dark{ display: none; } header .dark .logo a, .sub-menu .logo a{ display: block; min-height: 36px; width: 36px; background: url('/wp-content/uploads/2016/09/indianic-logo-icon.svg')no-repeat; } body:not(.navbar-on) header .dark .bar1, body:not(.navbar-on) header .dark .bar2, body:not(.navbar-on) header .dark .bar3, body:not(.navbar-on) .sub-menu .bar1, body:not(.navbar-on) .sub-menu .bar2, body:not(.navbar-on) .sub-menu .bar3{ background-color: #323A45; } .sub-menu{ position: relative; } .ult-sticky-anchor .sub-menu .logo, .ult-sticky-anchor .sub-menu .navbar-toggle{ opacity:0 !important; transition:opacity 0.2s linear !important; } .ult-flag.ult-sticky-anchor .sub-menu .logo, .ult-flag.ult-sticky-anchor .sub-menu .navbar-toggle{ opacity: 1 !important; } .ult-sticky-anchor .ult-sticky-section .sub-menu .logo{ position: absolute; top: 0; bottom: 0; left: 45px; margin: auto !important; height: 33px;} .ult-sticky-anchor .ult-sticky-section .sub-menu .navbar-toggle{ position: absolute; right: 45px; top: 0px; bottom: 0; margin: auto !important; height: 24px;} header{ transition:opacity 0.2s linear !important; opacity: 1 !important;} header.not-sticky{ opacity:0 !important; transition:opacity 0.2s linear !important } .navbar-on header.not-sticky{position: fixed !important; opacity:1 !important; transition:opacity 1s linear !important; } .two-select .left-part select{ width:100% !important; float:left !important; } .two-select span.to{ display: block; width: 20%; text-align: center; float: left;} .say-hello-outer{bottom: 0; padding:0; right: 0; /*min-width: 500px; z-index: 110; position: fixed;*/} /*.say-hello{ position: relative; min-height: 125px;}*/ .say-hello.active{ bottom: 25px; display: block; height: 120px; overflow: visible; position: fixed; right: 0; width: 425px; z-index: 110;} .animate-form{visibility: visible; opacity: 1; display: block; width: 50px; background: url('../img/ic-free-consultation.png')no-repeat center; height: 50px; /*position: absolute; */ position: fixed; bottom:30px; transition: all 1s cubic-bezier(1.000, -0.530, 0.405, 1.425); right:45px; box-sizing: border-box; overflow: hidden; z-index: 999;} /*.close-chat i{ font-size: 18px; color: #929292; margin: 11px 0 0 13px;} .close-chat img, .close-chat i, .say-hello.active .close-chat:hover img{ display: none; } .say-hello.active .close-chat img, .say-hello.active .close-chat:hover i{ display: block;}*/ .say-hello.active .animate-form{ /*left: 89%; bottom: 30px; */width: 50px; padding: 10px; visibility: hidden; opacity: 0; } .close-chat{ width: 50px; height: 50px; border-radius: 50px; background: rgba(212,215,218,0.3); /*position: absolute;*/ position: fixed; bottom:30px; right: 45px; box-sizing: border-box; visibility: hidden; opacity: 0; transition: all 1s cubic-bezier(1.000, -0.530, 0.405, 1.425); z-index: 110;} .say-hello.active .close-chat{ visibility: visible; opacity: 1; } .span-animate{display: inline-block; background: #00BCD4; height: 50px; border-radius: 50px; line-height: 30px; box-sizing: border-box; padding: 10px 20px; box-sizing: border-box; text-align: right; /*position: absolute;*/ position: fixed; bottom: 30px; right: -100%; color: #fff; transition: all 0.6s cubic-bezier(1.000, -0.530, 0.405, 1.425); z-index: 110;} .span-animate a{ color: #fff; } .say-hello.active .span-animate.active-span{ right: 100px;} .say-hello .span-animate.active-span.topradius{ border-top-right-radius:0; } .say-hello .span-animate.active-span.active-top{bottom: 85px; border-top-right-radius:50px; border-bottom-right-radius:0;} #banner{ position: relative; } .box-c{z-index:10;position:relative;overflow:hidden; /* height: 700px;*/ width: 60% !important; margin: auto; -moz-box-shadow: 0 30px 52px -16px rgb(100,100,100); -webkit-box-shadow: 0 30px 52px -16px rgb(100,100,100); box-shadow: 0 30px 52px -16px rgb(100,100,100);} .cycle-a .cycle-item{overflow:hidden;width:100% !important; height: auto !important; } .cycle-a .cycle-item .noizzz{overflow:hidden;width:100%; /*height:700px;*/ background-size:cover !important; } .cycle-a .cycle-item .noizzz img{ display: block; width: 100%; } .cycle-button-a{position:absolute;right:0;top:0;z-index:9;overflow:hidden; width:20% !important; cursor:pointer; bottom: 0; margin: auto;} .cba-a{right:auto;left:0} .li_nav{ width: 100% !important; top: 0; bottom: 0; right: 0; background-size: cover !important; } .li_nav img{ width: auto; max-width: none; } .list-f{overflow:hidden;width:100%; /*height:500px;*/ list-style:none;padding:0; /*margin: 25% auto;*/ margin: 0;} .list-f::after{content: ""; position: absolute; top:0; bottom: 0; left: 0; right: 0; background: #fff; display: block; height: 100%; width: 100%; z-index: 15; opacity: 0.6; } .section_inner .icon-hover .mpc-icon{height:30px; width:30px;} .section_inner .icon-hover .mpc-icon.coming-soon{height: auto; width: auto;} .section_inner .icon-hover .mpc-icon.icon-sprite,.section_inner .mpc-icon.icon-sprite{background:rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/10/all-icons-sprite-19.png") no-repeat scroll 0 0; display: inline-block;} .section_inner .icon-hover .mpc-icon.apple-icon{background-position:-5px -3px;} .section_inner .icon-hover .mpc-icon.adroid-icon{background-position:-56px -3px;} .section_inner .icon-hover .mpc-icon.cit-icon{background-position:-110px -3px;} .section_inner .icon-hover .mpc-icon.xamarin-icon{background-position:-164px -3px;} .section_inner .icon-hover .mpc-icon.titanium-icon{background-position:-753px -61px;} .section_inner .icon-hover .mpc-icon.phoegap-icon{background-position:-217px -3px;} .section_inner .icon-hover .mpc-icon.php-icon{background-position:-268px -3px;} .section_inner .icon-hover .mpc-icon.dotnet-icon{background-position:-322px -2px;} .section_inner .icon-hover .mpc-icon.java-icon{background-position:-375px -3px;} .section_inner .icon-hover .mpc-icon.wordpress-icon{background-position:-424px -3px;} .section_inner .icon-hover .mpc-icon.drupal-icon{background-position:-480px -4px;} .section_inner .icon-hover .mpc-icon.zoomla-icon{background-position:-534px -3px;} .section_inner .icon-hover .mpc-icon.zend-icon{background-position:-592px -3px;} .section_inner .icon-hover .mpc-icon.magento-icon{background-position:-651px -3px;} .section_inner .icon-hover .mpc-icon.shopify-icon{background-position:-702px -3px;} .section_inner .icon-hover .mpc-icon.html5-icon{background-position:-753px -3px;} .section_inner .icon-hover .mpc-icon.mongodb-icon{background-position:-804px -3px;} .section_inner .icon-hover .mpc-icon.engle-icon{background-position:-859px -3px;} .section_inner .icon-hover .mpc-icon.angularjs-icon{background-position:-918px -3px;} .section_inner .icon-hover .mpc-icon.nodejs-icon{background-position:-7px -65px;} .section_inner .icon-hover .mpc-icon.sketch-icon{background-position:-57px -63px;} .section_inner .icon-hover .mpc-icon.photoshop-icon{background-position:-108px -63px;} .section_inner .icon-hover .mpc-icon.AI-icon{background-position:-164px -63px;} .section_inner .icon-hover .mpc-icon.invison-icon{background-position:-215px -63px;} .section_inner .icon-hover .mpc-icon.flinto-icon{background-position:-267px -65px;} .section_inner .icon-hover .mpc-icon.axure-icon{background-position:-322px -62px;} .section_inner .icon-hover .mpc-icon.unity3d-icon{background-position:-375px -62px;} .section_inner .icon-hover .mpc-icon.buildbox-icon{background-position:-423px -62px;} .section_inner .icon-hover .mpc-icon.flash-icon{background-position:-480px -62px;} .section_inner .icon-hover .mpc-icon.smart-watch-icon{background-position:-534px -62px;} .section_inner .icon-hover .mpc-icon.virtulilty-icon{background-position:-591px -62px;} .section_inner .icon-hover .mpc-icon.google-glass-icon{background-position:-651px -60px;} .section_inner .icon-hover .mpc-icon.fitness-watch-icon{background-position:-701px -61px;} .section_inner .icon-hover .mpc-icon.amazone-icon{background-position:-804px -61px;} .section_inner .icon-hover .mpc-icon.rackspace-icon{background-position:-859px -62px;} .section_inner .icon-hover .mpc-icon.digital-ocean-icon{background-position:-914px -62px;} .section_inner .icon-hover .mpc-icon.microsoft-azure-icon{background-position:-6px -123px;} .section_inner .icon-hover .mpc-icon.php-gray-icon{background-position:-828px -485px;} .section_inner .icon-hover .mpc-icon.angular-gray-icon{background-position:-885px -481px;} .section_inner .icon-hover .mpc-icon.app-store-gray-icon{background-position:-4px -560px; height:31px; width:120px;} .section_inner .icon-hover .mpc-icon.google-play-gray-icon{background-position:-168px -560px; height:31px; width:120px;} .section_inner .icon-hover .mpc-icon.app-store-white-icon{background-position:-760px -555px; height:40px; width:150px;} .section_inner .icon-hover .mpc-icon.google-play-white-icon{background-position:-8px -626px; height:40px; width:160px;} .section_inner .icon-hover .mpc-icon.google-play-black-icon{background-position:-570px -625px; height:40px; width:160px;} .section_inner .icon-hover .mpc-icon.app-store-black-icon{background-position:-373px -625px; height:40px; width:150px;} .section_inner .icon-hover .mpc-icon.website-white-icon{background-position:-205px -626px; height:40px; width:140px;} .section_inner .icon-hover .mpc-icon.website-gray-icon{background-position:-328px -560px; height:31px; width:120px;} .section_inner .icon-hover .mpc-icon.code-gray-icon{background-position:-543px -560px;} .section_inner .icon-hover .mpc-icon.java-gray-icon{background-position:-597px -560px;} .section_inner .icon-hover .mpc-icon.python-gray-icon{background-position:-480px -562px;} .section_inner .icon-hover .mpc-icon.magento-gray-sm-icon{background-position:-702px -559px;} .section_inner .icon-hover .mpc-icon.dotnet-gray-icon{background-position:-650px -561px;} .section_inner .icon-hover .mpc-icon.ouya-sm-icon{background-position:-912px -632px;} .section_inner .icon-hover .mpc-icon.ouya-gray-icon {background-position: -763px -631px; height: 30px; width: 109px;} .section_inner .icon-hover .mpc-icon.cake-php-white-icon{background-position:-612px -775px;} .section_inner .icon-hover .mpc-icon.laravel-white-icon{background-position:-673px -775px;} .section_inner .icon-hover .mpc-icon.codeigniter-white-icon{background-position:-728px -775px;} .section_inner .icon-hover .mpc-icon.mssql-white-icon{background-position:-778px -775px;} .box-shadow .icon_holder_inner{background:rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/10/all-icons-sprite-19.png") no-repeat scroll 0 0; display: inline-block; height:60px; width:62px;} .box-shadow.insurance-icon .icon_holder_inner{background-position:-56px -129px;} .box-shadow.healthcare-icon .icon_holder_inner{background-position:-125px -127px;} .box-shadow.manufacturing-icon .icon_holder_inner{background-position:-197px -127px;} .box-shadow.fmcg-icon .icon_holder_inner{background-position:-275px -127px;} .box-shadow.finance-icon .icon_holder_inner{background-position:-356px -127px;} .box-shadow.education-icon .icon_holder_inner{background-position:-438px -127px;} .box-shadow.telecom-icon .icon_holder_inner{background-position:-514px -127px;} .box-shadow.media-icon .icon_holder_inner{background-position:-594px -127px;} .box-shadow.legal-icon .icon_holder_inner{background-position:-679px -127px;} .box-shadow.mcommerce-icon .icon_holder_inner{background-position:-759px -127px;} .box-shadow.governance-icon .icon_holder_inner{background-position:-833px -127px;} .box-shadow.transpotation-icon .icon_holder_inner{background-position:-902px -127px;} .section_inner .icon-hover .mpc-icon.drupal-gray-icon{background-position:-296px -203px;} .section_inner .icon-hover .mpc-icon.joomla-gray-icon{background-position:-353px -203px;} .section_inner .icon-hover .mpc-icon.wordpress-gray-icon{background-position:-352px -391px;} .section_inner .icon-hover .mpc-icon.netnuke-icon {background-position:-414px -203px;} .section_inner .icon-hover .mpc-icon.cit-white-icon{background-position:-235px -202px;} .section_inner .icon-hover .mpc-icon.shopify-plus-gray-icon{background-position:-474px -203px; height:31px; width:100px;} .section_inner .icon-hover .mpc-icon.abaco-gray-icon{background-position:-600px -207px; height:31px; width:100px;} .section_inner .icon-hover .mpc-icon.magento-gray-icon{background-position:-744px -205px; height:31px; width:100px;} .box-shadow.php-gray-icon .icon_holder_inner{background-position:-887px -200px;} .box-shadow.net-gray-icon .icon_holder_inner{background-position:-15px -262px;} .box-shadow.java-gray-icon .icon_holder_inner{background-position:-85px -280px;} .box-shadow.html5-gray-icon .icon_holder_inner{background-position:-164px -280px;} .box-shadow.drupal-gray-icon .icon_holder_inner{background-position:-243px -282px;} .box-shadow.joomla-gray-icon .icon_holder_inner{background-position:-348px -282px;} .box-shadow.wordpress-gray-icon .icon_holder_inner{background-position:-451px -282px;} .box-shadow.abaco-gray-icon .icon_holder_inner{background-position:-548px -278px;} .box-shadow.magento-gray-2-icon .icon_holder_inner{background-position:-636px -280px;} .box-shadow.shopy-gray-icon .icon_holder_inner{background-position:-723px -281px;} .box-shadow.node-gray-icon .icon_holder_inner{background-position:-814px -280px;} .box-shadow.angular-gray-icon .icon_holder_inner{background-position:-894px -280px;} .box-shadow.mongodb-gray-icon .icon_holder_inner{background-position:0px -382px;} .box-shadow.mysql-gray-icon .icon_holder_inner{background-position:-95px -382px;} .box-shadow.mssql-gray-icon .icon_holder_inner{background-position:-184px -382px;} .box-shadow.configureit-gray-icon .icon_holder_inner{background-position:-274px -382px;} .section_inner .icon-hover .mpc-icon.xbox-icon{background-position:-412px -389px; height:33px; width:100px; } .section_inner .icon-hover .mpc-icon.play-station-icon{background-position:-541px -389px; height:33px; width:100px;} .section_inner .icon-hover .mpc-icon.ouya-icon{background-position:-669px -389px; height:33px; width:100px;} .section_inner .icon-hover .mpc-icon.oculus-icon{background-position:-805px -387px; height:33px; width:100px;} .section_inner .icon-hover .mpc-icon.gear-vp-icon{background-position:-5px -475px; height:33px; width:100px;} .sprite-sec .icon-sprite .mpc-icon{background:rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/10/all-icons-sprite-19.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;} .client-block ul li span{background:rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/09/client-logo-sprite-3.png") no-repeat scroll 0 0; display: inline-block; height:200px; width:200px;} .client-block ul li span.addidas-logo{background-position:0px 36px;} .client-block ul li:hover span.addidas-logo{background-position:0px -118px;} .client-block ul li span.yahoo-logo{background-position:-203px 36px;} .client-block ul li:hover span.yahoo-logo{background-position:-203px -118px;} .client-block ul li span.ndtv-logo{background-position:-395px 36px;} .client-block ul li:hover span.ndtv-logo{background-position:-395px -118px;} .client-block ul li span.cisco-logo{background-position:-600px 36px;} .client-block ul li:hover span.cisco-logo{background-position:-600px -118px;} .client-block ul li span.pepsi-logo{background-position:-800px 36px;} .client-block ul li:hover span.pepsi-logo{background-position:-800px -118px;} .client-block ul li span.mcdonald-logo{background-position:0px -280px;} .client-block ul li:hover span.mcdonald-logo{background-position:0px -427px;} .client-block ul li span.aconex-logo{background-position:-200px -280px;} .client-block ul li:hover span.aconex-logo{background-position:-200px -427px;} .client-block ul li span.vodafone-logo{background-position:-400px -280px;} .client-block ul li:hover span.vodafone-logo{background-position:-400px -427px;} .client-block ul li span.sanchobbdo-logo{background-position:-600px -280px;} .client-block ul li:hover span.sanchobbdo-logo{background-position:-600px -427px;} .client-block ul li span.gulfstream-logo{background-position:-800px -280px;} .client-block ul li:hover span.gulfstream-logo{background-position:-800px -427px;} .client-block ul li span.tata-logo{background-position:0 -580px;} .client-block ul li:hover span.tata-logo{background-position:0px -760px;} .client-block ul li span.lifetechnologies-logo{background-position:-200px -580px;} .client-block ul li:hover span.lifetechnologies-logo{background-position:-200px -760px;} .client-block ul li span.risedisply-logo{background-position:-400px -580px;} .client-block ul li:hover span.risedisply-logo{background-position:-400px -760px;} .client-block ul li span.haas-logo{background-position:-600px -580px;} .client-block ul li:hover span.haas-logo{background-position:-600px -760px;} .client-block ul li span.mindcomet-logo{background-position:-800px -580px;} .client-block ul li:hover span.mindcomet-logo{background-position:-800px -760px;} .client-block ul li span.bestbuy-logo{background-position:0 -941px;} .client-block ul li:hover span.bestbuy-logo{background-position:0px -1110px;} .client-block ul li span.zoovy-logo{background-position:-200px -941px;} .client-block ul li:hover span.zoovy-logo{background-position:-200px -1110px;} .client-block ul li span.jacksoncoker-logo{background-position:-400px -942px;} .client-block ul li:hover span.jacksoncoker-logo{background-position:-400px -1110px;} .client-block ul li span.plumperfect-logo{background-position:-600px -941px;} .client-block ul li:hover span.plumperfect-logo{background-position:-600px -1110px;} .client-block ul li span.murphybrown-logo{background-position:-800px -942px;} .client-block ul li:hover span.murphybrown-logo{background-position:-800px -1110px;} .client-block ul li span.abbott-logo{background-position:0 -1295px;} .client-block ul li:hover span.abbott-logo{background-position:0px -1500px;} .client-block ul li span.kotak-logo{background-position:-205px -1290px;} .client-block ul li:hover span.kotak-logo{background-position:-205px -1495px;} .client-block ul li span.incentex-logo{background-position:-400px -1296px;} .client-block ul li:hover span.incentex-logo{background-position:-400px -1500px;} .client-block ul li span.cosmopolitan-logo{background-position:-600px -1295px;} .client-block ul li:hover span.cosmopolitan-logo{background-position:-600px -1500px;} .sitemap-keyword{ text-align: center; margin-bottom: 40px; } .sitemap-keyword label, .sitemap-keyword ul{ display: inline-block; } .sitemap-keyword label{ font-size: 16px; color: #8a959e; font-weight: 400;} .site-key li{ display: inline-block; } .sitemap-keyword .site-key li a{ margin: 0 3px; color: #8a959e; } .page-id-29476 .default_template_holder span, .page-id-29476 .default_template_holder a{ font-size: 14px; color: #8a959e; } .page-id-29476 .default_template_holder span:hover, .page-id-29476 .default_template_holder a:hover{ color: #00BCD4 !important; }