body { font-size: 14px; color: #525252; margin: 0; padding: 0px 0 0; text-decoration: none } #bott-container, #midd-container, #top-container, #top-container-def, #wrapper { display: block; float: left; width: 100% } .fullwidth { float: left; width: 100%; display: block } .clear { clear: both } .left { float: left;background-color: #dfdfdf;padding-left: 2px;padding-right: 2px;background: url(../images/bg.png);background-size: cover; /*padding-left:12px;*/ } .left.second{width: 32.33%; background-color: #fff; margin: 1% 0.5%;background-image: none;padding:0.9%;height:320px;} .right { float: right } .centerdiv { margin: 0 auto!important; /* width: 1150px ; */ width:100%; } .pos, .relative { position: relative } #top-container-def .search-div { margin-top: 15px } .logo { clear: both } .search-div { display: block; float: right; position: relative; margin-right: 128px; } #top-container-def .search-div input { outline: 0; -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; background: 0; border: 2px solid #53bde5; padding: 6px; font-size: 0; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; color: transparent; cursor: pointer; margin-right: 8px; width: 15px; height: 15px } #inner-top-container .search-div input { outline: 0; -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; background: 0; border: solid 2px #53bde5; padding: 6px; width: 55px; font-size: 0; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; width: 15px; height: 14px; color: transparent; cursor: pointer; margin-right: 0px; position: relative; z-index: 99; } #inner-top-container .search-div input:focus, #top-container-def .search-div input:focus { width: 130px; font-size: 12px; padding-left: 32px; color: #414141; border-color: #53bde5; cursor: auto; -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5); -moz-box-shadow: 0 0 5px rgba(109,207,246,.5); box-shadow: 0 0 5px rgba(109,207,246,.5); margin-right: 8px } #top-container-def .search-div input:focus { color: #fff; } .textc { text-align: center } #dot-img a, .part-com span, .soc-icon a, .soc-icon a span, p.at-hb-text a span { /*background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/all-images.png) no-repeat left top;*/ display: inline-block } p.at-hb-text a { font-family: proxima_novaregular } .sub-div button { font-size: 20px; color: #fff; background: #2bad4d; font-family: proxima_novasemibold; margin: 0 0 0 6px; padding: 6px 15px 7px; border: 0; cursor: pointer; text-transform: uppercase } .aw-left { padding-right: 26px } .copy-text { margin-top: 15px } .homebody { padding: 0!important } .chosen-container-single .chosen-single span { font-family: Lato, sans-serif; font-size: 15px; color: #585858 } .link-area { float: right } #top-container-def .link-area, #top-container-def .topmenu { float: right; display: block; padding-top: 10px } .link-area a { float: left; display: block; line-height: 30px; font-family: Raleway, sans-serif; color: #c1c1c1; font-size: 13px; margin-right: 13px } .link-area a:hover, .post-div a:hover { color: #00a8ec } .topmenu ul, .topmenu ul li { margin: 0; padding: 0; list-style: none; float: right } .topmenu ul li { padding-left: 30px; float: left; padding-bottom: 14px; cursor: pointer } .topmenu ul li a { font-size: 14px; color: #fff; font-family: ProximaNovaBold; text-transform: uppercase; -webkit-transition: 0; -moz-transition: 0; -ms-transition: 0; -o-transition: 0; transition: 0 } .tab-link { display: block; float: left; width: 100% } .tab-link ul, .tab-link ul li { margin: 0; padding: 0; list-style: none; overflow: hidden } .tab-link ul li { padding:12px 0 6px 0; width:16.66%; float: left; text-align: center; } .tab-link a { display:inline-block; width:auto; padding:0 15px; color: #000; font-size: 15px; /* font-family: proxima_novaregular; */ text-align: center; position: relative; margin-bottom: 0; cursor: default; } .tab-link a span { display:inline-block; vertical-align:middle; margin-right:2px; } .tab-link a span:hover { opacity:0.79; } .tab-link a em { display: inline-block; font-style: normal; padding-bottom: 5px; font-size: 16px; color: #000; } .tab-link a span span { display: inline-block; margin-bottom: 0; clear: both; margin-left: -3px } .tab-link a span.web-i span { /*background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -420px -68px;*/ width: 35px; height: 30px; margin-top: 18px; } .tab-link a span.mobility-i span { /* background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -458px -68px; width: 23px; height: 32px;*/ margin-top: 16px } .tab-link a span.enter-i span { /* background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -483px -68px; width: 31px; height: 31px; */ margin-top: 18px } .tab-link a span.game-i span { /* background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -516px -68px; width: 36px; height: 35px; */ margin-top: 15px } .tab-link a span.opens-i span { /* background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -554px -68px; width: 36px; height: 28px; */ margin-top: 18px } .tab-link a span.hire-i span { /* background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -591px -68px; width: 39px; height: 30px; */ margin-top: 18px } .tab-link a span.consu-i span { /* background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -631px -68px; width: 30px; height: 29px; */ margin-top: 18px } .com-info1 { display: block; overflow: hidden; text-align: center; clear: both } .com-info1 h4 { color: #000; font-family: proxima_novaregular; font-size: 37px } .com-info1 h4 span { display: block; font-size: 20px; color: #5f5f5f; font-family: proxima_novaregular } .info-photo-main { overflow: hidden } .info-one { width: 330px; height: 384px; float: left } .info-mid { border-left: 8px solid #fff; border-right: 8px solid #fff; float: left; width: 473px; height: 384px } .info-last { width: 330px; height: 384px; float: left; overflow: hidden } .small-one { float: left; width: 232px; height: 188px } .small-two { float: left; width: 232px; height: 188px; border-left: 8px solid #fff } .big-mid { width: 473px; height: 191px; border-top: 8px solid #fff; float: left } .big-mid, .info-last, .info-one, .small-one, .small-two { position: relative } .big-mid h5, .info-last h5, .info-one h5, .small-one h5, .small-two h5 { position: absolute; font-family: ProximaNovaBold; text-transform: uppercase; color: #fff; text-align: left; z-index: 2; font-size: 24px; padding: 5px 15px; line-height: 28px } .info-one h5 { right: 40px; bottom: 40px; background: #202227 } .small-one h5 { right: 0; background: #0a3865 } .small-two h5 { right: 0; background: #3332c4 } .big-mid h5 { right: 0; top: 80px; background: #244904 } .info-last h5 { left: 0; top: 20px; background: #e13b00 } .logo-slider { position: relative; padding-bottom: 20px; display: block; overflow: hidden; height: 98px } .right-sh { position: absolute; right: -85px; top: 20px } .slide-div { display: block; overflow: hidden } .le-news { /*display: block;*/ display: -webkit-flex; display: flex; overflow: hidden; padding: 40px 0 20px } .news-carr-aw { float: left; width: 336px; position: relative } .news-carr-aw+.news-carr-aw { padding-left: 71px; text-align: left } .news-carr-aw h6 { font-size: 22px; color: #040e17; font-family: ProximaNovaBold } .aw-slider { display: block; overflow: hidden; padding-top: 20px } .aw-left { width: 100%; float: left; font-size: 14px; color: #353535; font-family: proxima_novaregular; line-height: 18px } .aw-left span { font-size: 16px; color: #333; display: block; padding-bottom: 10px; font-weight: 700; font-family: Lato, sans-serif } .aw-right { width: 100%; float: left; margin-bottom: 20px } #dot-img { display: block; overflow: hidden; clear: both; margin-top: 10px; float: left; position: absolute; top: 0; right: 18px } #dot-img a { display: inline-block; width: 9px; height: 9px; margin-right: 3px; text-indent: -99999px; background: #fff; border: 1px solid #444444; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; transition-property: none; -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none } #dot-img a.activeSlide, #dot-img a:hover { background: #444444; border-radius: 30px !important; outline: none !important; } .services-main { overflow: hidden; text-align: center; /*height: 390px;*/ clear: both; position: relative } #consulting, #enterprise, #gaming, #hiring, #mobility, #opens, #web { padding-top: 30px; padding-bottom: 30px; display: block; overflow: hidden; width: 100% } #web { background: #fff url(../images/php-development.png) center right no-repeat; } #mobility { background: #fff url(../images/tab-bar/Odoo-Png.png) center right no-repeat; } /* #enterprise { background:#9b5592 url(../images/php-bg-image.png) center right no-repeat; } */ #gaming { background: #fff url(../images/iphone-images.png) center right no-repeat ; } #hiring { background: #fff url(../images/tab-bar/Magento-Tab.png) center right no-repeat ; } #consulting { background: #fff url(../images/tab-bar/Drupal-Tab.png) center right no-repeat; } #opens { background: #fff url(../images/adnroidimg.png) center right no-repeat ; } #award { display: block; overflow: hidden } .part-com span, .part-com span:hover, .soc-icon a span, .soc-icon a:hover span { transition-property: none; transition-duration: .5s; -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none } .big-mid span, .info-last span, .info-one span, .info1 span, .info11 span, .info2 span, .info22 span, .info3 span, .info33 span, .info4 span, .info44 span, .info5 span, .info55 span, .small-one span, .small-two span { z-index: 4 } #top-container { background-color: rgba(255,255,255,.97); height: 75px; position: fixed; z-index: 9699; border-bottom: 1px solid #ebebeb } #top-container .logo { margin-top: 12px } #c-carousel { height: 100%; padding: 0; margin: 0; position: relative; min-height: 100px } #c-carousel * { font-family: Arial, Geneva, SunSans-Regular, sans-serif; font-size: 14px; color: #333; line-height: 22px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } #carousel div { height: 101px; float: left; border-radius: 5px; margin-left: 0; margin-right: 0; text-align: center; position: relative } .tab-link ul li div.services-main { position: absolute; left: 0; top: 93px; width: 100%; transition-duration: .9s; opacity: 0; visibility: hidden; display: none } .tab-link ul li div.services-main a { cursor: pointer; } .tab-link ul li:hover div.services-main { display: block; transition-duration: .5s; opacity: 1; visibility: visible } .tab-link ul { height: 100%; display:inline; } #top-container-def, .top-container { position: relative; z-index: 5 } .bg-img-main { position: relative; z-index: 2; display: block; width: 100%; left: 0; top: 0; text-align: center } .bg-img-main .home-banner-heading { font-size: 56px; color: #fff; font-weight: 400; font-family: ProximaNovaLight; text-transform: uppercase; line-height: 56px; margin-top: 0px !important; } .bg-img-main .home-banner-heading span.blue-txt { color: #0095ce } .bg-img-main .home-banner-heading span.yellow-txt { color: #f6c61d } .bg-img-main .home-banner-heading span.green-txt { color: #32b255 } .bg-img-main p { font-size: 18px; height: 40px; color: #d7d7d7; margin-bottom: 20px; font-family: ProximaNovaLight } .bg-img-main a.btn-banner { font-size: 16px; color: #fff; font-family: proxima_novaregular; width: 184px; text-align: center; display: inline-block; margin-top: 5px; height: 40px; line-height: 40px; border: 1px solid #aba5ff } .bg-img-main a:hover.btn-banner { background: #000 } #top-container .topmenu ul li a { color: #383838 } .tab-link li span.consu-i, .tab-link li span.enter-i, .tab-link li span.game-i, .tab-link li span.hire-i, .tab-link li span.mobility-i, .tab-link li span.opens-i, .tab-link li span.web-i {/*background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat 0px 0px;*/ width: 66px; height: 65px; display: inline-block; margin-bottom: 10px; clear: both; text-align: center } .tab-link li span.mobility-i { background-position: -293px 0 } .tab-link li span.web-i { background-position: -358px 0 } .tab-link li span.game-i { background-position: -425px 0 } .tab-link li span.enter-i { background-position: -491px 0 } .tab-link li span.consu-i { background-position: -557px 0 } .tab-link li span.hire-i { background-position: -624px 0 } .tab-link li span.opens-i { background-position: -690px 0 } .tab-link li span.consu-i, .tab-link li span.enter-i, .tab-link li span.game-i, .tab-link li span.hire-i, .tab-link li span.mobility-i, .tab-link li span.opens-i, .tab-link li span.web-i { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0) } .tab-link a.active span.consu-i, .tab-link a.active span.enter-i, .tab-link a.active span.game-i, .tab-link a.active span.hire-i, .tab-link a.active span.mobility-i, .tab-link a.active span.opens-i, .tab-link a.active span.web-i, .tab-link a:hover span.consu-i, .tab-link a:hover span.enter-i, .tab-link a:hover span.game-i, .tab-link a:hover span.hire-i, .tab-link a:hover span.mobility-i, .tab-link a:hover span.opens-i, .tab-link a:hover span.web-i, .tab-link li:hover span.consu-i, .tab-link li:hover span.enter-i, .tab-link li:hover span.game-i, .tab-link li:hover span.hire-i, .tab-link li:hover span.mobility-i, .tab-link li:hover span.opens-i, .tab-link li:hover span.web-i { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; transform: rotate(315deg); -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -o-transform: rotate(315deg); -ms-transform: rotate(315deg) } .tab-link strong { content: ""; position: absolute; top:84px; margin-left: -12px; border-left: 11px solid transparent; border-bottom: 10px solid transparent; border-right: 11px solid transparent; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .tab-link ul li#w-ar:focus~strong, .tab-link ul li#w-ar:hover~strong { border-bottom-color: #d06c6d; } .tab-link ul li#m-ar:focus~strong, .tab-link ul li#m-ar:hover~strong { border-bottom-color: #015480; } .tab-link ul li#e-ar:focus~strong, .tab-link ul li#e-ar:hover~strong { border-bottom-color: #a3a65a } .tab-link ul li#g-ar:focus~strong, .tab-link ul li#g-ar:hover~strong { border-bottom-color: #D8A940; } .tab-link ul li#c-ar:focus~strong, .tab-link ul li#c-ar:hover~strong { border-bottom-color: #1b6ab0 } .tab-link ul li#h-ar:focus~strong, .tab-link ul li#h-ar:hover~strong { border-bottom-color: #d68818 } .tab-link ul li#o-ar:focus~strong, .tab-link ul li#o-ar:hover~strong { border-bottom-color: #8835a6 } #m-ar { background:#dfdfdf;cursor:pointer; } #w-ar { background:#dfdfdf;cursor:pointer; } #e-ar { background:#dfdfdf;cursor:pointer; } #g-ar { background:#dfdfdf;cursor:pointer; } #c-ar { background:#dfdfdf;cursor:pointer; } #h-ar { background:#dfdfdf;cursor:pointer; } #o-ar { background:#dfdfdf;cursor:pointer; } #m-ar:hover,#m-ar.active { background:transparent;border-bottom:3px solid #ee105d; } #w-ar:hover { background:transparent;border-bottom:3px solid #ee105d; } #e-ar:hover { background:transparent;border-bottom:3px solid #ee105d; } #g-ar:hover { background:transparent;border-bottom:3px solid #ee105d; } #c-ar:hover { background:transparent;border-bottom:3px solid #ee105d; } #h-ar:hover { background:transparent;border-bottom:3px solid #ee105d; } #o-ar:hover { background:transparent;border-bottom:3px solid #ee105d; } #bannerimg, #bannerimg .wdt { width: 100%!important; } #bannerimg div.centerdiv { margin: 0 auto; width: 1150px; padding-top: 212px } #panel-nav { display: block; overflow: hidden; clear: both; top: 190px; float: left; width: 17px; position: absolute; right: 50px; z-index: 10; } #panel-nav a { display: inline-block; width: 17px; height: 17px; margin-right: 5px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -339px -102px; text-indent: -99999px; transition-property: none; margin-top: 8px; -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none } #panel-nav a.activeSlide, #panel-nav a:hover { background-position: -358px -102px; } .web-ser2 { width: 33px; height: 39px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -396px -187px; } .web-ser3 { width: 48px; height: 26px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -429px -187px; } .web-ser4 { width: 52px; height: 30px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -477px -187px; } .web-ser5 { width: 29px; height: 33px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -659px -187px; } #web .adv-img-divl span { vertical-align: middle } .game-ser1 { width: 39px; height: 36px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -231px -234px; } .game-ser3 { width: 83px; height: 37px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -269px -234px; } .game-ser4 { width: 89px; height: 38px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -352px -234px; } .game-ser6 { width: 29px; height: 40px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -444px -234px; } .game-ser7 { width: 37px; height: 34px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -475px -234px; } .game-ser-8 { width: 24px; height: 37px; background-position: -385px -1659px } .game-ser-9 { width: 30px; height: 37px; background-position: -411px -1659px } .game-ser-10 { width: 31px; height: 36px; background-position: -82px -277px } .game-ser-11 { width: 36px; height: 34px; background-position: -218px -279px } #enterprise .adv-img-divl span { vertical-align: middle } .hire-ser8 { width: 25px; height: 40px; background-position: -3px -1648px } .hire-ser2 { width: 40px; height: 41px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -550px -234px; } .hire-ser3 { width: 37px; height: 41px; background-position: -40px -643px } .hire-ser5 { width: 36px; height: 35px; background-position: -77px -656px } .hire-ser6 { width: 37px; height: 41px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -690px -187px; } .hire-ser7 { width: 34px; height: 38px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -767px -187px; } #hiring .adv-img-divl span { vertical-align: middle } .open-ser3 { width: 33px; height: 37px; background-position: -228px -629px } .open-ser4 { width: 34px; height: 37px; background-position: -261px -629px } .open-ser5 { width: 37px; height: 37px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -728px -187px; } .open-ser6 { width: 34px; height: 35px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -515px -234px; } .open-ser9 { width: 121px; height: 33px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -533px -187px; margin-top: -8px } #opens .adv-img-divl span { vertical-align: middle } #award { width: 317px!important } #award .aw1 { width: 317px } .aw-img1 { width: 100%; height: 125px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat 0 -171px; } .aw-img2 { width: 100%; height: 125px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -320px -171px; } .aw-img3 { width: 100%; height: 125px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat 0 -299px; } .aw-img4 { width: 100%; height: 125px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -320px -299px; } .aw-img5 { width: 100%; height: 125px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat 0 -427px; } #client-rev, .client-bg1, .client-one { width: 100%!important; z-index: 4 !important } .popup-main input[type=button], .popup-main input[type=submit] { background: #2bad4d; color: #fff; border: 0; font-size: 30px; font-family: ProximaNovaBold; line-height: 30px; padding: 8px 50px; display: inline-block; margin-top: 30px; -webkit-appearance: none; appearance: none } a.cancel-btn { font-size: 20px; color: #bbbcbc; margin-top: 20px; display: inline-block } .popup-main input[type=text]:focus, .popup-main textarea:focus { border-bottom: 1px solid #3692de } a.close-arrow { display: block; overflow: hidden; width: 48px; height: 48px; position: absolute; right: 20px; top: 20px; transition-property: none; -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none } a:hover.close-arrow { background-position: left bottom } .right-video img.none-bor { border: 0 } .right-panel { position: fixed; right: 0; top: 50px; display: block; float: left; width: 270px; background: #3290b5; border-radius: 5px 0 0 5px; z-index: 9568; border-left: 1px solid #6596a6; border-bottom: 1px solid #6596a6; border-top: 1px solid #6596a6; transition-duration: 500ms; -webkit-transition-duration: 500ms; -webkit-transform: translateX(272px); -moz-transform: translateX(272px); -ms-transform: translateX(272px) } .right-panel.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0) } .gray-bg-right { background: #ededed; display: block; overflow: hidden; border-radius: 4px 0 0 4px; padding: 15px } .right-panel { position: fixed; right: 0; top: 50px; display: block; float: left; width: 270px; background: #3290b5; border-radius: 5px 0 0 5px; z-index: 9568; border-left: 1px solid #6596a6; border-bottom: 1px solid #6596a6; border-top: 1px solid #6596a6; transition-duration: 500ms; -webkit-transition-duration: 500ms; -webkit-transform: translateX(272px); -moz-transform: translateX(272px); -ms-transform: translateX(272px) } .gray-bg-right { background: #ededed; display: block; overflow: hidden; border-radius: 4px 0 0 4px; padding: 15px } .adv-bg a, .popup-main input[type=button], .popup-main input[type=submit], .sub-div button, a.cancel-btn { transition: .5s } .adv-bg a:hover, .popup-main input[type=button]:hover, .popup-main input[type=submit]:hover, .sub-div button:hover { transition: .5s; background: #fff } .current-openings { width: 100%; float: left; margin: 8px 0; padding: 0px 0; border-top: solid 2px #bcd8d8; border-bottom: solid 2px #bcd8d8 } .current-openings a { display: block } .current-openings a span.job-icon { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat 0px -117px; height: 151px; width: 188px; display: table; margin: auto; } a.arrow-close { width: 30px; height: 50px; display: block; position: absolute; z-index: 10; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -191px 0px; left: -30px; top: 40px; transition-duration: 0; -webkit-transition-duration: 0 } a.arrow-open { width: 30px; height: 50px; display: block; position: absolute; z-index: 10; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -222px 0px; left: -30px; top: 40px; transition-duration: 0; -webkit-transition-duration: 0 } .top-main { display: block; float: left; width: 100% } #consulting, #enterprise, #gaming, #hiring, #mobility, #opens, #web { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100% } .footer-div { height: 28%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .small-logo { height: 36% } #wrapper { height: 100%!important;} /* #wrapper { height: 100%!important } */ .info-photo-main { display: block; clear: both; width: 1150px; margin: 0 auto } .client-video { height: 64% } .com-info1 { padding-top: 33px } #bott-container { margin-top: 0 } .logo-left { float: left; width: 27% } .menu-right { float: left; width: 73% } * { -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent } #wrapper>.centerdiv>.fullwidth { -webkit-box-pack: center; -webkit-box-orient: vertical; height: 100%; display: -webkit-box } .small-one h5, .small-two h5 { top: 90px; bottom: auto } .page-nav { position: fixed; right: 15px; bottom: 100px; z-index: 989998; display: none } .page-nav a { background: #6f6f6f; border-radius: 50%; border: 2px solid #ffffff; width: 18px; height: 18px; display: block; margin-top: 10px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none } .page-nav a.active, .page-nav a:hover { background: #fff; border: 2px solid #6f6f6f; } .topmenu ul li a { padding-bottom: 10px; border-bottom: 5px solid transparent } .topmenu ul li a:hover, .topmenu ul li:hover a { border-bottom: 5px solid #0098ce } .topmenu ul li a.active { border-bottom: 5px solid #f6c61d } .dropdown-bg { position: absolute; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/drop-bg.jpg); width: 100%; left: 0; top: 89px; min-height: 541px; overflow: hidden; z-index: 9999; cursor: default } .company-tb { padding-bottom: 20px; padding-top: 30px; display: block; overflow: hidden } .block-drop { float: left; padding-right: 1%; width: 24% } ul.item-drop, ul.item-drop li { margin: 0; padding: 0; list-style: none; display: block; overflow: hidden } ul.item-drop li { font-size: 15px; color: #212121; margin-top: 2px; border-bottom: solid 1px #d8d8d8; width: 215px } ul.item-drop li a { color: #212121; font-family: proxima_novaregular; border-bottom: 0; text-transform: none; font-size: 15px; padding: 7px 0 } .drop-cont { font-size: 12px; color: #4e4e4e; padding-bottom: 15px } ul.item-drop li a span { font-weight: 700 } .topmenu ul li a.gray-bg-link { font-size: 13px; color: #fff; font-family: proxima_novaregular; background: #61ca49; display: inline-block; padding: 5px 20px; border-radius: 15px; border-bottom: 0; text-transform: none; margin-top: 5px } a.round-small span { display: block; width: 51px; height: 50px; float: left; margin-right: 15px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/drop-sprite-company.png) no-repeat } a.round-small.icon-partner span { background-position: 0 -39px } a.round-small.icon-partner i { color: #009cc5; font-style: normal } .topmenu ul li a.round-small { font-family: ProximaNovaBold; font-size: 20px; color: #000; display: inline-block; clear: both; text-transform: none; border-bottom: 0; margin-top: 20px } a.round-small em { font-family: proxima_novaregular; font-size: 18px; color: #000; font-style: normal } a.round-small i { display: inline-block; font-style: normal; margin: 0; padding: 5px 0 0; vertical-align: top } .active .services-main, .tab-link ul li:hover .services-main { display: block } .mobile-ver { display: none } .topmenu ul li .block-drop a { border-bottom: 0 } .app-ser-cont a:hover span { background-position: 0 -1014px; width: 90px; height: 107px; margin-top: 16px } .topmenu ul li div.dropdown-bg { display: none } .topmenu ul li:hover div.dropdown-bg { display: block } ul.item-drop li a:hover { color: #0095ce } .top-sp-mid { padding-top: 2px } .new-image-gallery { height: 220px!important; width: 100%!important } .new-image-gallery li .panel-heading { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-right-img-text-bg.jpg); color: #fefefe; font-size: 13px; padding: 8px 2% 8px 3%; font-family: Raleway, sans-serif; text-shadow: #4a4a4a 1px 1px 0; width: 95%; clear: both; min-height: 70px; } .new-image-gallery li .panel-heading a { color: #fefefe } .com-hea-in1, .com-hea-in2, .com-hea-in3, .com-hea-in4, .com-hea-in5, .com-hea-in6 { vertical-align: top; margin-right: 10px } .topmenu ul li ul.bor-line li { width: 180px; border-bottom: 1px solid #d8d8d8; float: left; margin-top: 0 } .topmenu ul li ul.bor-line li:last-child { border-bottom: 0 } .topmenu ul li ul.bor-line li a { display: block; padding-top: 7px; padding-bottom: 7px } .topmenu ul li ul.item-drop.small-font { padding-bottom: 20px } .topmenu ul li ul.item-drop.small-font li { margin-top: 0 } .topmenu ul li ul.item-drop.small-font li a { font-size: 14px; padding-bottom: 5px; display: inline-block } span.cert-alliance .certi-img { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -229px 0; width: 28px; height: 30px; display: block; margin-right: 11px; float: left } #consulting .adv-img-divl span { vertical-align: middle } #mobility .adv-bg a:hover { color: #01a4ca } #mobility .adv-bg a:hover .dis-more { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -881px 0 } #mobility .adv-bg a:hover .req-quo { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -923px 0 } #web .adv-bg a:hover { color: #9dcb42 } #web .adv-bg a:hover .dis-more { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -881px -20px } #web .adv-bg a:hover .req-quo { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -923px -33px } #gaming .adv-bg a:hover { color: #fd5051 } #gaming .adv-bg a:hover .dis-more { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -881px -40px } #gaming .adv-bg a:hover .req-quo { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -923px -66px } #enterprise .adv-bg a:hover { color: #a870a0 } #enterprise .adv-bg a:hover .dis-more { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -881px -60px } #enterprise .adv-bg a:hover .req-quo { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -923px -99px } #consulting .adv-bg a:hover { color: #f5b432 } #consulting .adv-bg a:hover .dis-more { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -881px -80px } #consulting .adv-bg a:hover .req-quo { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -923px -132px } #hiring .adv-bg a:hover { color: #416ac2 } #hiring .adv-bg a:hover .dis-more { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -881px -100px } #hiring .adv-bg a:hover .req-quo { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -923px -165px } #opens .adv-bg a:hover { color: #f8418f } #opens .adv-bg a:hover .dis-more { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -881px -120px } #opens .adv-bg a:hover .req-quo { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites.jpg) no-repeat -923px -198px } #top-container-def .r-clear { margin-top: 0px; width: 98% } #top-container .r-clear { margin-top: 30px } .topmenu ul li.inquiry-menu a, .topmenu ul li.inquiry-menu a.active { border-bottom: 5px solid #6d9f21 } .tab-link a.active span.consu-i span, .tab-link a.active span.enter-i span, .tab-link a.active span.game-i span, .tab-link a.active span.hire-i span, .tab-link a.active span.mobility-i span, .tab-link a.active span.opens-i span, .tab-link a.active span.web-i span, .tab-link a:hover span.consu-i span, .tab-link a:hover span.enter-i span, .tab-link a:hover span.game-i span, .tab-link a:hover span.hire-i span, .tab-link a:hover span.mobility-i span, .tab-link a:hover span.opens-i span, .tab-link a:hover span.web-i span { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) } .bg-pattern1 { background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/drop-bg.jpg); float: left; padding-bottom: 37px; width: 100% } .bg-pattern1 .com-info1 h4 span { padding-bottom: 25px } .bg-pattern1 .com-info1 h4 { padding-top: 20px } .small-logo h4 { margin-top: 20px; margin-bottom: 20px } #bott-container div.centerdiv { height: 71%!important } .mac-d-project-img, .mac-test-m-img, .mobile-tablet-menu { display: none } #gaming .adv-img-divl span { vertical-align: middle } #bott-container div.centerdiv, div#top-container-def div.centerdiv { width: 1150px } .topmenu ul li.inquiry-menu a, .topmenu ul li.inquiry-menu a.active { background: #33b656 none repeat scroll 0 0; border-bottom: medium none !important; padding: 7px 15px 5px; border-radius: 3px; color: #fff; } #top-container-def .search-div { margin-right: 119px; } .topmenu ul li.inquiry-menu { margin-top: -25px; } .live-chat-pop-up-cls-spn { position: fixed; right: 0; top: 9px; z-index: 9999; color: #0000FF; text-decoration: underline; cursor: pointer;} a#back-top { bottom: 50px; position: fixed; right: 10px; background: url(http://d3u8ldawoq7n0v.cloudfront.net/public/local-cdn/images/home-sprites-trans.png?v=5) no-repeat -664px -68px; width: 61px; height: 41px; float: right; color: #fff; font-size: 15px; z-index: 98; } .cms-trending-box.block-drop ul.item-drop.trending-right-section { margin-left: 44px; margin-right: 0; } .topmenu ul li.inquiry-menu { margin-top: -21px; } .live-chat-pop-up-cls-dyn-spn { position: fixed; right: 0; top: 8px; z-index: 1000; } .topmenu ul li .company-tb .comapny-partner-main a.round-small { margin-top: 7px; margin-left: -2px; } .topmenu ul li .company-tb .comapny-partner-main .email-and-number span { margin-left: -2px; } .topmenu ul li .company-tb .block-drop.iso-certificate-main { margin-left: -2px; margin-top: 2px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .topmenu ul li a { padding-bottom: 11px; } .topmenu ul li .hiring-certi-box { margin-top: 22px; } .topmenu ul li .hiring-partner-box a.round-small { margin-top: 42px; } .topmenu ul li .company-tb .comapny-partner-main a.round-small { margin-top: 10px; } .topmenu ul li .company-tb .block-drop.iso-certificate-main { margin-top: 4px; } } @media (min-width:1200px) { .site-inner-cnt { width: 100%; margin: 0 0%!important; } } @media only screen and (min-width:1024px) and (max-width:1149px) { .dropdown-bg { top: 92px; } .dropdown-bg .menu-d-heading a { font-size: 16px; } .block-drop.block280.block-drop-mobile { width: 260px; } ul.item-drop, .cms-trending-box ul.item-drop { width: 100% } .cms-trending-box.block-drop ul.item-drop.trending-right-section { margin-left: 0px } .services-tb .block-drop { width: 20%; } .services-tb .cms-trending-box-main .block-drop { width: 22%; } .services-tb .cms-trending-box.block-drop.trending-t-box { width: auto; } .hire-d-tb .block-drop { width: 20%; } .hire-d-tb .top-sp-mid .block-drop.client-engagement-s { width: 510px; } .hire-d-tb .top-sp-mid .block-drop { width: 22%; } .hire-d-tb .top-sp-mid { margin-top: 12px; } .block-drop.client-engagement-s img { width: 80%; height: auto; } .menu-right { width: 71%; margin-right: 2%; } .topmenu ul li a { padding-bottom: 15px; } .bg-img-main .home-banner-heading { font-size: 50px; } a#back-top{ display:none !important;} @media screen and (-webkit-min-device-pixel-ratio:0) { .topmenu ul li .hiring-certi-box { margin-top: 16px; } .topmenu ul li .hiring-partner-box a.round-small { margin-top:36px; } } .le-news { display: block; } #inq-popup .inqury-check-box li span { font-size: 12px; } #inq-popup .inquiry-footer-main div.address-details-main div.address-details-inner ul.inquiry-footer { width: 100%; } #inq-popup .address-details-inner { width: 95%; } .menu--social { display: none } div#top-container-def div.centerdiv { width: 95%!important } #bott-container div.centerdiv { height: 71%!important } .footer-side { padding-top: 40px } .footer-div { padding-top: 0 } .centerdiv { width: 95%!important } .topmenu ul li a { font-size: 13px } .topmenu ul li { padding-left: 18px } .news-carr-aw { width: 300px } .news-carr-aw+.news-carr-aw { padding-left: 27px } #dot-img { right: -2px } .news-carr-aw h6 { font-size: 21px } .tab-link ul li { padding: 15px 0; } #bannerimg div.centerdiv { padding-top: 200px } .com-info1 h4 { font-size: 33px } .com-info1 h4 span { font-size: 18px } .left-cont-video { font-size: 20px; line-height: 22px; width: 610px; padding-left: 50px } .right-video { margin-left: 20px; width: 270px } .right-video img { width: 270px; height: auto } .gray-bg { width: 100% } .small-one { margin-right: 2px; width: 222px; height: auto } .info2 span, .small-one:hover span { display: block } .info3 span, .small-two:hover span { display: block; } .big-mid span, .info4 span, .info44 span { display: block; width: 100%; height: 100%; background-size: 100% 100% } .info-last span, .info-last:hover span, .info5 span, .info55 span { background-size: 100% 100%; display: block; width: 100%; height: 100% } .big-mid, .info-mid { width: 465px } .info-one { width: 240px; height: 382px } .info-one img { width: 100%; height: 100% } .info-one:hover span, .info1 span { width: 100%; height: 100%; background-size: 100% 100% } .big-mid h5, .info-last h5, .info-one h5, .small-one h5, .small-two h5 { font-size: 20px } .info-last { width: 235px; height: auto } .info-photo-main { width: 95% } .big-mid img { width: 465px } .info2 span, .small-one:hover span { background-size: 100% 100%; width: 224px; height: 187px } .part-com span { margin-left: 0 } div#header_menu.r-clear.topmenu ul li div.dropdown-bg div.centerdiv div.company-tb ul li { padding-left: 0 } .block-drop.block240 { width: 200px } .block-drop.block280 { width: 220px } #bott-container div.centerdiv { width: 95%!important; margin: auto } .email-and-number a { font-size: 15px!important } .email-and-number, .topmenu ul li a.round-small { font-size: 16px } a.round-small em { font-size: 15px } .adv-bg div.embedded-m-icon-main a { margin-left: 10px; margin-right: 10px } .quick-links-box ul { width: 100% } .f-social-media-box img { width: 100%; height: auto; } .homebody .centerdiv { width: 100%!important } a.next-arw { left: 0 } a.pre-arw { right: 0 } #newsletter-subscribe .center-align { width: 100%!important } #newsletter-subscribe .title-txt h2 { font-size: 46px!important } #newsletter-subscribe .title-txt span { font-size: 16px!important } .fancybox-wrap { top: 5%!important } .adv-bg div.open-s-m-icon-main a { margin-left: 12px; margin-right: 12px } #bannerimg, #bannerimg .wdt { height: 507px !important; } input { border-radius: 0px; } .client-testimonial-img1{ width:257px; height:145px; background-size:100%} .client-testimonial-img2{ width:257px; height:145px; background-size:100%; background-position:0px -145px} /*Christmas CSS ADD*/ .bg-img-main:after{ height:97px; background-size:100%; width:100%; background-position:center} .footer-div:after{ height:110px; background-size:100%; width:100%; background-position:center} } @media (max-width:1024px) { .centerdiv { width:100% !important;} .tab-link ul li div.services-main { top:99px; } .tab-link strong { top:90px; } .cbp-af-header h1, .cbp-af-header nav a { line-height:normal !important; padding:10px 0; width:auto; } } @media (max-width:891px) { .tab-link a span{display:block;} } @media (max-width:768px) { .services-main { height:auto; } #web { background-size:50%; } #web, #mobility, #gaming, #hiring, #consulting, #opens { background-size:37%; } .our_sercont { padding: 0 0 0 15px !important; } .tab-link ul li div.services-main { top:118px; } .tab-link strong { top:108px; } } @media (max-width:480px) { .tab-link a span{display:inline-block;} .tab-link a { width:150px;text-align: left;} .clear{display:none;} #m-ar { width:100%; } #w-ar { width:100%; } #e-ar { width:100%; } #g-ar { width:100%; } #c-ar { width:100%; } #h-ar { width:100%; } #o-ar { width:100%; } ul.our_contmain li p{color:#fff !important;} .tab-link ul li div.services-main { position:relative; top:22px; } #web { background: #699d1d url(../images/php-img-2.png) center top no-repeat; background-size:210px; } #mobility { background: #019cc6 url(../images/asp.net-images.png) center top no-repeat; background-size:210px; } #gaming { background: #e74040 url(../images/iphone-images.png) center top no-repeat ; background-size:210px;} #hiring { background: #355cab url(../images/web-design.png) center top no-repeat ; background-size:210px;} #consulting { background: #e48002 url(../images/open-images.png) center top no-repeat; background-size:210px;} #opens { background: #ce3175 url(../images/android-images.png) center top no-repeat ; background-size:210px;} .our_sercont { width:95% !important; padding-top:170px !important; } /* down arrow */ .tab-link strong { display:none; } } @media only screen and (max-width:320px) { .our_sercont { width:95% !important; } .tab-link a { text-align:left; } } /* new css Add */ .our_sercont { width:60%; float:left; padding:0 0 0 45px; font-size:14px; text-align:left; display:inline-block; color:#fff; } ul.our_contmain { margin:0 0; padding:0 0; } ul.our_contmain li { width:100%; display:inline-block; text-align:left; margin:2px 0; padding:0 0 0px 40px; } ul.our_contmain li a { text-decoration:none; margin:0 0 8px 0; padding:0 0; font-size:18px; } ul.our_contmain li a span { display:block; } ul.our_contmain li p { color:#909090; } .asp-net { /* width:32px; height:32px; */ background: url(../images/tab-bar/Odoo-ic-1.png) top left no-repeat ; background-size:24px; } .asp-net2 { background: url(../images/tab-bar/Odoo-ic-2.png) top left no-repeat ; background-size:24px; } .asp-net3 { background: url(../images/tab-bar/Odoo-ic-3.png) top left no-repeat ; background-size:24px; } .asp-net4 { background: url(../images/asp_icon4.png) top left no-repeat ; background-size:24px; } .php { background: url(../images/tab-bar/WordPress-ic-3.png) top left no-repeat ; background-size:24px; } .php2 { background: url(../images/tab-bar/Wocoom-ic-2.png) top left no-repeat ; background-size:24px; } .php3 { background: url(../images/php_icon2.png) top left no-repeat ; background-size:24px; } .php4 { background: url(../images/php_icon4.png) top left no-repeat ; background-size:24px; } .web { background: url(../images/tab-bar/Magento-ic-1.png) top left no-repeat ; background-size:24px; } .web2 { background: url(../images/web_icon2.png) top left no-repeat ; background-size:24px; } .web3 { background: url(../images/web_icon3.png) top left no-repeat ; background-size:24px; } .web4 { background: url(../images/web_icon4.png) top left no-repeat ; background-size:24px; } .android { background: url(../images/andriod-icon1.png) top left no-repeat ; background-size:24px; } .android2 { background: url(../images/andriod-icon2.png) top left no-repeat ; background-size:24px; } .android3 { background: url(../images/andriod-icon3.png) top left no-repeat ; background-size:24px; } .iphone { background: url(../images/iphone_icon1.png) top left no-repeat ; background-size:24px; } .iphone2 { background: url(../images/iphone_icon2.png) top left no-repeat ; background-size:24px; } .iphone3 { background: url(../images/iphone_icon3.png) top left no-repeat ; background-size:24px; } .seo { background: url(../images/tab-bar/Drupal-ic-1.png) top left no-repeat ; background-size:24px; } .seo2 { background: url(../images/tab-bar/Drupal-ic-2.png) top left no-repeat ; background-size:24px; } .seo3 { background: url(../images/tab-bar/Drupal-ic-3.png) top left no-repeat ; background-size:24px; }