html {
 height:100%;
 box-sizing:border-box
}
#wrapper {
 position:relative
}
.shmobileviewh {
 text-align:center;
 display:none;
 margin-top:0;
 margin-bottom:20px
}
#createApp {
 position:relative
}
.companyclients {
 padding:30px 100px 50px 100px
}
.companyclients .titleheadings {
 font-size:36px;
 text-align:center;
 line-height:46px;
 color:#15c74e
}
.companyclients h3 {
 font-size:50px;
 text-align:center;
 line-height:50px;
 margin-bottom:70px;
 color:#15c74e;
 font-weight:700;
 text-transform:uppercase
}
.numericrw.contactpg {
 position:relative;
 padding:260px 0 20px 0;
 background:url(../img/counterbg.jpg) #4987f1;
 background-size:60% auto;
 margin-top:-200px;
 z-index:9
}
.numericrw ul {
 margin:0;
 padding:0
}
.numericrw.contactpg ul {
 width:80%;
 margin:auto
}
.numericrw ul li {
 position:relative;
 float:left;
 width:25%;
 padding:50px 0;
 list-style:none;
 text-align:center
}
.numericrw.contactpg ul li {
 width:33.33%;
 text-align:center
}
.numericrw.contactpg ul li {
 padding:30px 0
}
.numericrw ul li span.hovering {
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 background:url(../img/graphics.png) #1fd359;
 background-size:260px 424px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 box-shadow:0 0 32px 0 rgba(0,0,0,.3);
 opacity:0;
 z-index:1
}
.numericrw ul li:hover span.hovering {
 left:-10px;
 top:-10px;
 right:-10px;
 bottom:-10px;
 opacity:1
}
.numericrw ul li .counter {
 position:relative;
 display:inline-block;
 font-size:56px;
 color:#fff;
 min-width:60px;
 z-index:2
}
.numericrw ul li span.plusicon {
 position:relative;
 font-size:56px;
 color:#fff;
 display:inline-block;
 z-index:2
}
.numericrw ul li .numtxt {
 position:relative;
 font-size:20px;
 color:#fff;
 z-index:2
}
.testimonialswrap {
 padding-left:100px;
 padding-right:30px
}
.testimonialswrap h2 {
 font-size:50px;
 color:#439ff4;
 line-height:50px;
 font-weight:700;
 padding-bottom:40px
}
.testimonialswrap .testimonialsCon {
 position:relative;
 padding-top:30px;
 margin-bottom:80px
}
.testimonialswrap .worldmapbox {
 position:relative;
 float:right;
 width:900px;
 height:530px;
 background:url(../img/worldmap.html) no-repeat;
 background-size:900px 530px
}
.testimonialschCon {
 position:absolute;
 left:0;
 top:40px;
 width:40%;
 display:none
}
.testimonialschCon .nav-pills>li {
 width:24.5%;
 text-align:center
}
.nav-pills>li>a {
 padding:0;
 border-radius:0
}
.testimonialschCon .nav>li>a:focus,
.testimonialschCon .nav>li>a:hover {
 background-color:transparent!important;
 outline:0
}
.testimonialschCon .nav-pills>li.active>a,
.testimonialschCon .nav-pills>li.active>a:focus,
.testimonialschCon .nav-pills>li.active>a:hover {
 background-color:transparent!important;
 box-shadow:none
}
.testimonialschCon .well {
 background-color:transparent;
 min-height:inherit;
 padding:30px 0;
 border:0;
 box-shadow:none
}
.testiprofileimgbox {
 position:relative;
 width:80px;
 height:80px;
 border-radius:50%;
 background-color:#f2f2f2;
 display:inline-block
}
.testiprofileimgbox .upimgbx {
 position:absolute;
 left:-10px;
 top:-9px;
 width:85px;
 height:85px;
 border-radius:50%;
 background-color:#fff;
 overflow:hidden;
 -webkit-transform:scale(1);
 transform:scale(1);
 -webkit-transition:.3s ease-in-out;
 transition:.3s ease-in-out
}
.testimonialschCon .nav-pills>li.active>a .testiprofileimgbox .upimgbx,
.testimonialschCon .nav-pills>li:hover>a .testiprofileimgbox .upimgbx {
 -webkit-transform:scale(1.3);
 transform:scale(1.3);
 box-shadow:10px 10px 15px rgba(0,0,0,.1)
}
.testiprofileimgbox .upimgbx img {
 position:absolute;
 top:50%;
 left:50%;
 width:100%;
 height:100%;
 transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%)
}
.testiprofileimgbox .upimgbx.dummy img {
 width:auto;
 height:auto;
 top:58%;
 max-width:90%;
 max-height:90%
}
.developmenttrusted {
 position:absolute;
 left:0;
 top:40px;
 width:40%
}
.testimonialsview {
 margin-bottom:20px
}
.testimonialsview .logorws {
 margin-bottom:40px
}
.testimonialsview .logorws img {
 width:auto;
 height:90px
}
.testimonialsview h3 {
 font-size:28px;
 color:#4e71ef;
 font-weight:700
}
.testimonialsviewCon {
 font-family:LucidaCalligraphy-Italic;
 font-size:20px;
 color:#4ec14e;
 line-height:36px
}
.contactuswrap {
 position:relative;
 background-color:#5fb7ff;
 padding:60px 100px 0 100px
}
.contactdetailsbx {
 padding-right:30px
}
.contactdetailsbx .headingtitle {
 font-size:50px;
 color:#fff;
 line-height:50px;
 text-transform:uppercase;
 font-weight:700
}
.contactdetailsbx .aboutcon {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#fff;
 line-height:36px;
 margin:30px 0;
 text-align:justify
}
.gettingtouchbox {
 margin-bottom:20px
}
.officeaddressbx {
 margin-bottom:20px
}
.contactformbox {
 position:relative
}
.contactformCon {
 position:relative;
 background-color:#fff;
 padding:40px;
 border-radius:24px;
 box-shadow:20px 15px 30px rgba(0,0,0,.2);
 z-index:9
}
.contactformCon .form-group {
 margin-bottom:15px
}
.contactformCon .form-control,
.contactformCon .select-selected {
 padding:12px 15px;
 height:auto;
 font-size:15px;
 border:1px solid #cdd6e1;
 box-shadow:3px 3px 6px rgba(0,0,0,.1);
 -webkit-appearance:none;
 font-weight:700
}
.contactformCon .select-selected:after {
 top:22px
}
.contactformCon .select-selected.select-arrow-active:after {
 top:15px
}
.contactformCon .select-items div,
.contactformCon .select-selected {
 padding:12px 15px;
 font-size:15px
}
.contactformCon textarea {
 resize:none
}
.contactformCon .submitrw {
 text-align:center
}
.btn-primary.submitbtn {
 background:#07f;
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%);
 padding:15px 70px;
 font-size:18px;
 color:#fff;
 border:0;
 border-radius:32px;
 box-shadow:none;
 text-transform:uppercase;
 margin-top:15px;
 outline:0;
 display:inline-block;
 box-shadow:0 0 12px 6px rgba(60,159,255,.1);
 outline:0;
 font-weight:700
}
.btn-primary.submitbtn:focus,
.btn-primary.submitbtn:hover {
 background:#80ceff;
 background:-webkit-linear-gradient(left,#80ceff 0,#07f 100%);
 background:linear-gradient(to right,#80ceff 0,#07f 100%);
 color:#fff
}
.contactformCon .uploadim {
 background-color:#fff;
 position:relative;
 padding:12px 15px;
 font-size:15px;
 color:#999;
 cursor:pointer;
 border-radius:4px;
 border:1px solid #cdd6e1;
 box-shadow:3px 3px 6px rgba(0,0,0,.1);
 font-weight:700
}
.contactformCon .uploadim input[type=file] {
 position:absolute;
 left:-9999px
}
.socialmediabox {
 position:relative;
 background:#fff;
 margin-top:-70px;
 min-height:180px
}
ul.social-network {
 list-style:none;
 display:inline;
 margin-left:0!important;
 padding:0
}
ul.social-network li {
 display:inline;
 margin:0 5px
}
.social-network a.icoFacebook {
 border:2px solid #8c8c8c
}
.social-network a.icoFacebook:hover {
 border:2px solid #3b5998
}
.social-circle li i.fa-facebook {
 color:#8c8c8c
}
.social-circle li:hover i.fa-facebook {
 color:#3b5998
}
.social-network a.icoTwitter {
 border:2px solid #8c8c8c
}
.social-network a.icoTwitter:hover {
 border:2px solid #3cf
}
.social-circle li i.fa-twitter {
 color:#8c8c8c
}
.social-circle li:hover i.fa-twitter {
 color:#3cf
}
.social-network a.icoGoogle {
 border:2px solid #8c8c8c
}
.social-network a.icoGoogle:hover {
 border:2px solid #bd3518
}
.social-circle li i.fa-google-plus {
 color:#8c8c8c
}
.social-circle li:hover i.fa-google-plus {
 color:#bd3518
}
.social-network a.icoinstagram {
 border:2px solid #8c8c8c
}
.social-network a.icoinstagram:hover {
 border:2px solid #c32e97
}
.social-circle li i.fa-instagram {
 color:#8c8c8c
}
.social-circle li:hover i.fa-instagram {
 color:#c32e97
}
.social-network a.icoyoutube {
 border:2px solid #8c8c8c
}
.social-network a.icoyoutube:hover {
 border:2px solid #eb2429
}
.social-circle li i.fa-youtube {
 color:#8c8c8c
}
.social-circle li:hover i.fa-youtube {
 color:#eb2429
}
.social-network a.icodribble {
 border:2px solid #8c8c8c
}
.social-network a.icodribble:hover {
 border:2px solid #ea4c89
}
.social-circle li i.fa-dribbble {
 color:#8c8c8c
}
.social-circle li:hover i.fa-dribbble {
 color:#ea4c89
}
.social-network a.icobehance {
 border:2px solid #8c8c8c
}
.social-network a.icobehance:hover {
 border:2px solid #07f
}
.social-circle li i.fa-behance {
 color:#8c8c8c
}
.social-circle li:hover i.fa-behance {
 color:#07f
}
.social-network a.icopinterest {
 border:2px solid #8c8c8c
}
.social-network a.icopinterest:hover {
 border:2px solid #cb2027
}
.social-circle li i.fa-pinterest {
 color:#8c8c8c
}
.social-circle li:hover i.fa-pinterest {
 color:#cb2027
}
.social-network a.icoLinkedin:hover {
 border:2px solid #007bb7
}
.social-circle li i.fa-linkedin {
 color:#8c8c8c
}
.social-circle li:hover i.fa-linkedin {
 color:#007bb7
}
.social-network a.emails:hover {
 border:2px solid #4e71ef
}
.social-circle li i.fa-envelope {
 color:#8c8c8c
}
.social-circle li:hover i.fa-envelope {
 color:#4e71ef
}
.social-circle li a {
 display:inline-block;
 position:relative;
 margin:0 auto 0 auto;
 border-radius:50%;
 text-align:center;
 width:45px;
 height:45px;
 font-size:18px;
 border:2px solid #8c8c8c;
 color:#8c8c8c
}
.social-circle li i {
 margin:0;
 line-height:45px;
 text-align:center
}
.social-circle li a:hover i,
.triggeredHover {
 -moz-transform:rotate(360deg);
 -webkit-transform:rotate(360deg);
 -ms--transform:rotate(360deg);
 transform:rotate(360deg);
 -webkit-transition:all .2s;
 transition:all .2s
}
.social-circle i {
 color:#fff;
 -webkit-transition:all .8s;
 transition:all .8s
}
.aboutbanner {
 position:relative;
 background:url(../img/about-banner.jpg) no-repeat;
 background-size:cover;
 z-index:99;
 height:100vh;
 overflow:hidden
}
.aboutbantextbx {
 position:absolute;
 top:50%;
 left:50%;
 width:100%;
 transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%)
}
.aboutbantextbx h1 {
 font-size:50px;
 line-height:60px;
 color:#fff;
 text-align:center;
 font-weight:700
}
.aboutConbx {
 position:relative;
 padding-left:100px
}
.aboutConbx .aboutcombx {
 float:left;
 width:60%;
 padding-top:40px
}
.aboutConbx .aboutcombx .aboutcomboxrw {
 margin-bottom:80px
}
.aboutConbx .aboutcombx h2 {
 font-size:50px;
 color:#439ff4;
 line-height:50px;
 font-weight:700
}
.aboutConbx .aboutcombx h3 {
 font-size:30px;
 color:#a2e94f;
 font-weight:700;
 line-height:30px
}
.aboutConbx .aboutcombx .infoaboutus {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#767676;
 line-height:36px;
 text-align:justify;
 margin-top:30px
}
.circlerotate {
 position:absolute;
 top:-260px;
 right:-130px;
 width:800px;
 height:800px
}
.circlerotate .tech-rebels {
 position:absolute;
 left:50%;
 top:330px;
 margin-left:-200px;
 width:400px
}
.circlerotate .tech-rebels img {
 width:100%;
 height:auto
}
.sneakpiclinesection {
 padding:80px 80px 20px 100px
}
.sneakpiclinesection h2 {
 font-size:50px;
 color:#439ff4;
 line-height:50px;
 font-weight:700;
 margin-bottom:40px
}
.padzeros {
 padding:0
}
.eqWrap {
 display:-ms-flexbox;
 display:-webkit-box;
 display:flex;
 margin-bottom:10px
}
.eqWrap.btmarg {
 margin-bottom:0
}
.equalHMWrap {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.galleryview {
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0
}
.galleryview ul {
 margin:0;
 padding:0;
 width:100%;
 height:100%
}
.galleryview ul li {
 position:absolute;
 left:0;
 top:0;
 width:33.33%;
 height:33.33%;
 list-style:none
}
.galleryview ul li.secondview {
 position:absolute;
 left:33.33%;
 top:0;
 width:33.33%;
 height:33.33%
}
.galleryview ul li.thirdview {
 position:absolute;
 left:66.66%;
 top:0;
 width:33.33%;
 height:33.33%
}
.galleryview ul li.fourthview {
 position:absolute;
 left:0;
 top:33.33%;
 width:33.33%;
 height:33.33%;
 list-style:none
}
.galleryview ul li.fifthview {
 position:absolute;
 left:33.33%;
 top:33.33%;
 width:33.33%;
 height:33.33%;
 list-style:none
}
.galleryview ul li.sixview {
 position:absolute;
 left:66.66%;
 top:33.33%;
 width:33.33%;
 height:33.33%;
 list-style:none
}
.galleryview ul li.sevenview {
 position:absolute;
 left:0;
 top:66.33%;
 width:33.33%;
 height:33.33%;
 list-style:none
}
.galleryview ul li.eightview {
 position:absolute;
 left:33.33%;
 top:66.66%;
 width:33.33%;
 height:33.33%;
 list-style:none
}
.galleryview ul li.nineview {
 position:absolute;
 left:66.66%;
 top:66.66%;
 width:33.33%;
 height:33.33%;
 list-style:none
}
.galleryview ul li a {
 position:absolute;
 top:0;
 left:5px;
 right:0;
 bottom:0;
 overflow:hidden
}
.galleryview ul li.firstview a {
 left:5px
}
.galleryview ul li.eightview a,
.galleryview ul li.fifthview a,
.galleryview ul li.fourthview a,
.galleryview ul li.nineview a,
.galleryview ul li.sevenview a,
.galleryview ul li.sixview a {
 top:5px
}
.galleryview ul li a img {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 max-width:100%;
 max-height:100%;
 margin:auto;
 -webkit-transform:scale(1.4);
 transform:scale(1.4)
}
.stepsection {
 padding:20px 100px 0 100px
}
.stepsection .nav {
 margin:0 -380px;
 padding-left:380px
}
.stepsection .nav-pills>li {
 float:left;
 width:16.66%;
 z-index:6
}
.stepsection .nav-pills>li a {
 display:block
}
.stepsection .nav-pills>li.active>a,
.stepsection .nav-pills>li.active>a:focus,
.stepsection .nav-pills>li.active>a:hover {
 background-color:transparent;
 color:#000
}
.stepsection .nav>li>a:focus,
.stepsection .nav>li>a:hover {
 background-color:transparent
}
.stepsection .nav-pills>li a .circleboximg {
 position:relative
}
.stepsection .nav-pills>li a .circleboximg svg {
 -webkit-transition:-webkit-transform 4s;
 transition:-webkit-transform 4s;
 transition:transform 4s;
 transition:transform 4s,-webkit-transform 4s;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d;
 -webkit-animation-timing-function:linear
}
.stepsection .nav-pills>li:hover a .circleboximg svg {
 -moz-transform:rotate(360deg);
 -webkit-transform:rotate(360deg);
 -ms--transform:rotate(360deg);
 transform:rotate(360deg)
}
.stepsection .nav-pills>li a .circleboximg span {
 position:absolute;
 width:80px;
 height:80px;
 left:50%;
 top:50%;
 margin-left:-40px;
 margin-top:-40px;
 background:url(../img/step_icon.png) no-repeat;
 background-size:160px 480px;
 -webkit-transition:-webkit-transform 1s;
 transition:-webkit-transform 1s;
 transition:transform 1s;
 transition:transform 1s,-webkit-transform 1s;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d
}
.stepsection .nav-pills>li:hover a .circleboximg span {
 -webkit-transform:rotateY(180deg);
 transform:rotateY(180deg)
}
.stepsection .nav-pills>li a .circleboximg span.firststep {
 background-position:0 0
}
.stepsection .nav-pills>li.active a .circleboximg span.firststep,
.stepsection .nav-pills>li:hover a .circleboximg span.firststep {
 background-position:-80px 0
}
.stepsection .nav-pills>li a .circleboximg span.secstep {
 background-position:0 -80px
}
.stepsection .nav-pills>li.active a .circleboximg span.secstep,
.stepsection .nav-pills>li:hover a .circleboximg span.secstep {
 background-position:-80px -80px
}
.stepsection .nav-pills>li a .circleboximg span.thirdstep {
 background-position:0 -160px
}
.stepsection .nav-pills>li.active a .circleboximg span.thirdstep,
.stepsection .nav-pills>li:hover a .circleboximg span.thirdstep {
 background-position:-80px -160px
}
.stepsection .nav-pills>li a .circleboximg span.fourthstep {
 background-position:0 -240px
}
.stepsection .nav-pills>li.active a .circleboximg span.fourthstep,
.stepsection .nav-pills>li:hover a .circleboximg span.fourthstep {
 background-position:-80px -240px
}
.stepsection .nav-pills>li a .circleboximg span.fifthstep {
 background-position:0 -320px
}
.stepsection .nav-pills>li.active a .circleboximg span.fifthstep,
.stepsection .nav-pills>li:hover a .circleboximg span.fifthstep {
 background-position:-80px -320px
}
.stepsection .nav-pills>li a .circleboximg span.sixstep {
 background-position:0 -400px
}
.stepsection .nav-pills>li.active a .circleboximg span.sixstep,
.stepsection .nav-pills>li:hover a .circleboximg span.sixstep {
 background-position:-80px -400px
}
.stepsection .nav-pills>li+li {
 margin-left:-72px;
 z-index:5
}
.stepsection .nav-pills>li+li+li {
 z-index:4
}
.stepsection .nav-pills>li+li+li+li {
 z-index:3
}
.stepsection .nav-pills>li+li+li+li+li {
 z-index:2
}
.stepsection .nav-pills>li+li+li+li+li+li {
 z-index:1
}
.stepsection .well {
 background-color:transparent;
 padding:70px 0 0 0;
 min-height:inherit;
 border:0;
 border-radius:0;
 box-shadow:none;
 margin-bottom:0
}
.stepsection .stepConbox {
 margin-left:10px
}
.stepsection .stepConbox h3 {
 font-weight:700;
 font-size:42px;
 color:#f4264c;
 line-height:30px;
 margin-bottom:30px
}
.stepsection .stepConbox h4 {
 font-size:28px;
 color:#f4264c;
 line-height:30px;
 font-weight:700
}
.stepsection .stepConbox.firstStep h3,
.stepsection .stepConbox.firstStep h4 {
 color:#45adad
}
.stepsection .stepConbox.secStep h3,
.stepsection .stepConbox.secStep h4 {
 color:#3d7a96
}
.stepsection .stepConbox.thirdstep h3,
.stepsection .stepConbox.thirdstep h4 {
 color:#e13958
}
.stepsection .stepConbox.fourthstep h3,
.stepsection .stepConbox.fourthstep h4 {
 color:#fbc72b
}
.stepsection .stepConbox.fifthstep h3,
.stepsection .stepConbox.fifthstep h4 {
 color:#31d2ec
}
.stepsection .stepConbox.sixstep h3,
.stepsection .stepConbox.sixstep h4 {
 color:#ab76ff
}
.stepsection .stepConbox .stepinfo {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#767676;
 line-height:36px;
 text-align:justify;
 margin-top:30px
}
.step-1 {
 fill:#8e8e8e;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.step-11 {
 fill:#7e7e7e;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.stepsection .nav-pills>li.active a .step-1,
.stepsection .nav-pills>li:hover a .step-1 {
 fill:#249290
}
.stepsection .nav-pills>li.active a .step-11,
.stepsection .nav-pills>li:hover a .step-11 {
 fill:#45adad
}
.stepsection .nav-pills>li+li.active a .step-1,
.stepsection .nav-pills>li+li:hover a .step-1 {
 fill:#2d687b
}
.stepsection .nav-pills>li+li.active a .step-11,
.stepsection .nav-pills>li+li:hover a .step-11 {
 fill:#3d7a96
}
.stepsection .nav-pills>li+li+li.active a .step-1,
.stepsection .nav-pills>li+li+li:hover a .step-1 {
 fill:#cc3152
}
.stepsection .nav-pills>li+li+li.active a .step-11,
.stepsection .nav-pills>li+li+li:hover a .step-11 {
 fill:#e13958
}
.stepsection .nav-pills>li+li+li+li.active a .step-1,
.stepsection .nav-pills>li+li+li+li:hover a .step-1 {
 fill:#f1b318
}
.stepsection .nav-pills>li+li+li+li.active a .step-11,
.stepsection .nav-pills>li+li+li+li:hover a .step-11 {
 fill:#fbc72b
}
.stepsection .nav-pills>li+li+li+li+li.active a .step-1,
.stepsection .nav-pills>li+li+li+li+li:hover a .step-1 {
 fill:#2fb8ce
}
.stepsection .nav-pills>li+li+li+li+li.active a .step-11,
.stepsection .nav-pills>li+li+li+li+li:hover a .step-11 {
 fill:#31d2ec
}
.stepsection .nav-pills>li+li+li+li+li+li.active a .step-1,
.stepsection .nav-pills>li+li+li+li+li+li:hover a .step-1 {
 fill:#9669df
}
.stepsection .nav-pills>li+li+li+li+li+li.active a .step-11,
.stepsection .nav-pills>li+li+li+li+li+li:hover a .step-11 {
 fill:#ab76ff
}
.iosdelopmentban {
 position:relative
}
.iosdelopmentban .iosbaninfobx {
 position:absolute;
 left:0;
 top:0;
 width:45%;
 height:100%;
 background-color:#439ff4
}
.iosdelopmentban .iosdevinfo {
 position:absolute;
 top:50%;
 left:50%;
 width:100%;
 transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%)
}
.iosdelopmentban .iosdevinfo h1 {
 font-size:70px;
 line-height:70px;
 color:#fff;
 padding-left:100px;
 padding-right:30px;
 font-weight:700
}
.iosdelopmentban .iosdevinfo h1 span {
 display:block
}
.iosdelopmentban .iosdevinfo h3 {
 font-size:21px;
 line-height:36px;
 color:#fff;
 padding-left:100px;
 padding-right:30px
}
.leadingiphonedevewrap {
 position:relative;
 background-color:#fff;
 padding:60px 100px;
 z-index:1004
}
.leadingiphonedevewrap .sectiontitleheading {
 position:relative;
 padding:50px;
 background:url(../img/graphics.png) #4ebe4e;
 background-size:400px 653px
}
.leadingiphonedevewrap .sectiontitleheading h2 {
 font-size:45px;
 line-height:45px;
 color:#fff;
 text-align:center;
 font-weight:700
}
.leadingtabConbox {
 position:relative;
 padding-top:20px;
 min-height:798px
}
.leadingtabConbox .well {
 background-color:transparent;
 box-shadow:none;
 border:0;
 min-height:inherit
}
.leadingtabConbox .nav-tabs {
 position:absolute;
 left:0;
 bottom:0;
 right:600px;
 border:0
}
.leadingtabConbox .nav-tabs>li {
 position:relative;
 width:17%;
 margin:0
}
.leadingtabConbox .nav-tabs>li:last-child {
 padding-left:22px
}
.leadingtabConbox .nav-tabs>li>a {
 background-color:transparent;
 border:0
}
.leadingtabConbox .nav-tabs>li.active>a,
.leadingtabConbox .nav-tabs>li.active>a:focus,
.leadingtabConbox .nav-tabs>li.active>a:hover {
 background-color:transparent;
 border:0
}
.leadingtabConbox .nav-tabs>li>a>span {
 width:100px;
 height:100px;
 background:url(../img/leading_development_icon.png) no-repeat;
 background-size:200px 400px;
 display:inline-block
}
.leadingtabConbox .nav-tabs>li>a>span.ipaddevlopment {
 background-position:0 0
}
.leadingtabConbox .nav-tabs>li>a>span.iwatch {
 background-position:0 -100px
}
.leadingtabConbox .nav-tabs>li>a>span.iphonedev {
 background-position:0 -200px
}
.leadingtabConbox .nav-tabs>li>a>span.macbook {
 background-position:0 -300px
}
.leadingtabConbox .nav-tabs>li.active>a>span.ipaddevlopment,
.leadingtabConbox .nav-tabs>li:hover>a>span.ipaddevlopment {
 background-position:-100px 0
}
.leadingtabConbox .nav-tabs>li.active>a>span.iwatch,
.leadingtabConbox .nav-tabs>li:hover>a>span.iwatch {
 background-position:-100px -100px
}
.leadingtabConbox .nav-tabs>li.active>a>span.iphonedev,
.leadingtabConbox .nav-tabs>li:hover>a>span.iphonedev {
 background-position:-100px -200px
}
.leadingtabConbox .nav-tabs>li.active>a>span.macbook,
.leadingtabConbox .nav-tabs>li:hover>a>span.macbook {
 background-position:-100px -300px
}
.leadingtabConbox .leadingConinfodetails {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#767676;
 line-height:36px;
 text-align:justify;
 margin-top:30px;
 padding-right:600px
}
.leadingtabConbox .leadingConinfodetails p {
 margin-bottom:30px
}
.leadingtabConbox .relatedtechbx {
 position:absolute;
 top:0;
 right:0;
 width:600px;
 z-index:99
}
.leadingtabConbox .relatedtechbx .technologyimgbx img {
 width:100%;
 height:auto
}
.iostechnologiesuse {
 position:relative;
 background-color:#fff;
 padding-left:100px;
 padding-bottom:80px;
 margin-top:-3px;
 z-index:1003
}
.iostechnologiesuse h2.headingSec {
 position:absolute;
 left:0;
 top:0;
 font-size:50px;
 color:#439ff4;
 line-height:60px;
 margin:0;
 font-weight:700
}
.iostechnologiesuse h2.headingSec span {
 display:block
}
.iosdevelopmentnextsection {
 padding:50px 0 420px 0
}
.iosdevelopmentnextsection h3 {
 color:#a2e94f;
 font-size:36px;
 font-weight:700;
 margin-bottom:30px
}
.ipadappdeveimgbx {
 position:absolute;
 width:660px;
 height:605px;
 right:0;
 top:120px;
 background:url(../img/ipad_development.png) no-repeat;
 background-size:100% 100%
}
.zindexup {
 position:relative;
 z-index:1006
}
.androiddevelopmentConWrap,
.iosdevelopmentConWrap {
 display:none
}
.letContentboxex {
 position:relative
}
.letsmeetwrap {
 padding:80px 0
}
.letsmeetwrap h3 {
 font-size:30px;
 color:#282828;
 line-height:30px;
 text-align:center;
 margin-bottom:20px;
 text-transform:uppercase
}
.letsmeetwrap h4 {
 font-size:21px;
 color:#6f6f6f;
 text-align:center
}
.letmeetAddbx {
 width:80%;
 margin:auto;
 padding:80px 0
}
.addressviewimgbx {
 padding-top:40px
}
.addressviewimgbx .addimgSh {
 position:relative;
 display:inline-block
}
.addressviewimgbx .addimgSh:before {
 position:absolute;
 content:'';
 left:-50px;
 top:-50px;
 width:100%;
 height:100%;
 background-color:#f6f9fe;
 z-index:-1
}
.addressviewimgbx .addimgSh img {
 box-shadow:-15px 15px 10px rgba(0,0,0,.1)
}
.companyaddressbx {
 position:absolute;
 top:50%;
 left:0;
 width:100%;
 transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.companyaddressbx .comAddbx {
 padding-left:120px
}
.comAddbx h3 {
 position:relative;
 font-size:28px;
 text-align:left
}
.comAddbx h3:after {
 position:absolute;
 content:'';
 left:0;
 bottom:-12px;
 width:50px;
 height:2px;
 background-color:#000
}
.companyinfobx {
 font-size:18px;
 color:#aaa;
 line-height:32px;
 padding-top:15px;
 text-align:justify
}
.permanentAddrw {
 margin-top:40px
}
.permanentAddrw .addiconf {
 position:relative;
 float:left;
 width:70px;
 height:70px;
 border:2px solid #e4ba66;
 border-radius:50%
}
.letmeetAddbx.dubai .permanentAddrw .addiconf {
 border:2px solid #306f96
}
.letmeetAddbx.united_states .permanentAddrw .addiconf {
 border:2px solid #77bbe8
}
.letmeetAddbx.canada_ads .permanentAddrw .addiconf {
 border:2px solid #767676
}
.permanentAddrw .addiconf span.delhi {
 position:absolute;
 width:64px;
 height:76px;
 left:-5px;
 bottom:-4px;
 background:url(../img/india_gate_icon.png) no-repeat;
 background-size:64px 76px;
 display:block
}
.permanentAddrw .addiconf span.dubai {
 position:absolute;
 width:78px;
 height:76px;
 left:-15px;
 bottom:-1px;
 background:url(../img/dubai_icon.png) no-repeat;
 background-size:78px 76px;
 display:block
}
.permanentAddrw .addiconf span.united_states {
 position:absolute;
 width:67px;
 height:101px;
 left:0;
 bottom:-11px;
 background:url(../img/united_states_icon.png) no-repeat;
 background-size:67px 101px;
 display:block
}
.letmeetAddbx.canada_ads .permanentAddrw .addiconf span {
 display:block
}
.letmeetAddbx.canada_ads .permanentAddrw .addiconf span img {
 width:100%;
 height:100%
}
.permanentAddrw .perAddwr {
 margin-left:90px;
 padding-top:5px
}
.letmeetAddbx.canada_ads .permanentAddrw .perAddwr {
 padding-top:10px
}
.permanentAddrw .perAddwr p {
 font-size:18px;
 color:#000;
 margin-bottom:5px
}
.letConnectWrap {
 position:relative;
 width:80%;
 margin:auto;
 margin-top:100px;
 z-index:999
}
.letConnectWrap h1 {
 font-size:36px;
 color:#4987f1;
 text-align:center;
 text-transform:uppercase
}
.letConnectWrap .contactFormCon {
 background-color:#fff;
 padding:40px;
 margin-top:50px;
 border-radius:8px;
 box-shadow:0 0 60px 20px rgba(88,206,255,.1)
}
.letConnectWrap .form-group {
 margin-bottom:30px
}
.floating-form {
 margin:0
}
.contactFormCon .floating-label {
 position:relative;
 margin-bottom:30px

}
.contactFormCon .floating-input,
.contactFormCon .floating-select {
 font-size:16px;
 padding:15px;
 display:block;
 width:100%;
 height:auto;
 border:none;
 border:1px solid #8c8c8c;
 border-radius:4px;
 -webkit-appearance:none
}
.contactFormCon .letConnectWrap .form-control {
 padding:16px 15px;
 height:auto;
 font-size:16px;
 color:#9a9a9a;
 border:1px solid #8c8c8c;
 box-shadow:none
}
.contactFormCon .floating-input:focus,
.contactFormCon .floating-select:focus {
 outline:0;
 border:1px solid #a5cbff;
 box-shadow:-1px 0 6px 3px rgba(77,144,237,.1)
}
.contactFormCon .floating-label label {
 color:#9a9a9a;
 font-size:16px;
 font-weight:400;
 position:absolute;
 pointer-events:none;
 left:15px;
 top:15px;
 transition:.5s ease all;
 -moz-transition:.5s ease all;
 -webkit-transition:.5s ease all
}
.contactFormCon .floating-label label.error {
 position:static!important;
 left:auto;
 top:auto;
 color:red!important
}
.contactFormCon .floating-input:focus~label,
.contactFormCon .floating-input:not(:placeholder-shown)~label {
 top:-24px;
 font-size:14px;
 color:#4d90ed;
 padding:7px 10px;
 background-color:#fff
}
.contactFormCon.floating-select:focus~label {
 top:-18px;
 font-size:14px;
 color:#5264ae
}
.contactFormCon .floating-select:not([value=""]):valid~label {
 display:none
}
.contactFormCon .floating-input:focus~.bar:after,
.contactFormCon .floating-input:focus~.bar:before,
.contactFormCon .floating-select:focus~.bar:after,
.contactFormCon .floating-select:focus~.bar:before {
 width:50%
}
.contactFormCon .floating-textarea {
 height:168px;
 resize:none
}
.uploadfilesbx {
 padding:20px;
 border:1px solid #8c8c8c;
 border-radius:4px
}
.uploadfilesbx .uploadtext {
 font-size:16px;
 color:#9a9a9a
}
.uploadfilesbx ul {
 width:100%;
 margin:25px 0 0 0;
 padding:0
}
.uploadfilesbx ul li {
 width:25%;
 float:left;
 list-style:none
}
.uploadfilesbx ul li span {
 width:50px;
 height:50px;
 background:url(../img/upload_icons.png) no-repeat;
 background-size:50px 50px;
 cursor:pointer;
 text-indent:-9999px;
 display:block
}
.uploadfilesbx ul li span input[type=file] {
 position:absolute;
 left:-9999px
}
.uploadfilesbx ul li span.docxfile {
 background-position:0 0
}
.uploadfilesbx ul li span.excelfile {
 background-position:0 0
}
.uploadfilesbx ul li span.pdffile {
 background-position:0 0
}
.uploadfilesbx ul li span.imagefile {
 background-position:0 0
}
.filenmpnt {
 font-size:16px;
 color:#9a9a9a;
 margin-top:8px
}
.sendmessagebx {
 position:absolute;
 top:50%;
 left:0;
 width:90%;
 transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.sendmessagebx .leftmessageicon {
 width:226px;
 height:150px;
 background:url(../img/messages_icon.png) no-repeat;
 background-size:226px 150px;
 display:block;
 margin:auto
}
.sendmessagebx h5 {
 font-size:13px;
 color:#959595;
 line-height:24px;
 text-align:center;
 text-transform:uppercase
}
.sendmessagebx h3 {
 font-size:20px;
 color:#4887f1;
 line-height:24px;
 text-align:center;
 text-transform:uppercase
}
.sendmessagebx h4 {
 font-size:17px;
 color:#959595;
 line-height:24px;
 text-align:center;
 text-transform:uppercase
}
.rtbdr {
 position:absolute;
 width:1px;
 right:14px;
 top:0;
 bottom:30px;
 background-color:#d8d8d8
}
.wd62 {
 width:62.2%
}
.wd38 {
 width:37.8%
}
.robotbx {
 padding-left:5px;
 margin-bottom:18px;
 text-align:center
}
.robotbx .captchsec {
 font-size:21px;
 color:#959595;
 font-weight:700
}
.robotbx.footer .captchsec {
 font-size:21px
}
.robotbx .captchsec .captchtext {
 font-size:24px;
 color:#000;
 padding:0 0 0 15px
}
.robotbx #capt {
 width:90px;
 border:1px solid #c1c0c0;
 padding:7px;
 text-align:center;
 border-radius:5px;
 margin:0 0 0 10px;
 outline:0;
 -webkit-appearance:none
}
.letstextrw {
 padding-top:40px
}
.letstextrw h3 {
 font-size:24px;
 color:#282828;
 text-transform:uppercase
}
.letstextrw ul {
 margin:0;
 padding:10px 0 0 0
}
.letstextrw ul li {
 font-family:'Open Sans',sans-serif;
 float:left;
 width:25%;
 font-size:14px;
 color:#707070;
 list-style:none
}
.letstextrw ul li a {
 color:#707070;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.letstextrw ul li:hover a {
 color:#4887f1
}
.letstextrw ul li:first-child {
 width:22%
}
.letstextrw ul li span {
 position:relative;
 top:4px;
 width:20px;
 height:20px;
 background:url(../img/lets_text_icon.png) no-repeat;
 background-size:20px 80px;
 display:inline-block;
 margin-right:10px
}
.letstextrw ul li span.landline {
 background-position:0 0
}
.letstextrw ul li span.mobile {
 background-position:0 -20px
}
.letstextrw ul li span.email {
 background-position:0 -40px
}
.letstextrw ul li span.web {
 background-position:0 -60px
}
.consubmitrw {
 padding-left:5px
}
.btn-primary.conSubmit {
 background-color:#4e71ef;
 width:100%;
 padding:16px 0;
 font-size:18px;
 color:#fff;
 border:0;
 font-weight:500;
 text-transform:uppercase;
 box-shadow:0 0 8px 3px rgba(27,144,237,.1);
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 outline:0
}
.btn-primary.conSubmit:focus,
.btn-primary.conSubmit:hover {
 background-color:#0c57d8;
 color:#fff
}
#particles-js.top {
 margin-top:-90px
}
.buzzway {
 position:relative;
 padding:60px;
 border-top:2px dashed #a5a5a5
}
.buzzway .buzzawayCon {
 position:absolute;
 top:50%;
 left:50%;
 width:100%;
 transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%)
}
.buzzway .buzzawayCon h3 {
 font-size:32px;
 color:#282828;
 text-align:center;
 text-transform:uppercase
}
.buzzway .buzzawayCon h1 {
 font-size:60px;
 color:#4987f1;
 text-align:center;
 text-transform:uppercase;
 font-weight:700
}
.custom-select {
 position:relative
}
.custom-select select {
 display:none
}
.select-selected {
 border:1px solid #8c8c8c;
 border-radius:4px;
 transition:.5s ease all;
 -moz-transition:.5s ease all;
 -webkit-transition:.5s ease all
}
.select-selected.select-arrow-active {
 outline:0;
 border:1px solid #a5cbff;
 box-shadow:-1px 0 6px 3px rgba(77,144,237,.1)
}
.select-selected:after {
 position:absolute;
 content:"";
 top:25px;
 right:15px;
 width:0;
 height:0;
 border:6px solid transparent;
 border-color:#9a9a9a transparent transparent transparent;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.select-selected.select-arrow-active:after {
 -moz-transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 -ms--transform:rotate(180deg);
 transform:rotate(180deg);
 top:19px
}
.select-items div,
.select-selected {
 font-size:16px;
 color:#9a9a9a;
 padding:15px;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.select-items {
 position:absolute;
 background-color:#fff;
 top:60px;
 left:0;
 right:0;
 z-index:99;
 outline:0;
 border:1px solid #a5cbff;
 border-radius:4px;
 box-shadow:-1px 0 6px 3px rgba(77,144,237,.1)
}
.select-hide {
 display:none
}
.same-as-selected,
.select-items div:hover {
 background-color:rgba(0,0,0,.1)
}
.startups_funding_wrap {
 padding:80px 100px
}
.startups_funding_wrap h3 {
 font-size:50px;
 line-height:50px;
 margin-top:0;
 padding-bottom:15px;
 text-transform:uppercase;
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 font-weight:700
}
.startups_funding_wrap .fundinginfo {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#767676;
 line-height:36px;
 text-align:justify;
 margin-bottom:50px
}
.startups_funding_wrap .col-sm-3.wd20 {
 width:20%
}
.startups_funding_wrap .fundingbox {
 position:relative;
 background-color:#fff;
 padding:120px 15px 15px 15px;
 box-shadow:0 36px 20px rgba(0,0,0,.1);
 -webkit-transition:all .6s linear;
 transition:all .6s linear
}
.startups_funding_wrap .fundingbox:hover {
 box-shadow:0 50px 30px rgba(0,0,0,.1)
}
.startups_funding_wrap .fundingbox.fitnessbg {
 background:url(../img/fitness_bg.jpg) no-repeat;
 background-size:100% auto;
 background-position:0 -10px
}
.startups_funding_wrap .fundingbox.fitnessbg:hover {
 background:url(../img/fitness_bg_hover.jpg) no-repeat;
 background-size:100% auto;
 background-position:0 -20px
}
.startups_funding_wrap .fundingbox.heartbg {
 background:url(../img/heartbg.jpg) no-repeat;
 background-size:100% auto;
 background-position:0 -10px
}
.startups_funding_wrap .fundingbox.heartbg:hover {
 background:url(../img/heartbg_hover.jpg) no-repeat;
 background-size:100% auto;
 background-position:0 -20px
}
.startups_funding_wrap .fundingbox.socialbg {
 background:url(../img/social-bg.jpg) no-repeat;
 background-size:100% auto;
 background-position:0 -10px
}
.startups_funding_wrap .fundingbox.socialbg:hover {
 background:url(../img/social-bg-hover.jpg) no-repeat;
 background-size:100% auto;
 background-position:0 -20px
}
.startups_funding_wrap .fundingbox.entertainmentbg {
 background:url(../img/entertainment_bg.jpg) no-repeat;
 background-size:100% auto;
 background-position:0 -10px
}
.startups_funding_wrap .fundingbox.entertainmentbg:hover {
 background:url(../img/entertainment_bg_hover.jpg) no-repeat;
 background-size:100% auto;
 background-position:0 -20px
}
.startups_funding_wrap .fundingbox.fundingservicebg {
 background:url(../img/funding_service_bg.jpg) no-repeat;
 background-size:100% auto
}
.startups_funding_wrap .fundingbox.fundingservicebg:hover {
 background:url(../img/funding_service_bg_hover.jpg) no-repeat;
 background-size:100% auto;
 background-position:0 -20px
}
.startups_funding_wrap a {
 text-decoration:none;
 display:block
}
.startups_funding_wrap .fundingbox span.dating {
 position:absolute;
 width:70px;
 height:70px;
 left:50%;
 top:25px;
 margin-left:-35px;
 background:url(../img/heart_icon.png) no-repeat;
 background-position:0 0;
 background-size:70px 140px;
 -webkit-transition:all .6s linear;
 transition:all .6s linear
}
.startups_funding_wrap .fundingbox:hover span.dating {
 background-position:0 -70px
}
.startups_funding_wrap .fundingbox span.fitness {
 position:absolute;
 width:100px;
 height:100px;
 left:50%;
 top:15px;
 margin-left:-50px;
 background:url(../img/fitness_icon.png) no-repeat;
 background-position:0 0;
 background-size:100px 200px;
 -webkit-transition:all .6s linear;
 transition:all .6s linear
}
.startups_funding_wrap .fundingbox:hover span.fitness {
 background-position:0 -100px
}
.startups_funding_wrap .fundingbox span.socials {
 position:absolute;
 width:100px;
 height:75px;
 left:50%;
 top:15px;
 margin-left:-50px;
 background:url(../img/social-group_icon.png) no-repeat;
 background-position:0 0;
 background-size:100px 150px;
 -webkit-transition:all .6s linear;
 transition:all .6s linear
}
.startups_funding_wrap .fundingbox:hover span.socials {
 background-position:0 -75px
}
.startups_funding_wrap .fundingbox span.entertainment {
 position:absolute;
 width:80px;
 height:80px;
 left:50%;
 top:15px;
 margin-left:-40px;
 background:url(../img/entertainment_icon.png) no-repeat;
 background-position:0 0;
 background-size:80px 160px;
 -webkit-transition:all .6s linear;
 transition:all .6s linear
}
.startups_funding_wrap .fundingbox:hover span.entertainment {
 background-position:0 -80px
}
.startups_funding_wrap .fundingbox span.fundingservice {
 position:absolute;
 width:80px;
 height:80px;
 left:50%;
 top:15px;
 margin-left:-40px;
 background:url(../img/funding_services_icon.png) no-repeat;
 background-position:0 0;
 background-size:80px 160px;
 -webkit-transition:all .6s linear;
 transition:all .6s linear
}
.startups_funding_wrap .fundingbox:hover span.fundingservice {
 background-position:0 -80px
}
.startups_funding_wrap .fundingbox .smallheading {
 font-size:20px;
 color:#d0d0d0;
 text-align:center;
 -webkit-transition:all .6s linear;
 transition:all .6s linear
}
.startups_funding_wrap .fundingbox .bigheading {
 font-size:40px;
 color:#d0d0d0;
 text-align:center;
 -webkit-transition:all .6s linear;
 transition:all .6s linear;
 font-weight:700
}
.startups_funding_wrap .fundingbox.heartbg:hover .bigheading {
 color:#ff6064;
 letter-spacing:.5px
}
.startups_funding_wrap .fundingbox.heartbg:hover .smallheading {
 color:grey;
 letter-spacing:.5px
}
.startups_funding_wrap .fundingbox.fitnessbg:hover .bigheading {
 color:#45d9ef;
 letter-spacing:.5px
}
.startups_funding_wrap .fundingbox.fitnessbg:hover .smallheading {
 color:grey;
 letter-spacing:.5px
}
.startups_funding_wrap .fundingbox.socialbg:hover .bigheading {
 color:#3be899;
 letter-spacing:.5px
}
.startups_funding_wrap .fundingbox.socialbg:hover .smallheading {
 color:grey;
 letter-spacing:.5px
}
.startups_funding_wrap .fundingbox.entertainmentbg:hover .bigheading {
 color:#8b78e8;
 letter-spacing:.5px
}
.startups_funding_wrap .fundingbox.entertainmentbg:hover .smallheading {
 color:grey;
 letter-spacing:.5px
}
.startups_funding_wrap .fundingbox.fundingservicebg:hover .bigheading {
 color:#ff5db8;
 letter-spacing:.5px
}
.startups_funding_wrap .fundingbox.fundingservicebg:hover .smallheading {
 color:grey;
 letter-spacing:.5px
}
.mobileappdevebanwrap {
 position:relative;
 max-height:800px
}
.mobileappdevebanwrap.iosdevlopment {
 min-height:800px;
 max-height:900px
}
.mobileappdevebanwrap .leftdescriptionbx {
 position:absolute;
 left:100px;
 top:50%;
 width:40%;
 margin-top:-130px
}
.mobileappdevebanwrap.iosdevlopment .leftdescriptionbx {
 margin-top:-135px
}
.mobileappdevebanwrap.iosdevlopment.nodejs .leftdescriptionbx {
 margin-top:-100px
}
.mobileappdevebanwrap .nativelDesg {
 position:absolute;
 left:100px;
 top:150px;
 width:500px;
 height:453px;
 background:url(../img/native_ban_left_design.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap .nativebDesg {
 position:absolute;
 left:100px;
 bottom:100px;
 width:580px;
 height:126px;
 background:url(../img/native_ban_btm_design.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap h1 {
 font-family:'Open Sans',sans-serif;
 font-size:50px;
 line-height:60px;
 color:#000;
 margin-bottom:20px
}
.mobileappdevebanwrap.uiux h1 {
 margin-top:30px;
 margin-bottom:0
}
.mobileappdevebanwrap.chatbots h1 {
 margin-top:40px;
 margin-bottom:0
}
.mobileappdevebanwrap.iosdevlopment h1 {
 font-weight:300
}
.mobileappdevebanwrap .sminfotbx {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#9d9d9d;
 line-height:36px
}
.mobileappdevebanwrap.uiux .sminfotbx {
 margin-top:100px
}
.mobileappdevebanwrap.chatbots .sminfotbx {
 margin-top:90px
}
.mobileappdevebanwrap .appdevimgbx {
 position:absolute;
 top:0;
 right:0;
 height:100%
}
.mobileappdevebanwrap .appdevimgbx img {
 width:auto;
 height:93%
}
.mobileappdevebanwrap .appdevimgbx.blockchain {
 height:860px
}
.mobileappdevebanwrap .appdevimgbx.blockchain img {
 height:860px
}
.mobileappdevebanwrap .appdevimgbx.reactdev,
.mobileappdevebanwrap .appdevimgbx.reactdev img {
 height:860px
}
.mobileappdevebanwrap.chatbots .appdevimgbx.reactdev,
.mobileappdevebanwrap.chatbots .appdevimgbx.reactdev img {
 height:800px
}
.nodejslogo {
 position:absolute;
 left:370px;
 top:220px;
 width:260px;
 height:289px;
 background:url(../img/nodejs_wtlogo.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap .appdevimgbx.reactdev .rotatewheelbox {
 position:absolute;
 width:420px;
 right:130px;
 top:130px
}
.mobileappdevebanwrap .appdevimgbx.reactdev .rotatewheelbox .rotatewheel {
 position:absolute;
 left:0;
 top:0;
 width:420px;
 height:445px;
 background:url(../img/rotate_wheel.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap .appdevimgbx.reactdev .rotatewheelbox .rotatewheel1 {
 position:absolute;
 left:0;
 top:0;
 width:420px;
 height:445px;
 background:url(../img/rotate_wheel1.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap .appdevimgbx.reactdev .smcirclemove {
 position:absolute;
 top:90px;
 right:50px;
 width:70px;
 height:70px;
 background:url(../img/small_circle_move.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap .appdevimgbx.reactdev .smcirclemove.nextm {
 right:140px
}
.mobileappdevebanwrap .appdevimgbx .rotateimgbx {
 position:absolute;
 left:380px;
 bottom:260px;
 width:300px;
 height:341px;
 background:url(../img/blockchain_rotate_img.png) no-repeat;
 background-size:100% 100%
}
.appdevimgbx.reactdev>div {
 border-radius:50%;
 border:4px solid #fff;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d;
 -webkit-transform:rotateX(80deg) rotateY(20deg);
 transform:rotateX(80deg) rotateY(20deg);
 position:absolute;
 right:240px;
 top:260px
}
.appdevimgbx.reactdev>div:first-of-type:after {
 content:"";
 position:absolute;
 height:40px;
 width:40px;
 background:#fff;
 border-radius:50%;
 -webkit-transform:rotateX(-80deg) rotateY(0);
 transform:rotateX(-80deg) rotateY(0);
 box-shadow:0 0 25px #fff;
 -webkit-animation:nucleus_ 2s infinite linear;
 animation:nucleus_ 2s infinite linear;
 left:50%;
 top:50%;
 margin-top:-20px;
 margin-left:-20px
}
.appdevimgbx.reactdev>div:nth-of-type(2) {
 -webkit-transform:rotateX(-80deg) rotateY(20deg);
 transform:rotateX(-80deg) rotateY(20deg)
}
.appdevimgbx.reactdev>div:nth-of-type(2)>div,
.appdevimgbx.reactdev>div:nth-of-type(2)>div:after {
 -webkit-animation-delay:-.5s;
 animation-delay:-.5s
}
.appdevimgbx.reactdev>div:nth-of-type(3) {
 -webkit-transform:rotateX(-70deg) rotateY(60deg);
 transform:rotateX(-70deg) rotateY(60deg)
}
.appdevimgbx.reactdev>div:nth-of-type(3)>div,
.appdevimgbx.reactdev>div:nth-of-type(3)>div:after {
 -webkit-animation-delay:-1s;
 animation-delay:-1s
}
.appdevimgbx.reactdev>div:nth-of-type(4) {
 -webkit-transform:rotateX(70deg) rotateY(60deg);
 transform:rotateX(70deg) rotateY(60deg)
}
.appdevimgbx.reactdev>div:nth-of-type(4)>div,
.appdevimgbx.reactdev>div:nth-of-type(4)>div:after {
 -webkit-animation-delay:-1.5s;
 animation-delay:-1.5s
}
.appdevimgbx.reactdev>div>div {
 width:200px;
 height:200px;
 position:relative;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d;
 -webkit-animation:trail_ 2s infinite linear;
 animation:trail_ 2s infinite linear
}
.appdevimgbx.reactdev>div>div:after {
 content:"";
 position:absolute;
 top:-5px;
 box-shadow:0 0 12px #fff;
 left:50%;
 margin-left:-10px;
 width:10px;
 height:10px;
 border-radius:50%;
 background-color:#fff;
 -webkit-animation:particle_ 2s infinite linear;
 animation:particle_ 2s infinite linear
}
@-webkit-keyframes trail_ {
 from {
  -webkit-transform:rotateZ(0);
  transform:rotateZ(0)
 }
 to {
  -webkit-transform:rotateZ(360deg);
  transform:rotateZ(360deg)
 }
}
@keyframes trail_ {
 from {
  -webkit-transform:rotateZ(0);
  transform:rotateZ(0)
 }
 to {
  -webkit-transform:rotateZ(360deg);
  transform:rotateZ(360deg)
 }
}
@-webkit-keyframes particle_ {
 from {
  -webkit-transform:rotateX(90deg) rotateY(0);
  transform:rotateX(90deg) rotateY(0)
 }
 to {
  -webkit-transform:rotateX(90deg) rotateY(-360deg);
  transform:rotateX(90deg) rotateY(-360deg)
 }
}
@keyframes particle_ {
 from {
  -webkit-transform:rotateX(90deg) rotateY(0);
  transform:rotateX(90deg) rotateY(0)
 }
 to {
  -webkit-transform:rotateX(90deg) rotateY(-360deg);
  transform:rotateX(90deg) rotateY(-360deg)
 }
}
@-webkit-keyframes nucleus_ {
 0%,
 100% {
  box-shadow:0 0 0 transparent
 }
 50% {
  box-shadow:0 0 25px #fff
 }
}
@keyframes nucleus_ {
 0%,
 100% {
  box-shadow:0 0 0 transparent
 }
 50% {
  box-shadow:0 0 25px #fff
 }
}
.origin {
 -webkit-animation:spin 6s cubic-bezier(.8,0,.2,1) infinite;
 animation:spin 6s cubic-bezier(.8,0,.2,1) infinite
}
.origin.rotatechange {
 -webkit-animation:spin1 6s cubic-bezier(.8,0,.2,1) infinite;
 animation:spin1 6s cubic-bezier(.8,0,.2,1) infinite
}
@-webkit-keyframes spin {
 50% {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes spin {
 50% {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-webkit-keyframes spin1 {
 50% {
  -webkit-transform:rotate(-180deg);
  transform:rotate(-180deg)
 }
 100% {
  -webkit-transform:rotate(-360deg);
  transform:rotate(-360deg)
 }
}
@keyframes spin1 {
 50% {
  -webkit-transform:rotate(-180deg);
  transform:rotate(-180deg)
 }
 100% {
  -webkit-transform:rotate(-360deg);
  transform:rotate(-360deg)
 }
}
.origin:after,
.origin:before {
 content:'';
 display:block;
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 -webkit-transform-origin:inherit;
 transform-origin:inherit
}
.origin:before {
 -webkit-animation:inherit;
 animation:inherit;
 -webkit-animation-direction:reverse;
 animation-direction:reverse;
 font-size:0;
 content:attr(style);
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 text-align:center;
 word-break:keep-all;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 z-index:2
}
.origin:after {
 background:red;
 -webkit-transform:scale(.1);
 transform:scale(.1)
}
.origin {
 background:#3b2c85;
 background:rgba(133,207,203,.3)
}
.origin:after {
 background-color:transparent
}
.mobileappdevewrap {
 padding:80px 120px
}
.mobileappdevewrap.vrpg {
 padding-top:120px;
 padding-bottom:0
}
.mobileappdevewrap.iphonepg {
 padding-top:0
}
.mobileappdevewrap h1,
.mobileappdevewrap h2 {
 color:#1d8bff;
 text-align:center;
 margin-bottom:20px
}
.mobileappdevewrap .mobileinfo {
 font-family:Raleway,sans-serif;
 padding:10px 50px 20px 50px;
 font-size:18px;
 color:#9d9d9d;
 line-height:36px;
 text-align:center
}
.production_discussion {
 padding-top:40px
}
.production_discussion.first_element {
 padding-top:50px
}
.lt_rt_bdr {
 border-left:1px solid #ededed;
 border-right:1px solid #ededed
}
.rt_row_bdr {
 border-right:1px solid #ededed
}
.production_discussion .discussion_icon_bx {
 position:relative;
 width:160px;
 height:180px;
 border-radius:24px;
 border:1px solid #fff;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 display:inline-block
}
.production_discussion:hover .discussion_icon_bx {
 border:1px solid #ffa645;
 box-shadow:0 0 10px 7px rgba(255,169,76,.1)
}
.production_discussion.development:hover .discussion_icon_bx {
 border:1px solid #ff6486;
 box-shadow:0 0 10px 7px rgba(255,100,134,.1)
}
.production_discussion.consultancy:hover .discussion_icon_bx {
 border:1px solid #ff8181;
 box-shadow:0 0 10px 7px rgba(255,129,129,.1)
}
.production_discussion.support:hover .discussion_icon_bx {
 border:1px solid #4a84ff;
 box-shadow:0 0 10px 7px rgba(74,132,255,.1)
}
.production_discussion.vr:hover .discussion_icon_bx,
.production_discussion:hover .discussion_icon_bx.affordable {
 border:1px solid #ff7a7a;
 box-shadow:0 0 10px 7px rgba(255,122,122,.1)
}
.production_discussion.ai:hover .discussion_icon_bx {
 border:1px solid #ff7a7a;
 box-shadow:0 0 10px 7px rgba(255,122,122,.1)
}
.production_discussion.iphone:hover .discussion_icon_bx {
 border:1px solid #ff7a7a;
 box-shadow:0 0 10px 7px rgba(255,122,122,.1)
}
.production_discussion.marketing_insights:hover .discussion_icon_bx {
 border:1px solid #ff7b7b;
 box-shadow:0 0 10px 7px rgba(255,123,123,.1)
}
.production_discussion.wearable.marketing_insights:hover .discussion_icon_bx {
 border:1px solid #56b3ff;
 box-shadow:0 0 10px 7px rgba(86,179,255,.1)
}
.production_discussion.marketing_insights.ai:hover .discussion_icon_bx,
.production_discussion.marketing_insights.iot:hover .discussion_icon_bx {
 border:1px solid #56b3ff;
 box-shadow:0 0 10px 7px rgba(86,179,255,.1)
}
.production_discussion.vr.marketing_insights:hover .discussion_icon_bx {
 border:1px solid #55b3ff;
 box-shadow:0 0 10px 7px rgba(85,179,255,.1)
}
.production_discussion.marketing_insights.iphone:hover .discussion_icon_bx,
.production_discussion.marketing_insights.nodejs:hover .discussion_icon_bx {
 border:1px solid #279eff;
 box-shadow:0 0 10px 7px rgba(39,158,255,.1)
}
.production_discussion.analysis_wireframing:hover .discussion_icon_bx {
 border:1px solid #279eff;
 box-shadow:0 0 10px 7px rgba(39,158,255,.1)
}
.production_discussion.wearable.analysis_wireframing:hover .discussion_icon_bx {
 border:1px solid #ae7bff;
 box-shadow:0 0 10px 7px rgba(174,123,255,.1)
}
.production_discussion.analysis_wireframing.iot:hover .discussion_icon_bx {
 border:1px solid #ae7bff;
 box-shadow:0 0 10px 7px rgba(174,123,255,.1)
}
.production_discussion.analysis_wireframing.ai:hover .discussion_icon_bx {
 border:1px solid #ffa645;
 box-shadow:0 0 10px 7px rgba(255,166,69,.1)
}
.production_discussion.analysis_wireframing.iphone:hover .discussion_icon_bx,
.production_discussion.analysis_wireframing.nodejs:hover .discussion_icon_bx {
 border:1px solid #ad7aff;
 box-shadow:0 0 10px 7px rgba(173,122,255,.1)
}
.production_discussion.designing:hover .discussion_icon_bx {
 border:1px solid #ad7aff;
 box-shadow:0 0 10px 7px rgba(173,122,255,.1)
}
.production_discussion.designing.iot:hover .discussion_icon_bx {
 border:1px solid #848aff;
 box-shadow:0 0 10px 7px rgba(132,138,255,.1)
}
.production_discussion.designing.nodejs:hover .discussion_icon_bx {
 border:1px solid #8a8fff;
 box-shadow:0 0 10px 7px rgba(138,143,255,.1)
}
.production_discussion.designing.colch:hover .discussion_icon_bx {
 border:1px solid #868bff;
 box-shadow:0 0 10px 7px rgba(134,139,255,.1)
}
.production_discussion.wearable.designing:hover .discussion_icon_bx {
 border:1px solid #ff7a7a;
 box-shadow:0 0 10px 7px rgba(255,122,122,.1)
}
.production_discussion.designing.iphone:hover .discussion_icon_bx {
 border:1px solid #ffa645;
 box-shadow:0 0 10px 7px rgba(255,166,69,.1)
}
.production_discussion.development:hover .discussion_icon_bx {
 border:1px solid #fb6081;
 box-shadow:0 0 10px 7px rgba(251,96,129,.1)
}
.production_discussion.testing:hover .discussion_icon_bx {
 border:1px solid #8388ff;
 box-shadow:0 0 10px 7px rgba(131,136,255,.1)
}
.production_discussion .discussion_icon_bx span {
 position:absolute;
 width:140px;
 height:105px;
 top:50%;
 left:50%;
 margin-left:-70px;
 margin-top:-52px;
 background:url(../img/production_discusstion_icon.png) no-repeat;
 background-size:140px 735px
}
.production_discussion.iphone .discussion_icon_bx span {
 background:url(../img/iphone_moreinfo_icon.png) no-repeat;
 background-size:140px 630px
}
.production_discussion.nodejs .discussion_icon_bx span {
 background:url(../img/nodejs_moreinfo_icon.png) no-repeat;
 background-size:140px 630px
}
.production_discussion.vr .discussion_icon_bx span {
 background:url(../img/vr_services_icon.png) no-repeat;
 background-size:140px 525px
}
.production_discussion.ai .discussion_icon_bx span {
 background:url(../img/ai_features_icon.png) no-repeat;
 background-size:140px 315px
}
.production_discussion.iot .discussion_icon_bx span {
 background:url(../img/iot_offers_services.png) no-repeat;
 background-size:140px 630px
}
.production_discussion.wearable .discussion_icon_bx span {
 background:url(../img/wearables_features_icon.png) no-repeat;
 background-size:140px 420px
}
.production_discussion .discussion_icon_bx span.pro_dis {
 background-position:0 0
}
.production_discussion .discussion_icon_bx span.marketing_insights {
 background-position:0 -105px
}
.production_discussion .discussion_icon_bx span.wireframing {
 background-position:0 -210px
}
.production_discussion .discussion_icon_bx span.designing {
 background-position:0 -315px
}
.production_discussion .discussion_icon_bx span.development {
 background-position:0 -420px
}
.production_discussion .discussion_icon_bx span.testing {
 background-position:0 -525px
}
.production_discussion .productionCon {
 position:relative;
 padding:20px 30px 0px 30px
}
.productionCon h3 {
 font-size:24px
}
.productionCon .productiondetails {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#717171;
 line-height:30px;
 margin-bottom:15px;
}
.production_discussion .productionCon ul {
 margin:0;
 padding:30px 0 0 0
}
.production_discussion .productionCon ul li {
 font-family:Raleway,sans-serif;
 position:relative;
 float:left;
 width:50%;
 list-style:none;
 font-size:18px;
 color:#9d9d9d;
 padding-left:40px;
 font-weight:400;
 line-height:36px;
 margin-bottom:20px
}
.production_discussion .productionCon ul li span {
 position:absolute;
 left:0;
 top:8px;
 width:24px;
 height:24px;
 border:5px solid #ff888d;
 border-radius:50%;
 display:inline-block
}
.production_discussion .productionCon ul li+li span {
 border:5px solid #88b7ff
}
.production_discussion .productionCon ul li+li+li span {
 border:5px solid #9e9eff
}
.production_discussion .productionCon ul li+li+li+li span {
 border:5px solid #ffbe57
}
.reconizationbx {
 background-image:url(../img/joint_points.png);
 background-repeat:no-repeat;
 background-size:100% auto;
 background-position:center center;
 background-color:#ebf7ff;
 padding:80px 100px
}
.reconizationbx.iot {
 background:url(../img/uiux_graph.png) no-repeat;
 background-size:cover
}
.reconizationbx h2 {
 font-size:50px;
 color:#439ff4;
 line-height:50px;
 margin-top:0;
 font-weight:700
}
.reconizationbx .reconizationinfo {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#000;
 line-height:36px
}
.business_section {
 padding:80px 0
}
.businessContentbx {
 position:relative;
 width:900px;
 margin:auto;
 min-height:920px
}
.businessContentbx .smgbx {
 position:absolute;
 left:80px;
 top:50px;
 width:300px;
 height:300px;
 background-color:rgba(29,210,162,.13);
 border-radius:50%;
 display:inline-block
}
.businessContentbx .smgbx1 {
 position:absolute;
 left:530px;
 top:565px;
 width:300px;
 height:300px;
 background-color:rgba(99,191,225,.13);
 border-radius:50%;
 display:inline-block
}
.businessContentbx .biggbx {
 position:absolute;
 left:400px;
 top:0;
 width:540px;
 height:540px;
 background-color:rgba(249,156,0,.07);
 border-radius:50%;
 display:inline-block
}
.businessContentbx .biggbx1 {
 position:absolute;
 left:-30px;
 top:370px;
 width:540px;
 height:540px;
 background-color:rgba(242,108,79,.04);
 border-radius:50%;
 display:inline-block
}
.businessConbx {
 position:absolute;
 top:150px;
 left:180px;
 z-index:1
}
.businessConbx:hover {
 z-index:2
}
.business_innerConbx {
 position:relative;
 width:280px;
 height:300px;
 padding:10px;
 background-color:#fff;
 border-radius:10px;
 box-shadow:-3px 10px 8px 0 rgba(61,216,175,.1);
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.businessConbx:hover .business_innerConbx {
 width:360px;
 height:400px;
 margin-left:-40px;
 margin-top:-50px
}
.businessConbx.secbx {
 top:150px;
 left:auto;
 right:130px;
 box-shadow:-3px 10px 8px 0 rgba(249,156,0,.1)
}
.businessConbx.secbx:hover .business_innerConbx {
 margin-right:-40px
}
.businessConbx.thirdbx {
 top:auto;
 bottom:140px;
 box-shadow:-3px 10px 8px 0 rgba(242,108,79,.1)
}
.businessConbx.thirdbx:hover .business_innerConbx {
 margin-bottom:-40px
}
.businessConbx.fourbx {
 top:auto;
 bottom:140px;
 left:auto;
 right:130px;
 box-shadow:-3px 10px 8px 0 rgba(99,191,255,.1)
}
.businessConbx.fourbx:hover .business_innerConbx {
 margin-right:-40px;
 margin-bottom:-40px
}
.businesslogorw {
 padding-top:15px;
 text-align:center
}
.businesslogo {
 width:200px;
 height:40px;
 background:url(../img/business_logo.png) no-repeat;
 background-size:200px 160px;
 display:inline-block;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.businessConbx:hover .businesslogo {
 width:300px;
 height:60px;
 background-size:300px 240px
}
.businesslogo.extract {
 background-position:0 0
}
.businesslogo.goodfirms {
 background-position:0 -40px
}
.businessConbx:hover .businesslogo.goodfirms {
 background-position:0 -60px
}
.businesslogo.appfutura {
 background-position:0 -80px
}
.businessConbx:hover .businesslogo.appfutura {
 background-position:0 -120px
}
.businesslogo.clutch {
 background-position:0 -120px
}
.businessConbx:hover .businesslogo.clutch {
 background-position:0 -180px
}
.businessinfotext {
 font-family:'Open Sans',sans-serif;
 font-size:13px;
 color:#9d9d9d;
 line-height:28px;
 text-align:center;
 min-height:110px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.businessConbx:hover .businessinfotext {
 font-size:18px;
 line-height:36px;
 padding:20px 0
}
.viewpgrw {
 font-family:'Open Sans',sans-serif;
 padding-top:20px;
 text-align:center
}
.viewpg {
 position:relative;
 width:160px;
 height:36px;
 line-height:36px;
 font-size:13px;
 color:#fff;
 text-align:left;
 padding-left:20px;
 background-color:#82e6cc;
 border-radius:24px;
 display:inline-block;
 text-transform:uppercase;
 box-shadow:-3px 10px 8px 0 rgba(61,216,175,.1);
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.businessConbx:hover .viewpg {
 width:200px;
 height:56px;
 font-size:18px;
 line-height:56px;
 border-radius:32px;
 padding-left:30px
}
.businessConbx.secbx .viewpg {
 background-color:#f99c00;
 box-shadow:-3px 10px 8px 0 rgba(249,156,0,.1)
}
.businessConbx.thirdbx .viewpg {
 background-color:#f26c4f;
 box-shadow:-3px 10px 8px 0 rgba(242,108,79,.1)
}
.businessConbx.fourbx .viewpg {
 background-color:#033f69;
 box-shadow:-3px 10px 8px 0 rgba(99,191,255,.1)
}
.viewpg .nextarrow {
 position:absolute;
 top:3px;
 right:5px;
 width:30px;
 height:30px;
 text-align:center;
 background-color:#66dcbd;
 border-radius:50%;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.businessConbx:hover .viewpg .nextarrow {
 top:5px;
 right:5px;
 width:46px;
 height:46px
}
.businessConbx.secbx .viewpg .nextarrow {
 background-color:#fba921
}
.businessConbx.thirdbx .viewpg .nextarrow {
 background-color:#f57a5f
}
.businessConbx.fourbx .viewpg .nextarrow {
 background-color:#0a5081
}
.viewpg .nextarrow .nextarrs {
 position:absolute;
 top:9px;
 right:6px;
 width:16px;
 height:12px;
 text-align:center;
 background:url(../img/next_arrow_btn_icon.png) center center no-repeat;
 background-size:16px 12px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.businessConbx:hover .viewpg .nextarrow .nextarrs {
 top:14px;
 right:8px;
 width:24px;
 height:18px;
 background-size:24px 18px
}
.testimonialswraper {
 position:relative;
 padding:240px 0 300px 0
}
.testimonialswraper .testimatterCon {
 margin:0
}
.testimatterCon h2 {
 font-size:50px;
 color:#439ff4;
 line-height:50px;
 margin-top:0;
 text-align:center;
 text-transform:uppercase;
 font-weight:700
}
.testimatterCon .abouttesti {
 position:relative;
 max-width:600px;
 margin:auto;
 padding-top:40px
}
.testimatterCon .abouttesti .commos {
 position:absolute;
 left:-250px;
 top:-180px;
 width:250px;
 height:231px;
 background:url(../img/commos_icon.png) no-repeat;
 background-size:250px 231px
}
.testimatterCon h4 {
 font-size:24px;
 color:#282828;
 line-height:28px;
 text-align:center;
 text-transform:uppercase;
 font-weight:700
}
.testimatterCon h3 {
 font-size:28px;
 color:#282828;
 line-height:32px;
 text-align:center;
 text-transform:uppercase;
 margin-top:0;
 font-weight:700
}
.testimatterCon .testisminfo {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#696969;
 text-align:center;
 line-height:36px;
 padding:15px 0
}
.testimatterCon .viewmorerow {
 text-align:center;
 padding-top:20px
}
.testimatterCon .viewmorerow .btn-primary {
 position:relative;
 width:180px;
 padding:14px 0;
 padding-left:20px;
 font-size:18px;
 color:#fff;
 text-align:left;
 border:0;
 border-radius:32px;
 margin-top:14px;
 background:#07f;
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%);
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 box-shadow:0 0 8px 6px rgba(60,159,255,.1);
 font-weight:500;
 outline:0
}
.testimatterCon .viewmorerow .btn-primary:focus,
.testimatterCon .viewmorerow .btn-primary:hover {
 background:#80ceff;
 background:-webkit-linear-gradient(left,#80ceff 0,#07f 100%);
 background:linear-gradient(to right,#80ceff 0,#07f 100%);
 color:#fff
}
.testimatterCon .viewmorerow .btn-primary .nextarr {
 position:absolute;
 top:7px;
 right:10px;
 width:40px;
 height:40px;
 text-align:center;
 background:url(../img/next_arrow_btn_icon.png) center center no-repeat #4ea2ff;
 background-size:24px 18px;
 border-radius:50%
}
.big_circle_design {
 position:absolute;
 top:50px;
 right:-40px;
 width:160px;
 height:160px;
 border-radius:50%;
 background:#07f;
 background:-webkit-linear-gradient(top,#07f 0,#80ceff 100%);
 background:linear-gradient(to bottom,#07f 0,#80ceff 100%);
 box-shadow:0 0 10px 7px rgba(60,159,255,.1)
}
.small_circle_design {
 position:absolute;
 top:280px;
 right:300px;
 width:40px;
 height:40px;
 border-radius:50%;
 background:#07f;
 background:-webkit-linear-gradient(top,#07f 0,#80ceff 100%);
 background:linear-gradient(to bottom,#07f 0,#80ceff 100%);
 box-shadow:0 0 6px 4px rgba(60,159,255,.1)
}
.small_circle_design.leftpos {
 top:110px;
 right:auto;
 left:40px
}
.small_circle_design.leftpossm {
 width:20px;
 height:20px;
 top:260px;
 right:auto;
 left:330px
}
.little_circle_design {
 position:absolute;
 top:312px;
 right:350px;
 width:16px;
 height:16px;
 border-radius:50%;
 background:#07f;
 background:-webkit-linear-gradient(top,#07f 0,#80ceff 100%);
 background:linear-gradient(to bottom,#07f 0,#80ceff 100%);
 box-shadow:0 0 6px 4px rgba(60,159,255,.1)
}
.little_circle_design.leftpos {
 right:auto;
 top:auto;
 left:300px;
 bottom:90px
}
.red_circle_design {
 position:absolute;
 top:456px;
 right:122px;
 width:24px;
 height:24px;
 border-radius:50%;
 background:#f92c51;
 background:-webkit-linear-gradient(top,#f92c51 0,#fb6354 100%);
 background:linear-gradient(to bottom,#f92c51 0,#fb6354 100%);
 box-shadow:0 0 4px 2px rgba(60,159,255,.1)
}
.red_circle_design.leftpos {
 width:10px;
 height:10px;
 top:400px;
 right:auto;
 left:260px
}
.green_circle_design {
 position:absolute;
 top:500px;
 right:410px;
 width:18px;
 height:18px;
 border-radius:50%;
 background:#0b99b7;
 background:-webkit-linear-gradient(top,#0b99b7 0,#2cd665 100%);
 background:linear-gradient(to bottom,#0b99b7 0,#2cd665 100%);
 box-shadow:0 0 4px 2px rgba(60,159,255,.1)
}
.green_circle_design.leftpos {
 width:40px;
 height:40px;
 right:auto;
 left:-20px
}
.users_testi_box {
 position:absolute;
 top:140px;
 right:360px;
 width:80px;
 height:80px;
 border-radius:50%;
 background-color:#fff;
 box-shadow:0 0 10px 7px rgba(60,159,255,.1);
 overflow:hidden;
 z-index:2
}
.users_testi_box img {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 max-width:100%;
 max-height:100%;
 -webkit-transform:scale(1.3);
 transform:scale(1.3)
}
.users_testi_box.rtclose {
 top:230px;
 right:130px
}
.users_testi_box.rtclosemid {
 width:100px;
 height:100px;
 top:420px;
 right:250px
}
.users_testi_box.rtbtmclose {
 width:60px;
 height:60px;
 top:auto;
 right:90px;
 bottom:150px
}
.users_testi_box.rtbtmclose1 {
 top:auto;
 right:360px;
 bottom:210px
}
.users_testi_box.lftclose {
 top:260px;
 left:420px
}
.users_testi_box.lftclose1 {
 width:60px;
 height:60px;
 top:390px;
 left:100px
}
.users_testi_box.lftclosebtm {
 width:100px;
 height:100px;
 top:490px;
 left:240px
}
.users_testi_box.lftclosebtm1 {
 top:auto;
 right:auto;
 left:160px;
 bottom:160px
}
.footerSitemapwrap {
 position:relative;
 background:url(../img/techugo_bg_logo.png) no-repeat #fff;
 background-position:left top;
 padding:60px 100px 0 100px
}
.footerSitemapwrap .topbdr {
 position:absolute;
 top:-35px;
 left:0;
 right:0;
 height:1px;
 background:url(../img/border_show.jpg) repeat-x
}
.sitemapmenu {
 position:relative
}
.sitemapmenu .menubox {
 width:25%;
 float:left
}
.sitemapmenu .menubox .navbar-nav,
.sitemapmenu .menubox .navbar-nav>li {
 float:none
}
.sitemapmenu .menubox .navbar-nav>li>a {
 padding:15px 0;
 color:#909090;
 text-align:left;
 display:inline-block;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.sitemapmenu .menubox .navbar-nav>li:active>a,
.sitemapmenu .menubox .navbar-nav>li:focus>a,
.sitemapmenu .menubox .navbar-nav>li:hover>a {
 background-color:transparent;
 color:#4987f1;
 letter-spacing:.5px
}
.footerguides h3,
.sitemapmenu .menubox h3 {
 position:relative;
 font-size:24px;
 color:#000;
 font-weight:700
}
.sitemapmenu .menubox h3 {
 margin-top:0
}
.footerguides span.btmline,
.sitemapmenu span.btmline {
 position:absolute;
 width:30px;
 height:3px;
 left:0;
 bottom:-10px;
 background-color:#4987f1;
 display:block;
 -webkit-transition:all .6s linear;
 transition:all .6s linear
}
.menubox:hover span.btmline {
 width:60px
}
.footerguides {
 padding:20px 0 30px 0
}
.footerguides h3 {
 margin-bottom:20px
}
.footerguides h5 a {
 color:#909090;
 -webkit-transition:all .6s linear;
 transition:all .6s linear
}
.footerguides h5 a:hover {
 color:#4987f1
}
.footerguides .linel {
 background-color:#939393;
 height:1px;
 margin-top:11px
}
.footerSitemapwrap .copyrtrw a {
 color:#333;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.footerSitemapwrap .copyrtrw a:hover {
 color:#4987f1
}
.footerSitemapwrap .littleinfo {
 font-family:Raleway,sans-serif;
 font-size:15px;
 color:#282828
}
.dmcarw {
 padding-top:35px
}
.dmcarw .socialmediaiconsrow {
 position:static;
 left:auto;
 top:auto;
 text-align:center
}
.aboutblockchainwrap {
 padding:40px 100px 120px 100px
}
.aboutblockchainwrap h2 {
 font-family:'Open Sans',sans-serif;
 font-size:50px;
 line-height:60px;
 color:#05c2db;
 text-align:center;
 margin:0;
 margin-bottom:20px
}
.aboutblockchainwrap .infobchain {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#767676;
 line-height:36px;
 text-align:center
}
.aboutblockchainwrap .infobchain p {
 margin-bottom:30px
}
.blockchainhelpwrap {
 position:relative
}
.blockchainhelpwrap .blockchangetheame {
 background:#00c0da;
 padding:50px 100px;
 background:-webkit-linear-gradient(left,#00c0da 0,#80fff2 100%);
 background:linear-gradient(to right,#00c0da 0,#80fff2 100%);
 min-height:600px
}
.blockchainhelpwrap h3 {
 font-size:50px;
 color:#fff;
 line-height:60px;
 font-weight:700;
 text-transform:uppercase
}
.blockchainhelpiconbx {
 position:relative;
 background-color:#fff;
 padding:30px;
 margin:0 100px;
 margin-top:-420px;
 box-shadow:10px 40px 30px 5px rgba(27,205,222,.05)
}
.blockchainhelpbx {
 position:relative;
 padding:30px;
 margin-bottom:40px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.blockchainhelpiconbx.augmented .blockchainhelpbx {
 padding:20px 20px 10px 20px
}
.blockchainhelpbx:hover {
 box-shadow:25px 27px 41px 9px rgba(27,206,222,.14)
}
.blockchainhelpbx .rtsbds {
 position:absolute;
 top:0;
 right:0;
 width:1px;
 height:100%;
 background-color:#e9e9e9
}
.blockchainhelpbx .rtsbds.showmv {
 display:none
}
.blockchainhelpbx .btsbds {
 position:absolute;
 left:0;
 right:30px;
 bottom:-25px;
 height:1px;
 background-color:#e9e9e9
}
.blockchainhelpbx .btsbds.showmv {
 display:none
}
.blchiconrw {
 text-align:center
}
.blchiconrw .blcchain_icon {
 width:60px;
 height:60px;
 background:url(../img/blockchain_icons.png) no-repeat;
 background-size:120px 540px;
 margin:25px 10px 10px 10px;
 display:inline-block;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.blchiconrw .blcchain_icon.incorruptible {
 background-position:0 0
}
.blockchainhelpbx:hover .blchiconrw .blcchain_icon.incorruptible {
 background-position:-60px 0
}
.blchiconrw .blcchain_icon.single_entity {
 background-position:0 -60px
}
.blockchainhelpbx:hover .blchiconrw .blcchain_icon.single_entity {
 background-position:-60px -60px
}
.blchiconrw .blcchain_icon.offailure {
 background-position:0 -120px
}
.blockchainhelpbx:hover .blchiconrw .blcchain_icon.offailure {
 background-position:-60px -120px
}
.blchiconrw .blcchain_icon.automation {
 background-position:0 -180px
}
.blockchainhelpbx:hover .blchiconrw .blcchain_icon.automation {
 background-position:-60px -180px
}
.blchiconrw .blcchain_icon.cost {
 background-position:0 -240px
}
.blockchainhelpbx:hover .blchiconrw .blcchain_icon.cost {
 background-position:-60px -240px
}
.blchiconrw .blcchain_icon.reducetime {
 background-position:0 -300px
}
.blockchainhelpbx:hover .blchiconrw .blcchain_icon.reducetime {
 background-position:-60px -300px
}
.blchiconrw .blcchain_icon.duplication {
 background-position:0 -360px
}
.blockchainhelpbx:hover .blchiconrw .blcchain_icon.duplication {
 background-position:-60px -360px
}
.blchiconrw .blcchain_icon.data_security {
 background-position:0 -420px
}
.blockchainhelpbx:hover .blchiconrw .blcchain_icon.data_security {
 background-position:-60px -420px
}
.blchiconrw .blcchain_icon.reduce_risk {
 background-position:0 -480px
}
.blockchainhelpbx:hover .blchiconrw .blcchain_icon.reduce_risk {
 background-position:-60px -480px
}
.blockchainhelpbx .blchheading {
 font-size:24px;
 color:#969696;
 line-height:32px;
 text-align:center;
 text-transform:uppercase;
 min-height:70px
}
.blockchainhelpbx:hover .blchheading {
 color:#06c3db
}
.business_need_wrap {
 padding:140px 100px 80px 0
}
.businessneed_leftCon {
 width:900px;
 float:left
}
.businessneed_leftCon .first_circle {
 position:relative;
 width:900px;
 height:800px;
 background:#afeef3;
 background:-webkit-linear-gradient(left,#afeef3 0,#c4f8f8 100%);
 background:linear-gradient(to right,#afeef3 0,#c4f8f8 100%);
 border-radius:0 400px 400px 0
}
.businessneed_leftCon.chatbot .first_circle {
 background:0 0;
 background-color:rgba(189,173,255,.1)
}
.businessneed_leftCon .second_circle {
 position:absolute;
 left:0;
 top:60px;
 right:60px;
 bottom:60px;
 background:#7be2ec;
 background:-webkit-linear-gradient(left,#7be2ec 0,#9cf2f2 100%);
 background:linear-gradient(to right,#7be2ec 0,#9cf2f2 100%);
 border-radius:0 340px 340px 0;
 z-index:1
}
.businessneed_leftCon.reacttech .first_circle {
 background:#eaf6ff
}
.businessneed_leftCon.reacttech .second_circle {
 background:#def2ff
}
.businessneed_leftCon.chatbot .second_circle {
 background:0 0;
 background-color:rgba(22,88,255,.1)
}
.businessneed_leftCon .second_circle .imgbxx {
 position:absolute;
 left:0;
 top:60px;
 right:60px;
 bottom:60px;
 background:url(../img/business_need.jpg) no-repeat;
 background-size:cover;
 border-radius:0 280px 280px 0;
 overflow:hidden
}
.businessneed_leftCon .restaurant_chatbx {
 position:absolute;
 width:300px;
 height:85px;
 right:30px;
 bottom:270px;
 background:url(../img/restaurant_nearby.png) no-repeat;
 background-size:100% 100%;
 z-index:9
}
.businessneed_leftCon .caniHelpus {
 position:absolute;
 width:300px;
 height:87px;
 right:160px;
 bottom:360px;
 background:url(../img/how_can_help.png) no-repeat;
 background-size:100% 100%;
 z-index:9
}
.businessneed_leftCon.reacttech .second_circle .imgbxx {
 background:url(../img/react_development_apps_ban.jpg) no-repeat;
 background-size:cover
}
.businessneed_leftCon.chatbot .second_circle .imgbxx {
 background:url(../img/chatbot_business.jpg) no-repeat;
 background-size:cover
}
.business_rtCon {
 margin-left:960px;
 padding-top:100px
}
.business_rtCon.wearables {
 padding-top:70px
}
.business_rtCon.chatbot {
 padding-top:180px
}
.business_rtCon.reactpg {
 padding-top:0
}
.business_rtCon .smheading {
 font-family:'Open Sans',sans-serif;
 font-size:32px;
 color:#000;
 line-height:40px;
 text-transform:uppercase
}
.business_rtCon .bigheading {
 position:relative;
 font-family:'Open Sans',sans-serif;
 font-size:50px;
 line-height:60px;
 color:#05c2db;
 margin:0;
 text-transform:uppercase
}
.business_rtCon.chatbot .smheading {
 font-size:36px;
 line-height:50px;
 font-weight:300
}
.business_rtCon .smheading span {
 display:block
}
.business_rtCon .bigheading:after {
 position:absolute;
 left:0;
 content:'';
 bottom:-20px;
 width:140px;
 height:2px;
 background:#4ea2c8;
 background:-webkit-linear-gradient(left,#4ea2c8 1%,#4ee0e0 100%);
 background:linear-gradient(to right,#4ea2c8 1%,#4ee0e0 100%)
}
.business_rtCon .businessinfo,
.picktechugobox .pickinfo {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#767676;
 line-height:36px;
 text-align:justify;
 margin-top:50px
}
.business_rtCon.chatbot .businessinfo {
 margin-top:30px
}
.business_rtCon .businessinfo p {
 margin-bottom:30px
}
.picktechugobox {
 position:relative;
 margin-bottom:40px
}
.picktechugobox img {
 width:100%;
 height:auto
}
.picktechugobox .headingbx {
 font-family:'Open Sans',sans-serif;
 font-size:50px;
 line-height:60px;
 margin:0;
 text-align:center
}
.picktechugobox .pickinfo {
 color:#9d9d9d;
 text-align:center;
 margin-top:30px
}
.picktechugobox .container {
 position:absolute;
 width:900px;
 left:50%;
 bottom:50px;
 margin-left:-450px
}
.blockchain_sliderbx {
 position:relative
}
.blockchain_sliderbx .sliderbg {
 background:#00c0da;
 padding:50px 100px;
 background:-webkit-linear-gradient(left,#00c0da 0,#80fff2 100%);
 background:linear-gradient(to right,#00c0da 0,#80fff2 100%);
 min-height:480px
}
.blcChSlbx {
 background-color:#fff;
 margin:0 100px;
 margin-top:-380px;
 box-shadow:-75.383px 61.044px 49px 0 rgba(27,205,222,.08)
}
.owl-carousel .owl-prev {
 position:absolute;
 width:50px;
 height:50px;
 top:50%;
 left:-60px;
 margin-top:-12px;
 border-radius:50%;
 background:url(../img/chain_arrow.png) center center no-repeat #fff;
 background-size:32px 23px;
 text-indent:-9999px;
 box-shadow:0 0 5px rgba(0,0,0,.1);
 border:0;
 outline:0
}
.owl-carousel .owl-next {
 position:absolute;
 width:50px;
 height:50px;
 top:50%;
 right:-60px;
 margin-top:-12px;
 border-radius:50%;
 background:url(../img/chain_arrow1.png) center center no-repeat #fff;
 background-size:32px 23px;
 text-indent:-9999px;
 box-shadow:0 0 5px rgba(0,0,0,.1);
 border:0;
 outline:0
}
.blockchain_offers {
 padding:150px 100px 150px 100px
}
.blockchain_offers h3 {
 position:relative;
 font-size:50px;
 color:#000;
 line-height:60px;
 text-transform:uppercase;
 display:inline-block;
 font-weight:700
}
.blockchain_offers h3:after {
 position:absolute;
 content:'';
 left:50%;
 bottom:-5px;
 width:70px;
 margin-left:-35px;
 height:2px;
 background-color:#000
}
.blcchainingblockCon {
 padding-top:80px
}
.blcdvelopemtrow {
 padding:0 30px;
 padding-bottom:60px
}
.blcchaincircle {
 position:relative;
 width:130px;
 height:130px;
 float:left;
 display:block;
 border-radius:50%
}
.blcchaincircle .blcch_iconbx {
 position:absolute;
 left:50%;
 top:50%;
 margin:-40px 0 0 -40px;
 width:80px;
 height:80px;
 border-radius:50%;
 background:#00c0da;
 background:-webkit-linear-gradient(top,#00c0da 0,#80fff2 100%);
 background:linear-gradient(to bottom,#00c0da 0,#80fff2 100%);
 z-index:12
}
.blcchaincircle .blcch_iconbx span {
 position:absolute;
 width:50px;
 height:42px;
 left:50%;
 top:50%;
 margin-left:-25px;
 margin-top:-21px;
 background:url(../img/offers_icon.png) no-repeat;
 background-size:50px 333px
}
.blcchaincircle .blcch_iconbx span.ico_development {
 background-position:0 0
}
.blcchaincircle .blcch_iconbx span.poc_development {
 background-position:0 -42px
}
.blcchaincircle .blcch_iconbx span.smart_contract_development {
 background-position:0 -84px
}
.blcchaincircle .blcch_iconbx span.private_blockchain_development {
 background-position:0 -126px
}
.blcchaincircle .blcch_iconbx span.cryptocurrency_development {
 background-position:0 -168px
}
.blcchaincircle .blcch_iconbx span.wallets_development {
 background-position:0 -210px
}
.blcchaincircle .blcch_iconbx span.hyperLedger_developemnt {
 background-position:0 -251px
}
.blcchaincircle .blcch_iconbx span.solidity_language {
 background-position:0 -291px
}
.blcdvelopemtrow .blcdevCon {
 position:relative;
 margin-left:200px
}
.blcdvelopemtrow .blcdevCon .numbx {
 font-family:ariblk;
 position:absolute;
 left:-60px;
 top:-60px;
 font-size:400px;
 line-height:300px;
 color:#f8f8f8;
 z-index:-1
}
.chainbdr_rt {
 position:absolute;
 top:0;
 right:-1px;
 height:100%;
 width:1px;
 background:#eeeded
}
.chainbdr_lt {
 position:absolute;
 left:0;
 height:100%;
 width:1px;
 background:#eeeded
}
.chainbdr_lt i {
 position:absolute;
 top:0;
 left:0;
 width:1px
}
.chainbdr_rt i {
 position:absolute;
 top:0;
 right:0;
 width:1px
}
.chainbdr_lt i.top0,
.chainbdr_rt i.top0 {
 top:0;
 height:70px;
 background-color:#ff902d
}
.chainbdr_lt i.top50,
.chainbdr_rt i.top50 {
 top:45%;
 height:100px;
 background-color:#818dff
}
.chainbdr_lt i.top100,
.chainbdr_rt i.top100 {
 top:auto;
 bottom:0;
 height:50px;
 background-color:#81b9ff
}
.blcdvelopemtrow .blcdevCon h4 {
 position:relative;
 font-size:28px;
 line-height:36px;
 color:#282828
}
.blcdvelopemtrow .blcdevCon h4:after {
 position:absolute;
 left:0;
 content:'';
 bottom:-10px;
 width:100px;
 height:4px;
 background:#4ea2c8;
 background:-webkit-linear-gradient(left,#4ea2c8 1%,#4ee0e0 100%);
 background:linear-gradient(to right,#4ea2c8 1%,#4ee0e0 100%)
}
.blcdvelopemtrow .blcdevesminfo {
 font-family:Raleway,sans-serif;
 font-size:18px;
 line-height:36px;
 color:#9d9d9d;
 text-align:justify;
 padding-top:20px
}
.blockchain_development {
 padding:80px 100px;
 background:url(../img/border_show.jpg) top repeat-x
}
.blockchain_development.ai {
 background:0 0;
 padding-top:0
}
.blockchain_development .blcdeveinfo {
 font-family:Raleway,sans-serif;
 font-size:18px;
 line-height:36px;
 color:#9d9d9d;
 text-align:center;
 margin:30px 0;
 padding:0 100px
}
.blcdeveoption {
 padding-top:40px
}
.blcdeveoption ul {
 margin:0 20px;
 padding:0
}
.blcdeveoption ul.option1 li:first-child {
 margin-bottom:250px
}
.blockchain_development.ai .blcdeveoption ul.option1 li:first-child span {
 border:5px solid #1f7ae2
}
.blockchain_development.ai .blcdeveoption ul.option1 li:hover:first-child {
 border:1px solid #1f7ae2;
 box-shadow:0 0 12px 6px rgba(131,136,255,.1)
}
.blcdeveoption ul.option1 li:nth-child(2),
.blcdeveoption ul.option1 li:nth-child(3),
.blcdeveoption ul.option1 li:nth-child(4) {
 margin-bottom:250px
}
.blcdeveoption ul.option1 li:nth-child(4) {
 margin-bottom:50px
}
.blcdeveoption ul.option2 li:first-child {
 margin-top:160px
}
.blcdeveoption ul.option2 li:nth-child(2),
.blcdeveoption ul.option2 li:nth-child(3) {
 margin-top:250px
}
.blcdeveoption ul.option3 li:first-child {
 margin-top:75px
}
.blcdeveoption ul.option3 li:nth-child(2),
.blcdeveoption ul.option3 li:nth-child(3),
.blcdeveoption ul.option3 li:nth-child(4) {
 margin-top:200px
}
.blcdeveoption ul li {
 font-family:Raleway,sans-serif;
 position:relative;
 list-style:none;
 font-size:18px;
 color:#000;
 padding:20px;
 padding-left:60px;
 font-weight:400;
 line-height:36px;
 border-radius:36px;
 border:1px solid #fff;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.blcdeveoption ul li:hover {
 border:1px solid #ffa645;
 box-shadow:0 0 12px 6px rgba(255,169,69,.1)
}
.blcdeveoption ul li.ethreum:hover {
 border:1px solid #fb6081;
 box-shadow:0 0 12px 6px rgba(251,96,129,.1)
}
.blcdeveoption ul li.enhanced:hover {
 border:1px solid #ff4545;
 box-shadow:0 0 12px 6px rgba(255,69,129,.1)
}
.blcdeveoption ul li.streamlines:hover {
 border:1px solid #1fe251!important;
 box-shadow:0 0 12px 6px rgba(21,226,81,.1)!important
}
.blcdeveoption ul.option1 li+li:hover {
 border:1px solid #ff7b81;
 box-shadow:0 0 12px 6px rgba(255,123,129,.1)
}
.blockchain_development.ai .blcdeveoption ul.option1 li+li:hover {
 border:1px solid #1fe251;
 box-shadow:0 0 12px 6px rgba(31,226,81,.1)
}
.blockchain_development.ai .blcdeveoption ul.option1 li+li+li:hover {
 border:1px solid #ff4545;
 box-shadow:0 0 12px 6px rgba(255,69,69,.1)
}
.blockchain_development.ai .blcdeveoption ul.option1 li+li+li+li:hover {
 border:1px solid #45ffeb;
 box-shadow:0 0 12px 6px rgba(69,255,255,.1)
}
.blcdeveoption ul.option2 li:hover {
 border:1px solid #279eff;
 box-shadow:0 0 12px 6px rgba(39,158,255,.1)
}
.blockchain_development.ai .blcdeveoption ul.option2 li:hover {
 border:1px solid #ffa645;
 box-shadow:0 0 12px 6px rgba(255,166,69,.1)
}
.blcdeveoption ul.option2 li+li:hover {
 border:1px solid #b282ff;
 box-shadow:0 0 12px 6px rgba(178,130,255,.1)
}
.blockchain_development.ai .blcdeveoption ul.option2 li+li:hover {
 border:1px solid #45ffeb;
 box-shadow:0 0 12px 6px rgba(69,255,235,.1)
}
.blockchain_development.ai .blcdeveoption ul.option2 li+li+li:hover {
 border:1px solid #1f7ae2;
 box-shadow:0 0 12px 6px rgba(31,122,266,.1)
}
.blcdeveoption ul.option3 li+li:hover {
 border:1px solid #8388ff;
 box-shadow:0 0 12px 6px rgba(131,136,255,.1)
}
.blcdeveoption ul.option3 li+li+li:hover {
 border:1px solid #ffa421;
 box-shadow:0 0 12px 6px rgba(255,164,33,.1)
}
.blcdeveoption ul li span {
 position:absolute;
 left:20px;
 top:26px;
 width:24px;
 height:24px;
 border:5px solid #ffa645;
 border-radius:50%;
 display:inline-block
}
.blcdeveoption ul.option1 li+li span {
 border:5px solid #ff7b81
}
.blockchain_development.ai .blcdeveoption ul.option1 li+li span {
 border:5px solid #1fe251
}
.blockchain_development.ai .blcdeveoption ul.option1 li+li+li span {
 border:5px solid #ff4545
}
.blockchain_development.ai .blcdeveoption ul.option1 li+li+li+li span {
 border:5px solid #45ffeb
}
.blcdeveoption ul.option2 li span {
 border:5px solid #279eff
}
.blockchain_development.ai .blcdeveoption ul.option2 li span {
 border:5px solid #ffa645
}
.blcdeveoption ul.option2 li+li span {
 border:5px solid #b282ff
}
.blockchain_development.ai .blcdeveoption ul.option2 li+li span {
 border:5px solid #45ffeb
}
.blockchain_development.ai .blcdeveoption ul.option2 li+li+li span {
 border:5px solid #1f7ae2
}
.blcdeveoption ul.option3 li span {
 border:5px solid #fb6081
}
.blockchain_development.ai .blcdeveoption ul.option3 li span {
 border:5px solid #ff4545
}
.blcdeveoption ul.option3 li+li span {
 border:5px solid #8388ff
}
.blockchain_development.ai .blcdeveoption ul.option3 li+li span {
 border:5px solid #4552ff
}
.blcdeveoption ul.option3 li+li+li span {
 border:5px solid #ffa627
}
.blockchain_development.ai .blcdeveoption ul.option3 li+li+li span {
 border:5px solid #1fe251
}
.blockchain_development.ai .blcdeveoption ul.option3 li+li+li+li span {
 border:5px solid #ffa645
}
.optionbdr {
 border-left:1px solid #d7d7d7;
 border-right:1px solid #d7d7d7
}
.designbdr {
 position:absolute;
 left:0;
 top:170px;
 height:60px;
 width:1px;
 background-color:#279eff
}
.blockchain_development.ai .designbdr {
 background-color:#ffa645
}
.blockchain_development .designbdr.twored {
 background-color:#ff4545
}
.designbdr.next1 {
 position:absolute;
 top:auto;
 bottom:150px;
 background-color:#b282ff
}
.blockchain_development.ai .designbdr.next1 {
 top:500px;
 bottom:auto;
 background-color:#45ffeb
}
.blockchain_development.ai .designbdr.next1.lastone {
 top:auto;
 bottom:220px;
 background-color:#1f7ae2
}
.designbdr.next2 {
 position:absolute;
 top:80px;
 left:auto;
 right:0;
 background-color:#fb6081
}
.designbdr.next3 {
 position:absolute;
 top:360px;
 left:auto;
 right:0;
 background-color:#8388ff
}
.designbdr.next4 {
 position:absolute;
 top:auto;
 left:auto;
 right:0;
 bottom:0;
 background-color:#ffa421
}
.blockchain_development.ai .designbdr.next3 {
 background-color:#4552ff
}
.blockchain_development.ai .designbdr.next4 {
 top:640px;
 bottom:auto;
 background-color:#1fe251
}
.blockchain_development.ai .designbdr.next4.lastone {
 top:auto;
 bottom:140px;
 background-color:#ffa645
}
.reactnativetechnology {
 padding:0 100px;
 padding-top:80px
}
.reactnativetechnology .reactConbx {
 position:relative
}
.reactnativetechnology .reactConbx h3 {
 font-family:'Open Sans',sans-serif;
 color:#46a7ff;
 font-size:30px;
 line-height:30px
}
.reactnativetechnology .reactConbx h2 {
 color:#46a7ff;
 font-size:40px;
 font-weight:500;
 line-height:40px;
 text-transform:uppercase;
 margin-bottom:40px
}
.smtinfo {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#9d9d9d;
 line-height:36px
}
.reacttechboxwrap {
 position:relative;
 text-align:right;
 float:right;
 min-height:960px
}
.reacttechboxwrap .reactrdbxCon {
 position:relative;
 width:240px;
 display:inline-block
}
.reacttechboxwrap .bdrreactAngle {
 position:absolute;
 right:160px;
 top:260px;
 width:300px;
 height:300px;
 border-radius:0 0 40px 0;
 border-right:2px dashed #72c4ff;
 border-bottom:2px dashed #72c4ff
}
.reacttechboxwrap .bdrreactAngle1 {
 position:absolute;
 left:-300px;
 top:620px;
 width:260px;
 height:260px;
 border-radius:0 0 0 40px;
 border-left:2px dashed #72c4ff;
 border-bottom:2px dashed #72c4ff
}
.bdrreactAngle .startdots,
.bdrreactAngle1 .startdots {
 position:absolute;
 right:-6px;
 top:0;
 width:12px;
 height:12px;
 margin-top:-6px;
 border-radius:50%;
 background-color:#2691ff
}
.bdrreactAngle1 .startdots {
 right:auto;
 left:-6px
}
.bdrreactAngle .endsdots,
.bdrreactAngle1 .endsdots {
 position:absolute;
 left:-10px;
 bottom:-10px;
 width:20px;
 height:20px;
 border-radius:50%;
 background-color:#b2d8ff
}
.bdrreactAngle1 .endsdots {
 left:auto;
 right:-10px
}
.bdrreactAngle .smdot,
.bdrreactAngle1 .smdot {
 position:absolute;
 width:8px;
 height:8px;
 left:50%;
 top:50%;
 margin-left:-4px;
 margin-top:-4px;
 border-radius:50%;
 background-color:#2691ff
}
.reacttechboxwrap .reactrdbxCon.secondrow_element1 {
 position:absolute;
 left:-400px;
 top:350px
}
.reacttechboxwrap .reactrdbxCon.secondrow_element2 {
 position:absolute;
 left:0;
 top:350px
}
.reacttechboxwrap .reactrdbxCon.thirdrow_element1 {
 position:absolute;
 left:0;
 top:700px
}
.reacttechboxwrap .reactrdbx {
 width:240px;
 height:240px;
 padding:20px 5px 20px 20px;
 background-color:#fff;
 border:1px solid #a0d2ff;
 border-radius:24px;
 box-shadow:-23px 23px 23px 13px rgba(119,200,225,.1);
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.reactrdbxCon:hover .reactrdbx {
 background:#07f;
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%)
}
.reactrdbx .iconbxrows {
 margin-bottom:15px
}
.reactrdbx .iconbxwrap {
 width:110px;
 height:110px;
 padding:15px;
 border-radius:50%;
 background-color:#f1f9ff;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.reactrdbxCon:hover .reactrdbx .iconbxwrap {
 background-color:rgba(255,255,255,.11)
}
.reactrdbx .iconbxs {
 position:relative;
 width:80px;
 height:80px;
 border-radius:50%;
 background-color:#e4f3ff;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.reactrdbxCon:hover .reactrdbx .iconbxs {
 background-color:rgba(255,255,255,.13)
}
.reactrdbx .iconbxs span {
 position:absolute;
 width:46px;
 height:46px;
 left:50%;
 top:50%;
 margin-left:-23px;
 margin-top:-23px;
 background:url(../img/react_native_icon.png) no-repeat;
 background-size:92px 230px;
 display:block;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.reactrdbx .iconbxs span.flawless {
 background-position:0 0
}
.reactrdbxCon:hover .reactrdbx .iconbxs span.flawless {
 background-position:-46px 0
}
.reactrdbx .iconbxs span.seamless {
 background-position:0 -46px
}
.reactrdbxCon:hover .reactrdbx .iconbxs span.seamless {
 background-position:-46px -46px
}
.reactrdbx .iconbxs span.innovation_apps {
 background-position:0 -92px
}
.reactrdbxCon:hover .reactrdbx .iconbxs span.innovation_apps {
 background-position:-46px -92px
}
.reactrdbx .iconbxs span.aesthetical_appeal {
 background-position:0 -138px
}
.reactrdbxCon:hover .reactrdbx .iconbxs span.aesthetical_appeal {
 background-position:-46px -138px
}
.reactrdbx .iconbxs span.high_performance {
 background-position:0 -184px
}
.reactrdbxCon:hover .reactrdbx .iconbxs span.high_performance {
 background-position:-46px -184px
}
.reactrdbx .reacttechnm {
 position:relative;
 font-size:18px;
 line-height:28px;
 color:#72c4ff;
 text-align:left;
 padding-left:15px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.reactrdbxCon:hover .reactrdbx .reacttechnm {
 color:#fff
}
.reactrdbx .reacttechnm span.dotsline {
 position:absolute;
 left:0;
 top:0;
 width:2px;
 height:100%;
 border-left:2px dotted #72c4ff;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.reactrdbxCon:hover .reactrdbx .reacttechnm span.dotsline {
 border-color:#fff
}
.dotswrap {
 position:relative;
 width:260px;
 height:240px;
 padding:0 10px;
 vertical-align:top;
 display:inline-block
}
.dotswrap.secondrow {
 position:absolute;
 width:150px;
 left:-160px;
 top:350px
}
.dotswrap .startdots {
 position:absolute;
 left:10px;
 top:50%;
 width:12px;
 height:12px;
 margin-top:-6px;
 border-radius:50%;
 background-color:#2691ff
}
.dotswrap.secondrow .startdots {
 left:auto;
 right:10px
}
.dotswrap .dashedline {
 position:absolute;
 left:30px;
 top:50%;
 margin-top:-1px;
 width:210px;
 height:2px;
 border-bottom:2px dashed #72c4ff
}
.dotswrap.secondrow .dashedline {
 width:96px
}
.dotswrap .endsdots {
 position:absolute;
 right:10px;
 top:50%;
 width:20px;
 height:20px;
 margin-top:-10px;
 border-radius:50%;
 background-color:#b2d8ff
}
.dotswrap.secondrow .endsdots {
 left:10px;
 right:auto
}
.dotswrap .endsdots .smdot {
 position:absolute;
 width:8px;
 height:8px;
 left:50%;
 top:50%;
 margin-left:-4px;
 margin-top:-4px;
 border-radius:50%;
 background-color:#2691ff
}
.react_business_mustpic {
 padding:100px 100px;
 background:url(../img/atom_energy_bg.png) center center no-repeat;
 background-size:500px 446px;
 margin-top:80px
}
.react_business_mustpic.nodejsbx {
 padding:150px 100px 150px 100px;
 background:url(../img/nodejs_logo.png) center center no-repeat;
 background-size:360px 403px;
 margin-top:80px
}
.react_business_mustpic.nodejsbx.ionic {
 background:url(../img/ionic_greylogo_icon.png) center center no-repeat;
 background-size:360px 360px
}
.react_business_mustpic .subheadingbx,
.techugo_revolutionize .subheadingbx {
 font-family:'Open Sans',sans-serif;
 color:#46a7ff;
 font-size:30px;
 line-height:30px;
 text-align:center;
 padding-top:30px;
 margin-bottom:15px
}
.techugo_revolutionize.nodejsbox .subheadingbx {
 font-size:40px;
 line-height:40px
}
.techugo_revolutionize.iphonebx .subheadingbx {
 font-size:40px;
 line-height:40px
}
.react_business_mustpic .mainheadingbx,
.techugo_revolutionize .mainheadingbx {
 color:#46a7ff;
 font-size:40px;
 line-height:40px;
 font-weight:500;
 text-align:center;
 text-transform:uppercase;
 margin-bottom:40px
}
.techugo_revolutionize.nodejsbox .mainheadingbx {
 font-size:70px;
 line-height:80px
}
.react_business_mustpic.nodejsbx .mainheadingbx {
 font-size:60px;
 line-height:60px;
 font-weight:300
}
.techugo_revolutionize.android .mainheadingbx {
 color:#00c0da
}
.techugo_revolutionize.iphonebx .mainheadingbx {
 font-size:70px;
 line-height:80px
}
.react_business_mustpic .smtinfo {
 text-align:center
}
.react_native_appSec {
 padding:130px 0 230px 0;
 background:url(../img/react_native_bg_theame.png) no-repeat;
 background-size:cover
}
.react_native_appSec .mobileAppsc {
 position:relative;
 width:700px;
 height:940px;
 background:url(../img/react_mobile-wrap.png) no-repeat;
 background-size:700px 940px;
 margin:auto
}
.react_native_appSec .mobileAppsc .userbx {
 position:absolute;
 width:210px;
 height:290px;
 left:-180px;
 top:300px;
 padding:20px;
 border-radius:10px;
 background-color:#fff
}
.react_native_appSec .mobileAppsc .userbx.btm {
 top:auto;
 bottom:200px;
 left:auto;
 right:0
}
.react_native_appSec .mobileAppsc .btnrw,
.react_native_appSec .mobileAppsc .usrrw {
 text-align:center
}
.react_native_appSec .mobileAppsc .usrrw .userimgbx {
 width:80px;
 height:80px;
 border-radius:50%;
 background-color:#f4f4f4;
 display:inline-block;
 overflow:hidden
}
.react_native_appSec .mobileAppsc .usrrw .userimgbx img {
 width:100%;
 height:100%
}
.react_native_appSec .mobileAppsc .usrnm {
 font-family:'Open Sans',sans-serif;
 font-size:28px;
 color:#000;
 text-align:center
}
.react_native_appSec .mobileAppsc .btnrw .acceptbtn {
 background-color:#3d9fdd;
 padding:12px 40px;
 color:#fff;
 border-radius:5px;
 margin-top:15px
}
.react_native_appSec .mobileAppsc .btnrw .acceptbtn.dicline {
 background-color:#a0a0a0
}
.reactripple {
 position:absolute;
 bottom:330px;
 right:-300px;
 background-color:#6bc8c1;
 width:8em;
 height:8em;
 border-radius:50%;
 -webkit-animation:reactsripple .7s linear infinite;
 animation:reactsripple .7s linear infinite
}
.reactripple .loactionview {
 position:absolute;
 left:50%;
 top:50%;
 width:60px;
 height:62px;
 margin:-30px 0 0 -31px;
 background:url(../img/location_view_icon.png);
 background-size:100% 100%
}
@-webkit-keyframes reactsripple {
 0% {
  box-shadow:0 0 0 0 rgba(107,200,193,.3),0 0 0 1.5em rgba(107,200,193,.3),0 0 0 2.5em rgba(107,200,193,.3),0 0 0 3.5em rgba(107,200,193,.3)
 }
 100% {
  box-shadow:0 0 0 1.5em rgba(107,200,193,.3),0 0 0 2.5em rgba(107,200,193,.3),0 0 0 3.5em rgba(107,200,193,.3),0 0 0 4.5em rgba(107,200,193,0)
 }
}
@keyframes reactsripple {
 0% {
  box-shadow:0 0 0 0 rgba(107,200,193,.3),0 0 0 1.5em rgba(107,200,193,.3),0 0 0 2.5em rgba(107,200,193,.3),0 0 0 3.5em rgba(107,200,193,.3)
 }
 100% {
  box-shadow:0 0 0 1.5em rgba(107,200,193,.3),0 0 0 2.5em rgba(107,200,193,.3),0 0 0 3.5em rgba(107,200,193,.3),0 0 0 4.5em rgba(107,200,193,0)
 }
}
.techugo_revolutionize {
 margin-top:-200px
}
.techugo_revolutionize.chatbots {
 margin-top:0
}
.techugo_revolutionize.nodejsbox {
 margin-top:0;
 margin-bottom:120px
}
.techugo_revolutionize.uiux {
 margin:50px 0
}
.techugo_revolutionize.nodejsbox.ionicbx {
 margin-top:100px
}
.techugo_revolutionize.iphonebx {
 position:relative;
 margin-top:-140px;
 background-color:#fff;
 z-index:1
}
.techugo_revolutionize .imagebx {
 position:relative
}
.techugo_revolutionize .imagebx .sectiontitle {
 position:absolute;
 left:0;
 right:0;
 bottom:20px
}
.techugo_revolutionize.uiux .imagebx .sectiontitle {
 color:#ff3c00;
 bottom:0
}
.techugo_revolutionize .imagebx img {
 width:100%;
 height:auto
}
.techugo_revolutionize .smtinfo {
 padding:0 100px;
 margin-top:10px;
 text-align:justify
}
.techugo_revolutionize.chatbots .smtinfo,
.techugo_revolutionize.react .smtinfo {
 text-align:center
}
.techugo_revolutionize.uiux .smtinfo {
 text-align:center;
 margin-top:40px
}
.techugo_revolutionize.iphonebx .smtinfo,
.techugo_revolutionize.nodejsbox .smtinfo {
 text-align:center;
 margin-top:40px
}
.techugo_revolutionize .mainheadingbx {
 margin-bottom:0
}
.techugo_revolutionize .subheadingbx {
 padding-top:15px;
 text-transform:uppercase
}
.revolutionize_graphwrap {
 float:right
}
.revolutionize_graphwrap .graphbxrw {
 width:320px;
 float:left
}
.revolutionize_graphwrap .graphbxrw.firstrw {
 margin-top:60px;
 margin-right:20px
}
.revolutionize_graphwrap .graphbxrw .graphbx {
 position:relative;
 width:320px;
 height:320px;
 border-radius:8px;
 background-color:#fff;
 box-shadow:-23px 23px 23px 13px rgba(119,200,225,.1);
 margin-bottom:20px
}
.revolutionize_graphwrap .graphbxrw .graphbx h3 {
 font-size:20px;
 color:#ffa645;
 line-height:28px;
 text-align:center;
 padding:50px 15px 15px 15px
}
.revolutionize_graphwrap .graphbxrw .graphbx h3.realoding {
 color:#ff7b81
}
.revolutionize_graphwrap .graphbxrw .graphbx h3.helps {
 color:#279eff
}
.revolutionize_graphwrap .graphbxrw .graphbx h3.building_blocks {
 color:#b186ff
}
.revolutionize_graphwrap .graphbxrw .graphbx h3.objectivel {
 color:#f28544
}
.revolutionize_graphwrap .graphbxrw .graphbx span {
 position:absolute;
 width:100px;
 height:100px;
 left:50%;
 margin-left:-50px;
 bottom:30px;
 background:url(../img/react_developments_icons.png);
 background-size:100px 500px
}
.revolutionize_graphwrap .graphbxrw .graphbx span.developmentsAppsFaster {
 background-position:0 0
}
.revolutionize_graphwrap .graphbxrw .graphbx span.hot_realoding {
 background-position:0 -100px
}
.revolutionize_graphwrap .graphbxrw .graphbx span.helps {
 background-position:0 -200px
}
.revolutionize_graphwrap .graphbxrw .graphbx span.building_blocks {
 background-position:0 -300px
}
.revolutionize_graphwrap .graphbxrw .graphbx span.objectivel {
 background-position:0 -400px
}
.revolutionize_graphwrap .graphbxrw .graphbx.developsapp {
 background:url(../img/react_development_graph_01.png) no-repeat;
 background-size:100% auto;
 background-position:0 50px
}
.revolutionize_graphwrap .graphbxrw .graphbx.developsapp1 {
 background:url(../img/react_development_graph_02.png) no-repeat;
 background-size:100% auto;
 background-position:0 50px
}
.revolutionize_graphwrap .graphbxrw .graphbx.developsapp2 {
 background:url(../img/react_development_graph_03.png) no-repeat;
 background-size:100% auto;
 background-position:0 100px
}
.revolutionize_graphwrap .graphbxrw .graphbx.developsapp3 {
 background:url(../img/react_development_graph_04.png) no-repeat;
 background-size:100% auto;
 background-position:0 100px
}
.revolutionize_graphwrap .graphbxrw .graphbx.developsapp4 {
 background:url(../img/react_development_graph_05.png) no-repeat;
 background-size:100% auto;
 background-position:0 50px
}
.rectkeywordswrap {
 padding:100px;
 background:url(../img/border_show.jpg) top repeat-x
}
.rectkeywordswrap.chatbots {
 background:0 0
}
.rectkeywordswrap .keywordrow {
 position:relative;
 font-family:Raleway,sans-serif;
 padding:36px 15px;
 padding-left:60px;
 font-size:18px;
 color:#272727;
 border-bottom:1px solid #e7e8ee;
 border-right:1px solid #e7e8ee;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 cursor:pointer
}
.rectkeywordswrap .keywordrow:hover {
 box-shadow:-23px 23px 23px 13px rgba(119,200,225,.1)
}
.rectkeywordswrap .keywordrow span {
 position:absolute;
 left:20px;
 top:50%;
 width:24px;
 height:24px;
 margin-top:-12px;
 border:5px solid #ffa645;
 border-radius:50%;
 display:inline-block
}
.rectkeywordswrap .keywordrow span.lightblue {
 border:5px solid #279eff
}
.rectkeywordswrap .keywordrow span.light_purple {
 border:5px solid #b282ff
}
.rectkeywordswrap .keywordrow span.light_red {
 border:5px solid #ff7b81
}
.rectkeywordswrap .keywordrow span.blued {
 border:5px solid #7d89ff
}
.rectkeywordswrap .keywordrow span.sky {
 border:5px solid #3bc4dd
}
.rectkeywordswrap .keywordrow.lastbdr {
 border-right:0
}
.rectkeywordswrap .keywordrow.btmbdr {
 border-bottom:0
}
.rectkeywordswrap .padzerow {
 padding:0
}
.basketwrap {
 padding:20px 0 40px 0
}
.basketwrap .titlehea {
 position:relative;
 color:#46a7ff;
 font-size:40px;
 line-height:54px;
 text-align:center;
 font-weight:500;
 text-transform:uppercase
}
.basketwrap .titlehea:after {
 position:absolute;
 content:'';
 top:50%;
 left:0;
 right:0;
 height:1px;
 background-color:#1585ff
}
.basketwrap .titlehea:before {
 position:absolute;
 content:'';
 width:200px;
 height:10px;
 left:50%;
 bottom:48px;
 margin-left:-100px;
 background-color:#fff;
 z-index:1
}
.basketContent {
 padding:80px 160px;
 padding-right:100px
}
.basketinfobox {
 position:relative;
 padding-right:20px
}
.basketwrap.chatbots .basketinfobox {
 padding-right:0;
 min-height:300px
}
.dotsdownrow {
 position:absolute;
 width:1px;
 top:140px;
 left:0;
 height:160px;
 background:url(../img/down_dashed_row.png) repeat-y;
 background-size:1px 226px
}
.dotsdownrow.flrt {
 left:auto;
 right:0
}
.basketinfobox .basketiconbx {
 position:absolute;
 left:-80px;
 top:0;
 width:130px;
 height:130px
}
.basketinfobox.stepCh .basketiconbx {
 left:auto;
 right:-80px
}
.basketinfobox .basketiconbx .shiconbx {
 position:absolute;
 left:50%;
 top:50%;
 width:70px;
 height:70px;
 margin:-35px 0 0 -35px;
 border-radius:50%;
 background:#07f;
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%);
 box-shadow:0 9px 29px 0 rgba(60,159,255,.25)
}
.basketinfobox.num2 .basketiconbx .shiconbx {
 background:#8a3fff;
 background:-moz-linear-gradient(top,#8a3fff 0,#8590ff 100%);
 background:-webkit-linear-gradient(top,#8a3fff 0,#8590ff 100%);
 background:linear-gradient(to bottom,#8a3fff 0,#8590ff 100%);
 box-shadow:0 9px 29px 0 rgba(134,128,255,.25)
}
.basketinfobox.num3 .basketiconbx .shiconbx {
 background:#ffc000;
 background:-moz-linear-gradient(top,#ffc000 0,#ff7247 100%);
 background:-webkit-linear-gradient(top,#ffc000 0,#ff7247 100%);
 background:linear-gradient(to bottom,#ffc000 0,#ff7247 100%);
 box-shadow:0 9px 29px 0 rgba(255,129,58,.25)
}
.basketinfobox.num4 .basketiconbx .shiconbx {
 background:#5473f7;
 background:-moz-linear-gradient(top,#5473f7 0,#3ae0c3 100%);
 background:-webkit-linear-gradient(top,#5473f7 0,#3ae0c3 100%);
 background:linear-gradient(to bottom,#5473f7 0,#3ae0c3 100%);
 box-shadow:0 9px 29px 0 rgba(58,224,195,.25)
}
.basketinfobox.num5 .basketiconbx .shiconbx {
 background:#07f;
 background:-moz-linear-gradient(top,#07f 0,#80ceff 100%);
 background:-webkit-linear-gradient(top,#07f 0,#80ceff 100%);
 background:linear-gradient(to bottom,#07f 0,#80ceff 100%);
 box-shadow:0 9px 29px 0 rgba(91,180,255,.25)
}
.basketwrap.chatbots .basketinfobox .basketiconbx .shiconbx {
 font-size:30px;
 color:#fff;
 text-align:center;
 font-weight:500;
 line-height:70px
}
.basketinfobox .basketiconbx .shiconbx span {
 position:absolute;
 left:50%;
 top:50%;
 width:50px;
 height:50px;
 margin:-25px 0 0 -25px;
 background:url(../img/baskets_icons.png) no-repeat;
 background-size:50px 400px
}
.basketinfobox.nodejsfeatures .basketiconbx .shiconbx span {
 background:url(../img/basketsnodejs_icons_.png) no-repeat;
 background-size:50px 300px
}
.basketinfobox.uiuxfeatures .basketiconbx .shiconbx span {
 background:url(../img/uiux_features_icons.png) no-repeat;
 background-size:50px 450px
}
.ball-scale-ripple-multiple>div {
 position:absolute;
 width:130px;
 height:130px;
 border-radius:100%;
 border:1px solid #99d1ff;
 -webkit-animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);
 animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8)
}
.basketwrap.chatbots .basketinfobox.num2 .ball-scale-ripple-multiple>div {
 border:1px solid #8686ff
}
.basketwrap.chatbots .basketinfobox.num3 .ball-scale-ripple-multiple>div {
 border:1px solid #ff8e2d
}
.basketwrap.chatbots .basketinfobox.num4 .ball-scale-ripple-multiple>div {
 border:1px solid #41c3d1
}
.basketwrap.chatbots .basketinfobox.num5 .ball-scale-ripple-multiple>div {
 border:1px solid #59b3ff
}
.ball-scale-ripple-multiple {
 position:relative
}
.ball-scale-ripple-multiple>div:nth-child(0) {
 -webkit-animation-delay:-.8s;
 animation-delay:-.8s
}
.ball-scale-ripple-multiple>div:nth-child(1) {
 -webkit-animation-delay:-.6s;
 animation-delay:-.6s
}
.ball-scale-ripple-multiple>div:nth-child(2) {
 -webkit-animation-delay:-.4s;
 animation-delay:-.4s
}
.ball-scale-ripple-multiple>div:nth-child(3) {
 -webkit-animation-delay:-.2s;
 animation-delay:-.2s
}
@-webkit-keyframes ball-scale-ripple-multiple {
 0% {
  -webkit-transform:scale(.1);
  transform:scale(.1);
  opacity:1
 }
 70% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:.7
 }
 100% {
  opacity:0
 }
}
@keyframes ball-scale-ripple-multiple {
 0% {
  -webkit-transform:scale(.1);
  transform:scale(.1);
  opacity:1
 }
 70% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:.7
 }
 100% {
  opacity:0
 }
}
.basketinfobox .basketiconbx .shiconbx span.cross-platform {
 background-position:0 0
}
.basketinfobox .basketiconbx .shiconbx span.nativeapp {
 background-position:0 -50px
}
.basketinfobox .basketiconbx .shiconbx span.codebase {
 background-position:0 -100px
}
.basketinfobox .basketiconbx .shiconbx span.nativewidgets {
 background-position:0 -150px
}
.basketinfobox .basketiconbx .shiconbx span.liveupdates {
 background-position:0 -200px
}
.basketinfobox .basketiconbx .shiconbx span.interface {
 background-position:0 -250px
}
.basketinfobox .basketiconbx .shiconbx span.hotreloading {
 background-position:0 -300px
}
.basketinfobox .basketiconbx .shiconbx span.applayouts {
 background-position:0 -350px
}
.basketinfobox .basketiconbx .shiconbx span.appwireframing {
 background-position:0 -400px
}
.basketinfobox .basketdetails {
 margin-left:80px;
 padding-bottom:80px
}
.basketwrap.chatbots .basketinfobox .basketdetails {
 padding:20px;
 border-radius:0 20px 20px 20px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.basketwrap.chatbots .basketinfobox:hover .basketdetails {
 box-shadow:0 61px 57px 0 rgba(90,180,255,.14)
}
.basketwrap.chatbots .basketinfobox.num2:hover .basketdetails {
 box-shadow:0 61px 57px 0 rgba(134,143,255,.14)
}
.basketwrap.chatbots .basketinfobox.num3:hover .basketdetails {
 box-shadow:0 61px 57px 0 rgba(255,142,45,.14)
}
.basketwrap.chatbots .basketinfobox.num4:hover .basketdetails {
 box-shadow:0 61px 57px 0 rgba(65,195,209,.14)
}
.basketwrap.chatbots .basketinfobox.num5:hover .basketdetails {
 box-shadow:0 61px 57px 0 rgba(89,179,255,.14)
}
.basketinfobox.stepCh .basketdetails {
 margin-left:0;
 margin-right:80px
}
.basketinfobox .basketdetails h4 {
 position:relative;
 font-size:28px;
 line-height:36px;
 color:#282828;
 margin:0
}
.basketwrap.uiux .basketinfobox .basketdetails {
 line-height:130px
}
.basketwrap.uiux .basketinfobox .basketdetails h4 {
 line-height:36px;
 display:inline-block;
 vertical-align:middle
}
.basketinfobox .basketdetails .basketsminfo {
 font-family:Raleway,sans-serif;
 font-size:18px;
 line-height:36px;
 color:#9d9d9d;
 text-align:justify;
 -moz-text-align-last:left;
 text-align-last:left;
 letter-spacing:-.3px
}
.basketwrap.chatbots .basketinfobox .basketdetails .basketsminfo {
 text-align:justify;
 -moz-text-align-last:left;
 text-align-last:left
}
.basketwrap.chatbots .basketinfobox.stepCh .basketdetails .basketsminfo {
 text-align:justify;
 -moz-text-align-last:right;
 text-align-last:right
}
.basketinfobox .basketdetails .basketsminfo .chatbots_sminfo {
 position:relative
}
.basketinfobox .basketdetails .basketsminfo .chatbots_sminfo .rtbdrs {
 position:absolute;
 left:-20px;
 top:8px;
 bottom:8px;
 width:2px;
 background-color:#3fa1ff
}
.basketinfobox.stepCh .basketdetails .basketsminfo .chatbots_sminfo .rtbdrs {
 left:auto;
 right:-20px
}
.basketinfobox.stepCh.num2 .basketdetails .basketsminfo .chatbots_sminfo .rtbdrs {
 background-color:#868fff
}
.basketinfobox.num3 .basketdetails .basketsminfo .chatbots_sminfo .rtbdrs {
 background-color:#ff8e2d
}
.basketinfobox.num4 .basketdetails .basketsminfo .chatbots_sminfo .rtbdrs {
 background-color:#41c3d1
}
.basketinfobox.num5 .basketdetails .basketsminfo .chatbots_sminfo .rtbdrs {
 background-color:#59b3ff
}
.basketContent .eqWrap {
 margin-bottom:0
}
.iosdevbanner {
 margin:0
}
.iostheame {
 font-family:ariblk;
 position:absolute;
 left:-18px;
 top:-10px;
 font-size:250px;
 line-height:150px;
 color:#f8f8f8;
 z-index:-1
}
.mobileappdevebanwrap.iosdevlopment .leftdescriptionbx {
 width:45%
}
.mobileappdevebanwrap.iosdevlopment .leftdescriptionbx .iosBrand {
 position:absolute;
 left:0;
 top:-170px;
 width:100px;
 height:100px;
 border-radius:8px;
 background:#07f;
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%);
 box-shadow:0 0 20px 10px rgba(60,159,255,.1)
}
.mobileappdevebanwrap.iosdevlopment .leftdescriptionbx .iosBrand.android {
 background:#00c0da;
 background:-webkit-linear-gradient(left,#00c0da 0,#80fff2 100%);
 background:linear-gradient(to right,#00c0da 0,#80fff2 100%)
}
.mobileappdevebanwrap.iosdevlopment.uiux .leftdescriptionbx .iosBrand {
 background:#f6894b;
 background:-moz-linear-gradient(left,#f6894b 0,#ff3c00 100%);
 background:-webkit-linear-gradient(left,#f6894b 0,#ff3c00 100%);
 background:linear-gradient(to right,#f6894b 0,#ff3c00 100%);
 box-shadow:0 0 20px 10px rgba(255,80,19,.1)
}
.mobileappdevebanwrap.iosdevlopment.ai .leftdescriptionbx .iosBrand {
 background:#07f;
 background:-moz-linear-gradient(left,#07f 0,#80ceff 100%);
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%);
 box-shadow:0 0 20px 10px rgba(27,134,253,.1)
}
.mobileappdevebanwrap.iosdevlopment.uiux.wearables .leftdescriptionbx .iosBrand {
 background:#1cd8d2;
 background:-moz-linear-gradient(left,#1cd8d2 0,#93edc7 100%);
 background:-webkit-linear-gradient(left,#1cd8d2 0,#93edc7 100%);
 background:linear-gradient(to right,#1cd8d2 0,#93edc7 100%);
 box-shadow:0 0 20px 10px rgba(147,237,199,.1)
}
.mobileappdevebanwrap.iosdevlopment.uiux.ar .leftdescriptionbx .iosBrand {
 background:#00c0da;
 background:-moz-linear-gradient(left,#00c0da 0,#80fff2 100%);
 background:-webkit-linear-gradient(left,#00c0da 0,#80fff2 100%);
 background:linear-gradient(to right,#00c0da 0,#80fff2 100%);
 box-shadow:0 0 20px 10px rgba(147,237,199,.1)
}
.mobileappdevebanwrap.iosdevlopment.chatbots .leftdescriptionbx .iosBrand {
 background-color:transparent;
 background:url(../img/chatbots_logo_bg.png) no-repeat;
 background-size:cover;
 box-shadow:0 0 20px 10px rgba(68,226,231,.1)
}
.mobileappdevebanwrap.iosdevlopment .leftdescriptionbx .iosBrand span.apple {
 position:absolute;
 width:47px;
 height:57px;
 left:50%;
 top:50%;
 margin-left:-24px;
 margin-top:-29px;
 background:url(../img/apple_icon.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap.ar .leftdescriptionbx .iosBrand span.arlogo {
 position:absolute;
 width:50px;
 height:41px;
 left:50%;
 top:50%;
 margin-left:-25px;
 margin-top:-21px;
 background:url(../img/ar_logo.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap.ai .leftdescriptionbx .iosBrand span.ai,
.mobileappdevebanwrap.iot .leftdescriptionbx .iosBrand span.ai {
 position:absolute;
 width:50px;
 height:50px;
 left:50%;
 top:50%;
 margin:-25px 0 0 -25px;
 background:url(../img/services_menu.png) no-repeat;
 background-size:100px 700px;
 background-position:-50px -600px
}
.mobileappdevebanwrap.ai .leftdescriptionbx .iosBrand span.ai {
 background:url(../img/ai_logo.png) no-repeat;
 background-size:50px 50px;
 background-position:0 0
}
.mobileappdevebanwrap.iot .leftdescriptionbx .iosBrand span.ai {
 width:70px;
 height:70px;
 margin:-35px 0 0 -35px;
 background:url(../img/iot_logo.png) no-repeat;
 background-size:70px 70px;
 background-position:0 0
}
.mobileappdevebanwrap.iosdevlopment .leftdescriptionbx .iosBrand.android span.apple {
 background:url(../img/anroid_icon.png) no-repeat;
 background-size:100% 100%
}
.growGloballywrap.augmented_reality {
 background:url(../img/augmented_reality_graph_theame.png) no-repeat;
 background-size:cover;
 background-color:rgba(255,220,199,.1)
}
.mobileappdevebanwrap.iosdevlopment .leftdescriptionbx .iosBrand.nodedevelopment span.apple {
 width:47px;
 height:52px;
 margin-top:-26px;
 margin-left:-24px;
 background:url(../img/nodejs_wtlogo.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap.iosdevlopment.uiux .leftdescriptionbx .iosBrand span.apple {
 width:48px;
 height:48px;
 margin-top:-24px;
 margin-left:-24px;
 background:url(../img/uiux_icon.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap .leftdescriptionbx .iosBrand span.chatbots_logo {
 position:absolute;
 left:50%;
 bottom:0;
 width:70px;
 height:78px;
 margin-left:-35px;
 background:url(../img/chatbots_logo.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap .leftdescriptionbx .iosBrand span.wearables_logo {
 position:absolute;
 left:50%;
 top:50%;
 width:26px;
 height:50px;
 margin-top:-25px;
 margin-left:-13px;
 background:url(../img/wearables_icon.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap.iosdevlopment .leftdescriptionbx .iosBrand.ionicdev span.apple {
 width:48px;
 height:48px;
 margin-top:-24px;
 margin-left:-24px;
 background:url(../img/ionic_wtlogo_icon.png) no-repeat;
 background-size:100% 100%
}
.mobileappdevebanwrap.iosdevlopment .leftdescriptionbx h1 {
 text-transform:uppercase
}
.growGloballywrap {
 position:relative;
 padding:100px;
 background:url(../img/mountain_graph.jpg) no-repeat;
 background-size:cover
}
.growGloballywrap.uiux {
 background:url(../img/uiux_graph.png) no-repeat;
 background-size:cover;
 background-color:rgba(255,220,199,.1)
}
.growGloballywrap h2 {
 font-family:'Open Sans',sans-serif;
 font-size:50px;
 line-height:60px;
 color:#1d8bff;
 text-align:center;
 margin:0
}
.growGloballywrap.uiux h2 {
 color:#ff3c00;
 font-size:40px;
 line-height:50px;
 text-transform:uppercase
}
.growGloballywrap.augmented_reality h2 {
 color:#00c0da
}
.growGloballywrap .smtinfo {
 padding-top:20px;
 color:#585452
}
.mobileappdevebanwrap.iosdevlopment .leftdescriptionbx h1.capitilize {
 text-transform:inherit
}
.growGloballywrap.uiux .smtinfo {
 padding-top:20px;
 color:#585452;
 text-align:center
}
.growGloballywrap.augmented_reality .smtinfo {
 padding-top:20px;
 color:#4f5757;
 text-align:center
}
.theatre_show_app {
 position:absolute;
 top:110px;
 right:430px;
 width:420px;
 height:794px;
 background:url(../img/theatre_show_app.png) no-repeat;
 background-size:100% 100%
}
.theatre_show_app.bookscreen {
 background:url(../img/book_screen.png) no-repeat;
 background-size:100% 100%
}
.alltv_show {
 position:absolute;
 top:185px;
 right:105px;
 width:380px;
 height:713px;
 background:url(../img/all_tv_show_screen.png) no-repeat;
 background-size:100% 100%
}
.alltv_show.android {
 background:url(../img/book_nowsm_screen.png) no-repeat;
 background-size:100% 100%
}
.alltv_show .finding_feet {
 position:absolute;
 left:90px;
 top:236px;
 width:330px;
 height:139px;
 background:url(../img/finding_your_feet.png) no-repeat;
 background-size:100% 100%
}
.alltv_show.android .finding_feet {
 top:330px;
 background:url(../img/screen_details-expand.png) no-repeat;
 background-size:100% 100%
}
.iosripple {
 position:absolute;
 top:150px;
 right:300px;
 background-color:#5cacf5;
 width:16em;
 height:16em;
 border-radius:50%;
 -webkit-animation:iosripple .9s linear infinite;
 animation:iosripple .9s linear infinite
}
.iosripple.android {
 background-color:rgba(131,229,238,.8);
 -webkit-animation:iosrippleAnroid .9s linear infinite;
 animation:iosrippleAnroid .9s linear infinite
}
@-webkit-keyframes iosripple {
 0% {
  box-shadow:0 0 0 0 rgba(90,172,245,.3),0 0 0 3em rgba(90,172,245,.3),0 0 0 6em rgba(90,172,245,.3),0 0 0 9em rgba(90,172,245,.3)
 }
 100% {
  box-shadow:0 0 0 3em rgba(90,172,245,.3),0 0 0 6em rgba(90,172,245,.3),0 0 0 9em rgba(90,172,245,.3),0 0 12em rgba(90,172,245,0)
 }
}
@keyframes iosripple {
 0% {
  box-shadow:0 0 0 0 rgba(90,172,245,.3),0 0 0 3em rgba(90,172,245,.3),0 0 0 6em rgba(90,172,245,.3),0 0 0 9em rgba(90,172,245,.3)
 }
 100% {
  box-shadow:0 0 0 3em rgba(90,172,245,.3),0 0 0 6em rgba(90,172,245,.3),0 0 0 9em rgba(90,172,245,.3),0 0 12em rgba(90,172,245,0)
 }
}
@-webkit-keyframes iosrippleAnroid {
 0% {
  box-shadow:0 0 0 0 rgba(131,229,238,.3),0 0 0 3em rgba(131,229,238,.3),0 0 0 6em rgba(131,229,238,.3),0 0 0 9em rgba(131,229,238,.3)
 }
 100% {
  box-shadow:0 0 0 3em rgba(131,229,238,.3),0 0 0 6em rgba(131,229,238,.3),0 0 0 9em rgba(131,229,238,.3),0 0 12em rgba(131,229,238,0)
 }
}
@keyframes iosrippleAnroid {
 0% {
  box-shadow:0 0 0 0 rgba(131,229,238,.3),0 0 0 3em rgba(131,229,238,.3),0 0 0 6em rgba(131,229,238,.3),0 0 0 9em rgba(131,229,238,.3)
 }
 100% {
  box-shadow:0 0 0 3em rgba(131,229,238,.3),0 0 0 6em rgba(131,229,238,.3),0 0 0 9em rgba(131,229,238,.3),0 0 12em rgba(131,229,238,0)
 }
}
.whyiossection {
 position:relative;
 padding:150px 0 150px 100px
}
.whyiossection.nodepg {
 padding:100px 0 40px 100px
}
.whyiosrtbox {
 float:right;
 width:800px
}
.whyiosrtbox .first_circle {
 position:relative;
 width:800px;
 height:800px;
 background:#afeef3;
 background:-webkit-linear-gradient(left,#afeef3 0,#c4f8f8 100%);
 background:linear-gradient(to right,#afeef3 0,#c4f8f8 100%);
 border-radius:400px 0 0 400px
}
.whyiosrtbox.testing .first_circle {
 background:#eaf6ff
}
.whyiosrtbox.testing .second_circle {
 background:#def2ff
}
.whyiosrtbox .second_circle {
 position:absolute;
 left:60px;
 top:60px;
 right:0;
 bottom:60px;
 background:#7be2ec;
 background:-webkit-linear-gradient(left,#7be2ec 0,#9cf2f2 100%);
 background:linear-gradient(to right,#7be2ec 0,#9cf2f2 100%);
 border-radius:340px 0 0 340px;
 z-index:1
}
.whyiosrtbox .second_circle .imgbxx {
 position:absolute;
 left:60px;
 top:60px;
 right:0;
 bottom:60px;
 background:url(../img/ios_rt_ban.jpg) no-repeat;
 background-size:cover;
 border-radius:280px 0 0 280px;
 overflow:hidden
}
.whyiosrtbox.testing .second_circle .imgbxx {
 background:url(../img/testing_rt_ban.jpg) no-repeat;
 background-size:cover
}
.whyiosrtbox .second_circle .imgbxx.nodeimg {
 background:url(../img/business_need.jpg) no-repeat;
 background-size:cover
}
.whyiossection .whysiOSContentbx {
 position:absolute;
 left:100px;
 right:900px;
 top:150px
}
.whyiossection .whysiOSContentbx .iosshapeCon {
 position:absolute;
 width:563px;
 height:800px;
 left:50%;
 margin-left:-282px;
 background:url(../img/apple_shape_design.jpg) no-repeat;
 background-size:100% 100%;
 -webkit-animation:beat .25s infinite alternate;
 animation:beat .25s infinite alternate;
 -webkit-transform-origin:center;
 transform-origin:center
}
.whyiossection .whysiOSContentbx .iosshapeCon.android {
 width:679px;
 height:800px;
 margin-left:-340px;
 background:url(../img/android_big_icon.png) no-repeat;
 background-size:100% 100%;
 -webkit-animation:none;
 animation:none
}
@-webkit-keyframes beat {
 to {
  -webkit-transform:scale(1.03);
  transform:scale(1.03)
 }
}
@keyframes beat {
 to {
  -webkit-transform:scale(1.03);
  transform:scale(1.03)
 }
}
.whyiossection .iosdetailsbx {
 position:relative;
 padding-top:230px
}
.whyiossection .iosdetailsbx.nodejsdetails,
.whyiossection.androidApp .iosdetailsbx {
 padding-top:130px
}
.iosdetailsbx h2 {
 font-family:'Open Sans',sans-serif;
 font-size:70px;
 line-height:80px;
 color:#1d8bff;
 text-align:center;
 margin-bottom:15px
}
.iosdetailsbx.nodejsdetails h2 {
 font-size:50px;
 line-height:60px;
 text-align:left;
 color:#000;
 font-weight:300;
 text-transform:uppercase
}
.whyiossection.androidApp .iosdetailsbx h2 {
 position:relative;
 color:#08c5dc;
 text-align:left;
 margin-top:0;
 padding-bottom:30px
}
.whyiossection.androidApp .iosdetailsbx h2:after {
 position:absolute;
 content:'';
 width:150px;
 height:2px;
 left:0;
 bottom:10px;
 background-color:#50e8e9
}
.productaddtocartbx .proaddcartdetails .addprocartprice {
 font-size:36px;
 text-align:center;
 background:-webkit-linear-gradient(left,#2cd565 0,#0083d4 100%);
 background:linear-gradient(to right,#2cd565 0,#0083d4 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent
}
.iosdetailsbx h3 {
 position:relative;
 font-size:30px;
 line-height:30px;
 color:#000;
 text-align:center;
 margin-top:10px;
 font-weight:300;
 padding-bottom:20px;
 text-transform:uppercase
}
.whyiossection.androidApp .iosdetailsbx h3 {
 padding-bottom:10px
}
.iosdetailsbx h3:after {
 position:absolute;
 content:'';
 width:150px;
 height:2px;
 left:50%;
 bottom:0;
 margin-left:-75px;
 background-color:#5cb5ff
}
.whyiossection.androidApp .iosdetailsbx h3 {
 text-align:left
}
.whyiossection.androidApp .iosdetailsbx h3:after {
 display:none
}
.iosdetailsbx .smtinfo {
 text-align:center
}
.iosdetailsbx.android .smtinfo,
.iosdetailsbx.nodejsdetails .smtinfo {
 text-align:justify
}
.advantages_iphone {
 padding:0 100px
}
.advantages_iphone h3 {
 font-family:'Open Sans',sans-serif;
 font-size:36px;
 line-height:36px;
 color:#46a7ff;
 text-align:center;
 text-transform:uppercase
}
.advantages_iphone.android h3 {
 color:#00c0da
}
.advantages_Options {
 position:relative;
 padding:150px 300px;
 border-left:1px solid #eeeded;
 border-right:1px solid #eeeded
}
.advantages_Options .clrdrop {
 position:absolute;
 left:-1px;
 top:0;
 width:1px;
 height:100px;
 background-color:#b282ff
}
.advantages_Options .clrdrop.rtpos {
 left:auto;
 right:-1px
}
.advantages_Options .clrdrop.top33H {
 top:25%;
 background-color:#ff70a9
}
.advantages_Options .clrdrop.top66H {
 top:50%;
 background-color:#ff9344
}
.advantages_Options .clrdrop.top80H {
 top:75%;
 background-color:#44a5ff
}
.unrivaledchecksbx {
 margin:0
}
.nodejskeywordwrap.uiux .unrivaledchecksbx {
 padding-left:200px
}
.unrivaledchecksbx .checkoprw {
 margin-bottom:5px
}
.unrivaledchecksbx .checkoprw .adchecknm {
 font-family:Raleway,sans-serif;
 position:relative;
 font-size:21px;
 color:#000;
 padding-left:40px
}
.unrivaledchecksbx .checkoprw .adchecknm span {
 position:absolute;
 top:0;
 left:0;
 width:30px;
 height:31px;
 background:url(../img/iphone_advantage_icon.png) no-repeat;
 background-size:30px 154px
}
.unrivaledchecksbx .checkoprw .adchecknm span.flawless_app_features {
 background-position:0 0
}
.unrivaledchecksbx .checkoprw .adchecknm span.impeccable_hardware {
 background-position:0 -31px
}
.unrivaledchecksbx .checkoprw .adchecknm span.high-end-security {
 background-position:0 -62px
}
.unrivaledchecksbx .checkoprw .adchecknm span.features_supports {
 background-position:0 -93px
}
.unrivaledchecksbx .checkoprw .adchecknm span.greensign {
 background-position:0 -124px
}
.unrivaledchecksbx .checkoprw .downline {
 width:1px;
 height:150px;
 background-color:#eeeded;
 margin-left:15px;
 margin-top:10px
}
.iconographywrap {
 padding:100px
}
.iconographywrap .iconographyheading {
 color:#46a7ff;
 font-size:70px;
 line-height:80px;
 font-weight:500;
 text-transform:uppercase;
 margin-bottom:20px
}
.iconographywrap.android .iconographyheading {
 color:#00c0da
}
.iconographybx {
 position:relative;
 width:800px;
 height:800px;
 margin:auto;
 margin-top:120px
}
.iconographybx .iconography_circle {
 position:relative;
 width:800px;
 height:800px;
 background:url(../img/icongraphy_bigCircle.png) no-repeat;
 background-size:100% 100%;
 -webkit-animation:cog-rotate 50s linear infinite;
 animation:cog-rotate 50s linear infinite
}
.iconographybx:hover .iconography_circle {
 -webkit-animation-play-state:paused;
 animation-play-state:paused
}
.iconographybx .sideicon {
 position:absolute;
 left:-350px;
 top:0;
 width:160px;
 height:160px;
 border:1px solid #f3834b;
 border-radius:50%
}
.iconographybx .sideicon.rtsmtop {
 width:120px;
 height:120px;
 left:auto;
 right:-350px;
 top:200px
}
.iconographybx .sideicon.ltsmtop {
 width:120px;
 height:120px;
 left:-350px;
 top:auto;
 bottom:100px
}
.iconographybx .sideicon.ltsmtop .la-ball-scale-pulse.la-3x,
.iconographybx .sideicon.rtsmtop .la-ball-scale-pulse.la-3x {
 position:absolute;
 width:100px;
 height:100px;
 left:50%;
 top:50%;
 margin:-50px 0 0 -50px
}
.iconographybx .sideicon.ltsmtop .la-ball-scale-pulse.la-3x>div,
.iconographybx .sideicon.rtsmtop .la-ball-scale-pulse.la-3x>div {
 position:absolute;
 width:100px;
 height:100px;
 left:50%;
 top:50%;
 margin:-50px 0 0 -50px
}
.iconographybx .sideicon.rtbtm {
 left:auto;
 right:-350px;
 top:auto;
 bottom:0
}
.iconographybx .sideicon .iconbx {
 position:absolute;
 left:50%;
 top:50%;
 margin:-40px 0 0 -40px;
 width:80px;
 height:80px;
 border-radius:50%;
 background-color:#f2f2f2
}
.iconographybx .sideicon .iconbx i {
 position:absolute;
 left:50%;
 top:50%;
 margin:-20px 0 0 -20px;
 width:40px;
 height:40px;
 background:url(../img/icongraphy_side_icon.png) no-repeat;
 background-size:40px 160px;
 z-index:1
}
.iconographybx .sideicon .iconbx i.clock {
 background-position:0 0
}
.iconographybx .sideicon .iconbx i.mobile {
 background-position:0 -40px
}
.iconographybx .sideicon .iconbx i.usrp {
 background-position:0 -80px
}
.iconographybx .sideicon .iconbx i.cap {
 background-position:0 -120px
}
.iconographybx .sideicon .stargroup {
 position:absolute;
 width:80%;
 height:80%;
 left:10%;
 top:10%;
 background:url(../img/star_group.png) no-repeat;
 background-size:cover;
 opacity:0;
 -webkit-animation:ball-scale-ripple 2s 0s infinite cubic-bezier(.21,.53,.56,.8);
 animation:ball-scale-ripple 2s 0s infinite cubic-bezier(.21,.53,.56,.8)
}
.iconographybx .sideicon .la-ball-scale-pulse.la-3x {
 position:absolute;
 width:130px;
 height:130px;
 left:50%;
 top:50%;
 margin:-65px 0 0 -65px
}
.iconographybx .sideicon .la-ball-scale-pulse.la-3x>div {
 position:absolute;
 width:130px;
 height:130px;
 left:50%;
 top:50%;
 margin:-65px 0 0 -65px
}
.iconographybx .sideicon .la-ball-scale-pulse.la-dark {
 color:#f2f2f2
}
.iconographybx .iconography_circle span,
.iconographybx .iconography_innersmcircle span {
 position:absolute;
 width:80px;
 height:80px;
 border-radius:50%;
 background-color:#fff;
 box-shadow:0 8px 16px rgba(0,0,0,.1)
}
.iconographybx .iconography_circle span .tooltips {
 position:absolute;
 width:200px;
 padding:15px;
 font-size:18px;
 color:#c19bff;
 border-radius:8px;
 border:2px solid #c19bff;
 background-color:#fff;
 opacity:0;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 display:inline-block
}
.iconographybx .iconography_circle span .tooltips:after,
.iconographybx .iconography_circle span .tooltips:before {
 right:100%;
 top:50%;
 border:solid transparent;
 content:" ";
 height:0;
 width:0;
 position:absolute;
 pointer-events:none
}
.iconographybx .iconography_circle span .tooltips:after {
 border-color:rgba(68,213,102,0);
 border-right-color:#fff;
 border-width:15px;
 margin-top:-15px
}
.iconographybx .iconography_circle span .tooltips:before {
 border-color:rgba(194,225,245,0);
 border-right-color:#c19bff;
 border-width:18px;
 margin-top:-18px
}
.iconographybx .iconography_circle span.starbx {
 left:260px;
 top:-27px
}
.iconographybx .iconography_circle span.wallets {
 right:130px;
 top:30px
}
.iconographybx .iconography_circle span.wallets .tooltips {
 left:100px;
 top:0;
 box-shadow:0 8px 16px rgba(178,130,255,.1)
}
.iconographybx .iconography_circle span.wallets:hover .tooltips {
 opacity:1
}
.iconographybx .iconography_circle span.ai {
 right:-24px;
 bottom:250px
}
.iconographybx .iconography_circle span.user {
 left:72px;
 bottom:80px
}
.iconographybx .iconography_circle span.starwithline {
 left:-40px;
 bottom:330px
}
.iconographybx .iconography_circle span i,
.iconographybx .iconography_innersmcircle span i {
 position:absolute;
 left:50%;
 top:50%;
 width:60px;
 height:60px;
 margin:-30px 0 0 -30px;
 background:url(../img/iconography_icons.png) no-repeat;
 background-size:60px 480px
}
.iconographybx .iconography_circle span.starbx i {
 background-position:0 0
}
.iconographybx .iconography_circle span.wallets i {
 background-position:0 -60px
}
.iconographybx .iconography_circle span.ai i {
 background-position:0 -240px
}
.iconographybx .iconography_circle span.user i {
 background-position:0 -180px
}
.iconographybx .iconography_circle span.starwithline i {
 background-position:0 -120px
}
.iconographybx .iconography_innersmcircle {
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-300px;
 margin-top:-300px;
 width:600px;
 height:600px;
 background:url(../img/icongraphy_smCircle.png) no-repeat;
 background-size:100% 100%;
 -webkit-animation:cog-rotate1 50s linear infinite;
 animation:cog-rotate1 50s linear infinite
}
.iconographybx:hover .iconography_innersmcircle {
 -webkit-animation-play-state:paused;
 animation-play-state:paused
}
.iconographybx .iconography_innersmcircle span.candle {
 left:12px;
 top:90px
}
.iconographybx .iconography_innersmcircle span.candle i {
 background-position:0 -300px
}
.iconographybx .iconography_innersmcircle span.documents {
 right:180px;
 bottom:-18px
}
.iconographybx .iconography_innersmcircle span.documents i {
 background-position:0 -360px
}
.iconographybx .iconography_innersmcircle span.staruser {
 right:-18px;
 top:160px
}
.iconographybx .iconography_innersmcircle span.staruser i {
 background-position:0 -420px
}
.circlertskydark {
 position:absolute;
 width:280px;
 height:280px;
 left:50%;
 top:50%;
 border-radius:50%;
 margin:-140px 0 0 -140px;
 background-color:#eaf6ff
}
.lastCircle {
 position:absolute;
 left:50%;
 top:50%;
 width:160px;
 height:160px;
 margin:-80px 0 0 -80px;
 border-radius:50%;
 background-color:#fff;
 box-shadow:0 20px 30px rgba(98,186,255,.1)
}
.lastCircle span {
 position:absolute;
 left:50%;
 top:50%;
 width:100px;
 height:100px;
 margin:-50px 0 0 -50px;
 background:url(../img/star_line_icon.png) no-repeat;
 background-size:100% 100%
}
.lastCircle span .tooltips {
 position:absolute;
 left:0;
 bottom:-120px;
 width:200px;
 padding:15px;
 font-size:18px;
 color:#99ceff;
 border-radius:8px;
 border:2px solid #99ceff;
 background-color:#fff;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 display:inline-block;
 opacity:0;
 box-shadow:0 8px 16px rgba(153,206,255,.1)
}
.lastCircle span .tooltips:after,
.lastCircle span .tooltips:before {
 bottom:100%;
 left:30%;
 border:solid transparent;
 content:" ";
 height:0;
 width:0;
 position:absolute;
 pointer-events:none
}
.lastCircle span .tooltips:after {
 border-color:rgba(68,213,102,0);
 border-bottom-color:#fff;
 border-width:15px;
 margin-left:-15px
}
.lastCircle span .tooltips:before {
 border-color:rgba(194,225,245,0);
 border-bottom-color:#99ceff;
 border-width:18px;
 margin-left:-18px
}
.lastCircle:focus span .tooltips,
.lastCircle:hover span .tooltips {
 opacity:1
}
.la-ball-scale-pulse,
.la-ball-scale-pulse>div {
 position:relative;
 box-sizing:border-box
}
.la-ball-scale-pulse {
 display:block;
 font-size:0;
 color:#000
}
.la-ball-scale-pulse.la-dark {
 color:#e9f6ff
}
.la-ball-scale-pulse>div {
 display:inline-block;
 float:none;
 background-color:currentColor;
 border:0 solid currentColor
}
.la-ball-scale-pulse>div {
 border-radius:100%;
 opacity:.5;
 -webkit-animation:ball-scale-pulse 4s infinite ease-in-out;
 animation:ball-scale-pulse 4s infinite ease-in-out
}
.la-ball-scale-pulse>div:last-child {
 -webkit-animation-delay:-1s;
 animation-delay:-1s
}
.la-ball-scale-pulse.la-3x {
 position:absolute;
 width:400px;
 height:400px;
 left:50%;
 top:50%;
 margin:-200px 0 0 -200px
}
.la-ball-scale-pulse.la-3x>div {
 position:absolute;
 width:400px;
 height:400px;
 left:50%;
 top:50%;
 margin:-200px 0 0 -200px
}
@-webkit-keyframes ball-scale-pulse {
 0%,
 100% {
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 50% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes ball-scale-pulse {
 0%,
 100% {
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 50% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@-webkit-keyframes cog-rotate {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes cog-rotate {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-webkit-keyframes cog-rotate1 {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(-360deg);
  transform:rotate(-360deg)
 }
}
@keyframes cog-rotate1 {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(-360deg);
  transform:rotate(-360deg)
 }
}
@-webkit-keyframes ball-scale-ripple {
 0% {
  opacity:1;
  -webkit-transform:scale(.1);
  transform:scale(.1)
 }
 70% {
  opacity:.65;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 100% {
  opacity:0
 }
}
@keyframes ball-scale-ripple {
 0% {
  opacity:1;
  -webkit-transform:scale(.1);
  transform:scale(.1)
 }
 70% {
  opacity:.65;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 100% {
  opacity:0
 }
}
.screen_designs {
 padding:80px 100px 0 100px
}
.screen_designs.androidpg {
 padding-top:0;
 padding-bottom:80px
}
.screen_designs h3 {
 color:#282828;
 font-size:50px;
 line-height:50px;
 text-align:center;
 font-weight:300;
 text-transform:uppercase;
 margin-bottom:20px
}
.screen_designs .smtinfo {
 text-align:center
}
.screendesignContent {
 position:relative;
 padding:0 50px
}
.sliderSkewWrap {
 padding-top:200px
}
.sliderskewm {
 position:relative;
 width:460px;
 height:832px;
 background:url(../img/mobile_skew_screen.png) no-repeat;
 background-size:100% 100%
}
.sliderSkewWrap.iosdev .sliderskewm.lfm {
 background:url(../img/mobile_skew_screen_one.png) no-repeat;
 background-size:100% 100%
}
.sliderskewm.advertisementscreen {
 background:url(../img/advertisement_details_screen.png) no-repeat;
 background-size:100% 100%
}
.sliderSkewWrap.androiddev .sliderskewm.lfm {
 background:url(../img/advertisement_details_screen1.png) no-repeat;
 background-size:100% 100%
}
.sliderskewm .skewCon {
 position:absolute;
 top:50%;
 left:-450px;
 width:600px;
 height:280px;
 padding:20px 150px 50px 50px;
 margin-top:-180px;
 border-radius:130px;
 border:2px solid #eaeaea;
 z-index:-1
}
.sliderskewm .skewCon1 {
 position:absolute;
 top:50%;
 right:-390px;
 width:600px;
 height:280px;
 padding:20px 0 50px 150px;
 margin-top:-180px;
 border-radius:130px;
 border:2px solid #eaeaea;
 z-index:-1
}
.flipster-carousel .flip-prev .sliderskewm .skewCon {
 width:360px;
 height:180px;
 left:-160px
}
.flipster-carousel .flip-next .sliderskewm .skewCon1 {
 width:360px;
 height:180px;
 right:-100px
}
.flipster-carousel .flip-next .sliderskewm .skewCon .textbox .smdt,
.flipster-carousel .flip-next .sliderskewm .skewCon1 .textbox .smdt,
.flipster-carousel .flip-prev .sliderskewm .skewCon .textbox .smdt,
.flipster-carousel .flip-prev .sliderskewm .skewCon1 .textbox .smdt {
 display:none
}
.flipster-carousel .flip-prev .sliderskewm .skewCon .textbox h3 {
 position:absolute;
 top:42px;
 left:-55px;
 font-size:28px
}
.sliderSkewWrap.iosdev .flipster-carousel .flip-prev .sliderskewm .skewCon .textbox h3 {
 top:44px
}
.flipster-carousel .flip-prev .sliderskewm .skewCon .textbox h3 span {
 display:block
}
.flipster-carousel .flip-next .sliderskewm .skewCon1 .textbox h3 {
 position:absolute;
 top:45px;
 right:-50px;
 font-size:28px
}
.sliderSkewWrap.iosdev .flipster-carousel .flip-next .sliderskewm .skewCon1 .textbox h3 {
 top:23px;
 line-height:40px
}
.sliderSkewWrap.iosdev .flipster-carousel .flip-next .sliderskewm .skewCon1 .textbox h3 span {
 display:block
}
.skewCon .textbox {
 margin:0
}
.skewCon .textbox h3,
.skewCon1 .textbox h3 {
 font-family:'Open Sans',sans-serif;
 font-size:28px;
 color:#282828;
 text-align:right;
 margin-bottom:10px
}
.skewCon .textbox .smdt,
.skewCon1 .textbox .smdt {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#9d9d9d;
 text-align:right;
 line-height:36px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.skewCon1 .textbox .smdt,
.skewCon1 .textbox h3 {
 text-align:left
}
.screendesignContent .rotationCircle {
 position:absolute;
 top:20px;
 left:50%;
 width:480px;
 height:478px;
 margin-left:-180px;
 background:url(../img/screen_circle_rotate_01.png) no-repeat;
 background-size:100% 100%;
 -webkit-animation:cog-rotate 50s linear infinite;
 animation:cog-rotate 50s linear infinite
}
.screendesignContent .rotationCircle1 {
 position:absolute;
 top:80px;
 left:50%;
 width:360px;
 height:360px;
 margin-left:-120px;
 background:url(../img/screen_circle_rotate_02.png) no-repeat;
 background-size:100% 100%;
 -webkit-animation:cog-rotate1 50s linear infinite;
 animation:cog-rotate1 50s linear infinite
}
.screendesignContent .mutiplepoints {
 position:absolute;
 top:130px;
 left:50%;
 width:250px;
 height:252px;
 margin-left:-65px;
 background:url(../img/multiple_points.png) no-repeat;
 background-size:100% 100%;
 -webkit-animation:lds-hourglass 8s infinite;
 animation:lds-hourglass 8s infinite
}
@-webkit-keyframes lds-hourglass {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 50% {
  -webkit-transform:rotate(900deg);
  transform:rotate(900deg);
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 100% {
  -webkit-transform:rotate(1800deg);
  transform:rotate(1800deg)
 }
}
@keyframes lds-hourglass {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0);
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
 }
 50% {
  -webkit-transform:rotate(900deg);
  transform:rotate(900deg);
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1)
 }
 100% {
  -webkit-transform:rotate(1800deg);
  transform:rotate(1800deg)
 }
}
.app_development_strategies {
 position:relative;
 padding:100px
}
.app_development_strategies .ltl {
 position:absolute;
 left:80px;
 top:0;
 bottom:0;
 width:1px;
 background-color:#f3f3f3
}
.app_development_strategies .ltl.rtl {
 left:auto;
 right:80px
}
.app_development_strategies .ltl .clrline {
 position:absolute;
 left:0;
 top:0;
 width:1px;
 height:100px;
 background-color:#99a7ff
}
.app_development_strategies .ltl.rtl .clrline {
 background-color:#ed9797
}
.app_development_strategies .ltl .clrline.top16H {
 top:16%;
 background-color:#99ffef
}
.app_development_strategies .ltl.rtl .clrline.top16H {
 background-color:#8adfff
}
.app_development_strategies .ltl .clrline.top32H {
 top:32%;
 background-color:#c9f
}
.app_development_strategies .ltl.rtl .clrline.top32H {
 background-color:#8aa8ff
}
.app_development_strategies .ltl .clrline.top48H {
 top:48%;
 background-color:#e699ff
}
.app_development_strategies .ltl .clrline.top64H {
 top:64%;
 background-color:#f9bde3
}
.app_development_strategies .ltl.rtl .clrline.top64H {
 background-color:#8afffe
}
.app_development_strategies .ltl .clrline.top80H {
 top:80%;
 background-color:#8a8dff
}
.app_development_strategies .ltl.rtl .clrline.top80H {
 background-color:#ffb68a
}
.app_development_strategies .mainheadingrows {
 color:#46a7ff;
 font-size:50px;
 line-height:50px;
 font-weight:500;
 text-align:center;
 text-transform:uppercase
}
.app_development_strategies .mainheadingrows.capitalize {
 text-transform:inherit
}
.app_development_strategies .subheadingrows {
 font-family:'Open Sans',sans-serif;
 color:#46a7ff;
 font-size:30px;
 line-height:30px;
 text-align:center;
 padding-top:15px;
 margin-bottom:15px
}
.app_development_strategies .subheadingrows span {
 display:block
}
.app_development_strategies .appStrategiesCon {
 position:relative;
 padding:100px 100px 0 100px;
 max-width:1200px;
 margin:auto
}
.appStrategiesCon .ltl {
 position:absolute;
 left:0;
 top:25%;
 bottom:25%;
 width:1px;
 background-color:#f3f3f3
}
.appStrategiesCon .ltl.rtl {
 left:auto;
 right:0
}
.appStrategiesCon .ltl .clrline {
 position:absolute;
 left:0;
 top:0;
 width:1px;
 height:50px;
 background-color:#ff8a8a
}
.appStrategiesCon .ltl.rtl .clrline {
 height:100px;
 background-color:#ff8a8a
}
.appStrategiesCon .ltl .clrline.top50H {
 top:50%;
 height:80px;
 background-color:#ffcc8a
}
.appStrategiesCon .ltl.rtl .clrline.top50H {
 top:36%;
 height:120px;
 background-color:#b68aff
}
.appStrategiesCon .ltl .clrline.top100H {
 top:auto;
 bottom:0;
 height:70px;
 background-color:#8ab6ff
}
.appStrategiesCon .ltl.rtl .clrline.top100H {
 top:auto;
 bottom:50px;
 height:140px;
 background-color:#8afff3
}
.appStrategiesCon .appStrow {
 padding-bottom:30px
}
.appStrategiesCon .appStrow.firstrw {
 padding-bottom:0
}
.appStrategiesCon .appStrow.secrw {
 padding-bottom:36px
}
.appStrategiesCon .appStrow.fourth .headingrws,
.appStrategiesCon .appStrow.secrw .headingrws {
 text-align:right
}
.appStrategiesCon .appStrow.thirdrw {
 padding-bottom:35px
}
.appStrategiesCon .appStrow .iosappoption {
 float:left;
 max-width:370px;
 display:inline-block
}
.appStrategiesCon .appStrow .iosappoption.research_design {
 width:350px;
 padding-top:25px
}
.app_development_strategies.nodejs .appStrategiesCon .appStrow.firstrw {
 padding-bottom:40px
}
.app_development_strategies.nodejs .appStrategiesCon .appStrow.secrw {
 padding-bottom:0
}
.appStrategiesCon .appStrow .iosappoption.testingdiv {
 padding-top:10px
}
.appStrategiesCon .appStrow .iosappoption.launch {
 padding-top:30px
}
.appStrategiesCon .appStrow .iosappoption.appdevelopment {
 padding-top:40px
}
.appStrategiesCon .appStrow .iosappoption.appConcept {
 padding-top:20px
}
.appStrategiesCon .appStrow .iosappoption.afterapp {
 padding-top:30px
}
.app_development_strategies.android .appStrategiesCon .appStrow.firstrw {
 padding-bottom:15px
}
.app_development_strategies.android .appStrategiesCon .appStrow.thirdrw {
 padding-bottom:5px
}
.appStrategiesCon .appStrow .iosappoption ul {
 margin:0;
 padding:0
}
.appStrategiesCon .appStrow .iosappoption ul li {
 font-family:Raleway,sans-serif;
 position:relative;
 font-size:18px;
 color:#9d9d9d;
 line-height:36px;
 list-style:none;
 padding-bottom:40px
}
.appStrategiesCon .appStrow .iosappoption ul li span {
 position:absolute;
 left:0;
 top:8px;
 width:24px;
 height:24px;
 border:5px solid #ff888d;
 border-radius:50%;
 display:inline-block
}
.appStrategiesCon .appStrow .iosappoption ul li+li span {
 border:5px solid #ffcf8a
}
.appStrategiesCon .appStrow .iosappoption ul li+li+li span {
 border:5px solid #8ad4ff
}
.appStrategiesCon .appStrow .iosappoption ul.leftOpt li {
 padding-right:40px;
 text-align:right
}
.appStrategiesCon .appStrow .iosappoption ul.rightOpt li {
 padding-left:40px;
 text-align:left
}
.appStrategiesCon .appStrow .iosappoption ul.leftOpt li span {
 left:auto;
 right:0
}
.app_development_strategies.augmented .appStrategiesCon .appStrow .iosappoption ul li span {
 top:50%;
 margin-top:-20px
}
.appStrategiesCon .appStrow .headingrws {
 float:left;
 width:355px;
 font-size:24px;
 color:#000;
 line-height:256px;
 display:inline-block
}
.appStrategiesCon .appStrow .headingrws.moreword {
 margin-top:90px;
 line-height:32px
}
.appStrategiesCon .appStrow .halfCirclebox {
 position:relative;
 float:left;
 width:256px;
 height:256px;
 display:inline-block;
 margin:0 20px
}
.appStrategiesCon .appStrow .halfCircle {
 width:256px;
 height:256px;
 background-color:transparent
}
.appStrategiesCon .appStrow .lefthalfCircle {
 position:absolute;
 right:20px;
 top:0;
 width:128px;
 height:256px;
 background:url(../img/half_circle_spin.gif) no-repeat;
 background-size:100% 100%;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 display:none
}
.appStrategiesCon .appStrow .lefthalfCircle1 {
 position:absolute;
 right:20px;
 top:0;
 width:128px;
 height:256px;
 background:url(../img/half_circle_spin1.gif) no-repeat;
 background-size:100% 100%;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 display:none
}
.appStrategiesCon .appStrow.aos-animate .lefthalfCircle,
.appStrategiesCon .appStrow.aos-animate .lefthalfCircle1 {
 display:block
}
.appStrategiesCon .appStrow .righthalfCircle {
 position:absolute;
 left:20px;
 top:0;
 width:128px;
 height:256px;
 background:url(../img/lefthalf_circle_spin.gif) no-repeat;
 background-size:100% 100%;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 display:none
}
.appStrategiesCon .appStrow .righthalfCircle1 {
 position:absolute;
 left:20px;
 top:0;
 width:128px;
 height:256px;
 background:url(../img/lefthalf_circle_spin1.gif) no-repeat;
 background-size:100% 100%;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 display:none
}
.appStrategiesCon .appStrow.aos-animate .righthalfCircle,
.appStrategiesCon .appStrow.aos-animate .righthalfCircle1 {
 display:block
}
#numberbx,
#numberbx1,
#numberbx2,
#numberbx3 {
 position:absolute;
 left:50%;
 top:50%;
 width:80px;
 height:80px;
 margin:-40px 0 0 -40px;
 -webkit-animation:colors 1s infinite;
 animation:colors 1s infinite;
 z-index:1
}
#numberbx .numbx,
#numberbx1 .numbx,
#numberbx2 .numbx,
#numberbx3 .numbx {
 position:absolute;
 width:56px;
 height:56px;
 left:50%;
 top:50%;
 font-size:36px;
 color:#e1e1e1;
 text-align:center;
 line-height:56px;
 margin:-28px 0 0 -28px;
 border-radius:50%;
 font-weight:700;
 background-color:#fff
}
.halfclipCircle {
 width:50%;
 height:100%;
 right:0;
 position:absolute;
 overflow:hidden;
 -webkit-transform-origin:left center;
 transform-origin:left center;
 animation:cliprotate 4s steps(2) infinite;
 -webkit-animation:cliprotate 4s steps(2) infinite
}
.halfcircle {
 box-sizing:border-box;
 height:100%;
 right:0;
 position:absolute;
 border:solid 10px transparent;
 border-top-color:#e1e1e1;
 border-left-color:#e1e1e1;
 border-radius:50%
}
.clippedCircle {
 width:200%;
 animation:rotate 2s linear infinite;
 -webkit-animation:rotate 2s linear infinite
}
.fixedCircle {
 width:100%;
 -webkit-transform:rotate(135deg);
 transform:rotate(135deg);
 animation:showfixed 4s steps(2) infinite;
 -webkit-animation:showfixed 4s linear infinite
}
@-webkit-keyframes cliprotate {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes cliprotate {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-webkit-keyframes rotate {
 0% {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
 }
 100% {
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg)
 }
}
@keyframes rotate {
 0% {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
 }
 100% {
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg)
 }
}
@-webkit-keyframes showfixed {
 0% {
  opacity:0
 }
 49.9% {
  opacity:0
 }
 50% {
  opacity:1
 }
 100% {
  opacity:1
 }
}
.nodejskeywordwrap {
 padding-right:100px
}
.nodekeyrw {
 margin-top:120px
}
.nodekeyrw.vr {
 margin-top:0
}
.nodeglobbx {
 position:relative;
 float:left;
 width:760px;
 height:760px;
 border:70px solid #a7d6ff;
 border-radius:50%;
 background-color:#fff;
 margin-left:100px
}
.nodeglobbx.uiux {
 border-color:#ffa210
}
.nodeglobbx .pinkdashedbx {
 position:absolute;
 left:-150px;
 top:0
}
.nodeglobbx .purpledashedbx {
 position:absolute;
 right:50px;
 bottom:0;
 z-index:9
}
.purpledashedbx .purpledashed {
 width:140px;
 height:24px;
 border-radius:20px;
 background-color:#c484ff;
 display:inline-block
}
.purpledashedbx.uiux .purpledashed {
 background-color:#4f78ff
}
.purpledashedbx .gbb1 {
 width:24px;
 height:24px;
 background-color:#d3a2ff;
 border-radius:50%;
 display:inline-block;
 margin-left:20px
}
.purpledashedbx.uiux .gbb1 {
 margin-left:0;
 margin-right:20px;
 background-color:#4f78ff
}
.nodeglobbx .pinkdashed {
 width:140px;
 height:24px;
 border-radius:20px;
 background-color:#fdb3c3;
 display:inline-block
}
.nodeglobbx.uiux .pinkdashed {
 background-color:#fb6081
}
.nodeglobbx .gbb {
 width:24px;
 height:24px;
 background-color:#fdb3c3;
 border-radius:50%;
 display:inline-block;
 margin-left:20px
}
.nodeglobbx.uiux .gbb {
 background-color:#fb6081
}
.ndrtgr {
 position:absolute;
 top:30px;
 right:-30px;
 width:24px;
 height:24px;
 background-color:#50b0ff;
 border-radius:50%
}
.ndrtorange {
 position:absolute;
 bottom:30px;
 left:-130px;
 width:24px;
 height:24px;
 background-color:#ff9b42;
 border-radius:50%
}
.nodeglobbx .globimgbx {
 position:absolute;
 left:-90px;
 top:50px;
 width:680px;
 height:680px;
 background:url(../img/nodejs_globimg.jpg) no-repeat;
 background-size:100% 100%;
 border-radius:50%
}
.nodeglobbx.uiux .globimgbx {
 background:url(../img/uiux_globimg.jpg) no-repeat;
 background-position:top center;
 background-size:cover
}
.nodeglobbx.vr .globimgbx {
 background:url(../img/vr_globimg.jpg) no-repeat;
 background-position:top center;
 background-size:cover
}
.nodeglobbx.ai .globimgbx {
 background:url(../img/ai_globimg.jpg) no-repeat
}
.nodeglobbx.augmented .globimgbx {
 background:url(../img/augmented_reality_globimg.jpg) no-repeat;
 background-position:top center;
 background-size:cover
}
.nkeywordsoptions {
 margin-left:940px
}
.nodekeyrw .unrivaledchecksbx .checkoprw .downline {
 height:80px
}
.nodejskeywordwrap.uiux .nodekeyrw .unrivaledchecksbx .checkoprw .downline {
 height:50px
}
.nodejsservices {
 padding:100px
}
.nodejsservices .servicerws {
 margin:0
}
.nodejsservices .servicerws .ndserwd {
 float:left;
 width:20%;
 text-align:center;
 cursor:pointer
}
.nodejsservices .servicerws .ndserwd .technms {
 position:relative;
 padding:15px 10px;
 font-size:16px;
 color:#4baefa;
 text-align:center;
 border:1px solid #4baefa;
 border-radius:12px;
 display:inline-block;
 margin-top:50px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 opacity:0;
 box-shadow:-11.804px 20.166px 28px 0 rgba(98,186,255,.1)
}
.nodejsservices .servicerws .ndserwd .technms span.numpos {
 position:absolute;
 left:30px;
 top:-20px;
 width:40px;
 height:40px;
 font-size:22px;
 line-height:40px;
 text-align:center;
 border-radius:50%;
 background-color:#fff
}
.nodejsservices .servicerws .ndserwd:hover .technms {
 opacity:1
}
.nodejsservices .servicerws .ndserwd .sericonbx {
 position:relative;
 width:140px;
 height:140px;
 padding:15px;
 border-radius:50%;
 background-color:rgba(136,220,255,.16);
 margin:auto;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.nodejsservices .servicerws .ndserwd:hover .sericonbx {
 background-color:#4baefa
}
.nodejsservices .servicerws .ndserwd .sericonbx .points_dottedbx {
 position:absolute;
 right:-200px;
 top:65px
}
.nodejsservices .servicerws .ndserwd .sericonbx .serinbx {
 position:relative;
 width:110px;
 height:110px;
 border-radius:50%;
 background-color:#fff;
 box-shadow:-11.804px 23.166px 32px 0 rgba(98,186,255,.29)
}
.nodejsservices .servicerws .ndserwd .sericonbx .serinbx span {
 position:absolute;
 width:60px;
 height:50px;
 left:50%;
 top:50%;
 margin-left:-30px;
 margin-top:-25px;
 background:url(../img/nodejs_service_icon.png) no-repeat;
 background-size:120px 250px
}
.nodejsservices .servicerws .ndserwd .sericonbx .serinbx span.serversidedevelopment {
 background-position:0 0
}
.nodejsservices .servicerws .ndserwd:hover .sericonbx .serinbx span.serversidedevelopment {
 background-position:-60px 0
}
.nodejsservices .servicerws .ndserwd .sericonbx .serinbx span.nodejs {
 background-position:0 -50px
}
.nodejsservices .servicerws .ndserwd:hover .sericonbx .serinbx span.nodejs {
 background-position:-60px -50px
}
.nodejsservices .servicerws .ndserwd .sericonbx .serinbx span.mysql {
 background-position:0 -100px
}
.nodejsservices .servicerws .ndserwd:hover .sericonbx .serinbx span.mysql {
 background-position:-60px -100px
}
.nodejsservices .servicerws .ndserwd .sericonbx .serinbx span.cart {
 background-position:0 -150px
}
.nodejsservices .servicerws .ndserwd:hover .sericonbx .serinbx span.cart {
 background-position:-60px -150px
}
.nodejsservices .servicerws .ndserwd .sericonbx .serinbx span.mobiles {
 background-position:0 -200px
}
.nodejsservices .servicerws .ndserwd:hover .sericonbx .serinbx span.mobiles {
 background-position:-60px -200px
}
.la-ball-elastic-dots,
.la-ball-elastic-dots>div {
 position:relative;
 box-sizing:border-box
}
.la-ball-elastic-dots {
 display:block;
 font-size:0
}
.la-ball-elastic-dots.la-dark {
 color:#df3226
}
.nodejsservices .servicerws .ndserwd:hover .la-ball-elastic-dots.la-dark {
 color:#e76925
}
.la-ball-elastic-dots>div {
 display:inline-block;
 float:none;
 background-color:currentColor;
 border:0 solid currentColor
}
.la-ball-elastic-dots {
 width:200px;
 height:12px;
 font-size:0;
 text-align:center
}
.la-ball-elastic-dots>div {
 display:inline-block;
 width:12px;
 height:12px;
 white-space:nowrap;
 border-radius:100%;
 -webkit-animation:ball-elastic-dots-anim 1s infinite;
 animation:ball-elastic-dots-anim 1s infinite
}
@-webkit-keyframes ball-elastic-dots-anim {
 0%,
 100% {
  margin:0;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 50% {
  margin:0 5%;
  -webkit-transform:scale(.65);
  transform:scale(.65)
 }
}
@keyframes ball-elastic-dots-anim {
 0%,
 100% {
  margin:0;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 50% {
  margin:0 5%;
  -webkit-transform:scale(.65);
  transform:scale(.65)
 }
}
.ioniclogo {
 position:absolute;
 left:370px;
 top:220px;
 width:260px;
 height:260px;
 background:url(../img/ionic_wtlogo_icon.png) no-repeat;
 background-size:100% 100%
}
.ionicframeworkhelp {
 padding:60px 100px 30px 100px
}
.ionicframeworkhelp h2 {
 color:#46a7ff;
 font-size:70px;
 line-height:80px;
 font-weight:500;
 text-transform:uppercase;
 margin-bottom:40px
}
.ionicframeworkhelp h3 {
 font-family:'Open Sans',sans-serif;
 color:#46a7ff;
 font-size:40px;
 line-height:40px;
 margin-bottom:15px;
 text-transform:uppercase
}
.ionic_develoment_features {
 padding:40px 0;
 max-width:850px;
 margin:auto
}
.ionic_develoment_features .ionicdevrow {
 display:table;
 margin:auto;
 text-align:center;
 padding-bottom:140px
}
.ionic_develoment_features .ionicdevrow:last-child {
 padding-bottom:0
}
.ionic_develoment_features .ionicmainbx {
 position:relative;
 width:140px;
 height:140px;
 margin:auto
}
.ionic_develoment_features .ionicdev {
 position:relative;
 width:140px;
 height:140px;
 padding:15px;
 border-radius:50%;
 background-color:rgba(231,105,37,.16);
 margin:auto;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 cursor:pointer
}
.ionic_develoment_features .ionicmainbx .ionicservices {
 position:absolute;
 width:280px;
 top:50%;
 right:-310px;
 padding:0 10px;
 line-height:56px;
 font-size:16px;
 color:#df3226;
 margin-top:-35px;
 text-align:center;
 border:1px solid #df3226;
 border-radius:8px;
 display:inline-block;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 box-shadow:-11.804px 20.166px 28px 0 rgba(231,105,37,.1)
}
.ionic_develoment_features.vr .ionicmainbx .ionicservices {
 width:330px;
 right:-360px
}
.ionic_develoment_features .ionicdevrow:hover .ionicmainbx .ionicservices {
 background-color:#e76925;
 color:#fff
}
.ionic_develoment_features .ionicdevrow:nth-child(2n) .ionicmainbx .ionicservices {
 right:auto;
 left:-310px
}
.ionic_develoment_features.vr .ionicdevrow:nth-child(2n) .ionicmainbx .ionicservices {
 left:-360px
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev {
 background-color:#e76925
}
.ionic_develoment_features .ionicdev .iconicdeviconbx {
 position:relative;
 width:110px;
 height:110px;
 border-radius:50%;
 background-color:#fff;
 box-shadow:-11.804px 23.166px 32px 0 rgba(231,105,37,.29)
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span {
 position:absolute;
 width:60px;
 height:60px;
 left:50%;
 top:50%;
 margin-left:-30px;
 margin-top:-30px;
 background:url(../img/ionic_development_icon.png) no-repeat;
 background-size:120px 720px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.ionic_develoment_features.iot .ionicdev .iconicdeviconbx span {
 background:url(../img/iot_development_services_icon.png) no-repeat;
 background-size:120px 660px
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span.ionic_widget_development {
 background-position:0 0
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .iconicdeviconbx span.ionic_widget_development {
 background-position:-60px 0
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span.hybrid_app_development {
 background-position:0 -60px
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .iconicdeviconbx span.hybrid_app_development {
 background-position:-60px -60px
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span.ionic_app_integration {
 background-position:0 -120px
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .iconicdeviconbx span.ionic_app_integration {
 background-position:-60px -120px
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span.enterprise_app_development {
 background-position:0 -180px
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .iconicdeviconbx span.enterprise_app_development {
 background-position:-60px -180px
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span.ionic_migration_services {
 background-position:0 -240px
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .iconicdeviconbx span.ionic_migration_services {
 background-position:-60px -240px
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span.ionic_support_maintenance {
 background-position:0 -300px
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .iconicdeviconbx span.ionic_support_maintenance {
 background-position:-60px -300px
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span.customer_engagement {
 background-position:0 -360px
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .iconicdeviconbx span.customer_engagement {
 background-position:-60px -360px
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span.rebust {
 background-position:0 -420px
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .iconicdeviconbx span.rebust {
 background-position:-60px -420px
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span.mesmerizing {
 background-position:0 -480px
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .iconicdeviconbx span.mesmerizing {
 background-position:-60px -480px
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span.customer_Oriented {
 background-position:0 -540px
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .iconicdeviconbx span.customer_Oriented {
 background-position:-60px -540px
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span.incredible_developer {
 background-position:0 -600px
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .iconicdeviconbx span.incredible_developer {
 background-position:-60px -600px
}
.ionic_develoment_features .ionicdev .iconicdeviconbx span.access_analytics {
 background-position:0 -660px
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .iconicdeviconbx span.access_analytics {
 background-position:-60px -660px
}
.ionic_develoment_features .la-ball-elastic-dots {
 position:absolute;
 left:-110px;
 bottom:-160px;
 height:180px;
 -webkit-transform:rotate(90deg);
 transform:rotate(90deg)
}
.ionic_develoment_features .ionicdevrow:hover .ionicdev .la-ball-elastic-dots.la-dark {
 color:#df3226
}
.reconizationbx.hireionicdev h2 {
 font-size:70px;
 color:#439ff4;
 line-height:80px;
 margin-top:0;
 font-weight:700;
 text-transform:uppercase
}
.reconizationbx.hireionicdev.iot h2 {
 color:#fbb664
}
.reconizationbx.hireionicdev.iot h2 span {
 text-transform:capitalize
}
.reconizationbx.hireionicdev h4 {
 font-family:'Open Sans',sans-serif;
 font-size:40px;
 color:#439ff4;
 line-height:50px;
 text-transform:uppercase
}
.reconizationbx.hireionicdev.iot h4 {
 color:#fbb664
}
.ionicdevelopmentservice {
 padding:120px 100px 160px 100px
}
.ionicdevelopmentservice .devserrows {
 position:relative;
 min-height:280px;
 padding-bottom:80px
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx {
 position:absolute;
 left:0;
 top:0;
 width:180px;
 height:180px;
 background:#07f;
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%);
 border-radius:12px;
 box-shadow:0 61px 57px 0 rgba(60,159,255,.14)
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx .la-ball-scalebx {
 position:absolute;
 width:130px;
 height:130px;
 left:50%;
 top:50%;
 margin:-65px 0 0 -65px;
 border-radius:50%;
 z-index:1;
 background-color:rgba(255,255,255,.11)
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx .iconsboxes {
 position:absolute;
 width:100px;
 height:100px;
 left:50%;
 top:50%;
 margin:-50px 0 0 -50px;
 z-index:2;
 border-radius:50%;
 background-color:rgba(255,255,255,.13)
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx .iconsboxes span {
 position:absolute;
 width:80px;
 height:80px;
 left:50%;
 top:50%;
 margin:-40px 0 0 -40px;
 background:url(../img/ionic_services_icon.png) no-repeat;
 background-size:80px 560px
}
.ionicdevelopmentservice.iotdev .devserrows .ionicsericonbxx .iconsboxes span {
 background:url(../img/iot_development_icon.png) no-repeat;
 background-size:80px 400px
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx .iconsboxes span.ionicdevser {
 background-position:0 0
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx .iconsboxes span.highly_experienced {
 background-position:0 -80px
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx .iconsboxes span.single_codebase {
 background-position:0 -160px
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx .iconsboxes span.communication {
 background-position:0 -240px
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx .iconsboxes span.maintenance_system {
 background-position:0 -320px
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx .iconsboxes span.materialmodel {
 background-position:0 -400px
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx .iconsboxes span.teammodel {
 background-position:0 -480px
}
.ionicdevelopmentservice .devserrows:nth-child(2n) .ionicsericonbxx {
 left:auto;
 right:0
}
.ionicdevelopmentservice .devserrows .iconicdetails {
 margin-left:260px;
 padding-top:15px
}
.ionicdevelopmentservice.iotdev .devserrows .iconicdetails {
 padding-top:25px;
 margin:0 260px
}
.ionicdevelopmentservice .devserrows:nth-child(2n) .iconicdetails {
 margin-left:0;
 margin-right:260px
}
.ionicdevelopmentservice.iotdev .devserrows:nth-child(2n) .iconicdetails {
 padding-top:25px;
 margin:0 260px
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx .firstbck {
 position:absolute;
 left:8px;
 bottom:-15px;
 width:164px;
 height:50px;
 border-radius:12px;
 background:#bfdeff;
 z-index:-1
}
.ionicdevelopmentservice .devserrows .ionicsericonbxx .secondbck {
 position:absolute;
 left:20px;
 bottom:-30px;
 width:140px;
 height:50px;
 border-radius:12px;
 background:#dbecff;
 z-index:-2
}
.ionicdevelopmentservice .devserrows .iconicdetails h3 {
 font-size:24px;
 color:#000;
 margin:0 0 15px 0
}
.ionicdevelopmentservice .devserrows .iconicdetails .sminfos {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#9d9d9d;
 line-height:36px;
 text-align:justify;
 -moz-text-align-last:left;
 text-align-last:left
}
.ionicdevelopmentservice .devserrows:nth-child(2n) .iconicdetails h3 {
 text-align:right
}
.ionicdevelopmentservice .devserrows:nth-child(2n) .iconicdetails .sminfos {
 text-align:justify;
 -moz-text-align-last:right;
 text-align-last:right
}
.ionicleftkeyp {
 position:relative;
 width:760px;
 float:left
}
.ionicleftkeyp .roundCirclef {
 position:absolute;
 left:-160px;
 top:0;
 width:760px;
 height:760px;
 border:70px solid #ebf6ff;
 border-radius:50%
}
.ionicleftkeyp .roundCircleS {
 position:absolute;
 left:-90px;
 top:70px;
 width:620px;
 height:620px;
 border:70px solid #c8e7ff;
 border-radius:50%
}
.ionicleftkeyp .globimgbxs {
 position:absolute;
 left:110px;
 top:50px;
 width:640px;
 height:640px;
 background:url(../img/ionic_round_img.jpg) no-repeat;
 background-size:cover;
 border-radius:50%;
 box-shadow:-19.062px 29.353px 49px 0 rgba(36,155,255,.16)
}
.ionicTheatreShow {
 position:relative;
 padding:300px 50px;
 background:#80ceff;
 background:-webkit-linear-gradient(left,#80ceff 0,#07f 100%);
 background:linear-gradient(to right,#80ceff 0,#07f 100%);
 margin-bottom:210px
}
.theatreShowtheame {
 position:relative;
 font-family:ariblk;
 font-size:200px;
 line-height:150px;
 color:#fff;
 opacity:.1;
 white-space:nowrap;
 margin-top:-30px
}
.ionicTheatreShow .showdetails {
 position:relative;
 float:left;
 width:45%;
 z-index:1;
 margin-top:-150px
}
.ionicTheatreShow .showdetails h3 {
 font-size:50px;
 line-height:60px;
 color:#fff
}
.ionicTheatreShow .showdetails .showsminfo {
 font-family:Raleway,sans-serif;
 font-size:24px;
 color:#fff;
 line-height:40px
}
.ionicTheatreShow .theatre_show_appScreen {
 position:absolute;
 top:50px;
 right:80px;
 width:480px;
 height:907px;
 background:url(../img/theatre_show_app.png) no-repeat;
 background-size:100% 100%
}
.uiuxprosc {
 position:absolute;
 top:130px;
 right:0;
 width:600px;
 height:656px;
 background:url(../img/macbook_proscreen.png) no-repeat;
 background-size:100% 100%
}
.uiuxmobileview {
 position:absolute;
 top:180px;
 right:500px;
 width:420px;
 height:684px;
 background:url(../img/ios_mobile-app_development.png) no-repeat;
 background-size:100% 100%
}
.uiuxserviceConbox {
 background-color:#f5f8fb;
 padding:100px
}
.uiuxserviceConbox .eqWrap {
 margin-bottom:0
}
.uiuxserviceConbox .uiuxservicebox {
 max-width:1920px;
 margin:auto
}
.uiuxservicebox .uiuxConinfo {
 position:relative;
 background-color:#fff;
 padding:25px;
 margin:0 15px;
 border-radius:8px;
 overflow:hidden;
 height:auto;
 box-shadow:0 52px 18px 0 rgba(230,230,230,.45)
}
.uiuxservicebox .uiuxConinfo .btmline {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 height:5px;
 border-radius:5px 0 0 5px;
 background-color:#ff9a17
}
.uiuxservicebox .uiuxConinfo.middle .btmline {
 border-bottom:5px solid #3d5fc9
}
.uiuxservicebox .uiuxConinfo.last .btmline {
 border-bottom:5px solid #ff4f6c
}
.uiuxservicebox .uiuxConinfo .uiuxiconbxrw {
 padding-bottom:5px
}
.uiuxservicebox .uiuxConinfo .uiuxsericonbx {
 position:relative;
 width:120px;
 height:120px;
 border-radius:100%;
 border:10px solid #f5f8fb;
 background-color:#13296e
}
.uiuxservicebox .uiuxConinfo.middle .uiuxsericonbx {
 background-color:#f24976
}
.uiuxservicebox .uiuxConinfo.last .uiuxsericonbx {
 background-color:#f24472
}
.uiuxservicebox .uiuxConinfo .uiuxsericonbx span {
 position:absolute;
 top:15px;
 right:5px;
 width:80px;
 height:80px;
 background:url(../img/uiux_service_icon.png) no-repeat;
 background-size:80px 240px
}
.uiuxservicebox .uiuxConinfo .uiuxsericonbx span.product_strategy {
 background-position:0 0
}
.uiuxservicebox .uiuxConinfo .uiuxsericonbx span.expections,
.uiuxservicebox .uiuxConinfo .uiuxsericonbx span.research_testing {
 width:120px;
 height:120px;
 top:-10px;
 right:-10px;
 background-size:120px 360px;
 background-position:0 -120px
}
.uiuxservicebox .uiuxConinfo .uiuxsericonbx span.research_testing {
 background-position:0 -240px
}
.uiuxservicebox .uiuxConinfo h3 {
 font-size:28px;
 font-weight:500;
 color:#ff9a17
}
.uiuxservicebox .uiuxConinfo.middle h3 {
 color:#3d5fc9
}
.uiuxservicebox .uiuxConinfo.last h3 {
 color:#ff4f6c
}
.uiuxservicebox .uiuxConinfo .smtextinfo {
 font-family:Raleway,sans-serif;
 font-size:21px;
 color:#9d9d9d;
 line-height:36px;
 text-align:justify;
 padding:15px 0
}
.uiuxdesignservice {
 background-color:#fff;
 max-width:1920px;
 margin:auto
}
.uiuxdesignserviceCon {
 padding:100px
}
.uiuxfeaturesmainbox {
 position:relative;
 background-color:#fff;
 padding:15px 20px;
 border-radius:0 0 4px 4px;
 margin-bottom:100px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 overflow:hidden
}
.uiuxfeaturesmainbox .btmlineCl {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 height:3px;
 border-radius:0 0 4px 4px
}
.uiuxfeaturesmainbox:hover {
 box-shadow:0 45px 18px 0 rgba(230,230,230,.45)
}
.uiuxfeaturesmainbox.appgrp .btmlineCl {
 background:#f6894b;
 background:-moz-linear-gradient(left,#f6894b 0,#ff3c00 100%);
 background:-webkit-linear-gradient(left,#f6894b 0,#ff3c00 100%);
 background:linear-gradient(to right,#f6894b 0,#ff3c00 100%)
}
.uiuxfeaturesmainbox.micro_interactions .btmlineCl {
 background:#7572d5;
 background:-moz-linear-gradient(left,#7572d5 0,#72aeff 100%);
 background:-webkit-linear-gradient(left,#7572d5 0,#72aeff 100%);
 background:linear-gradient(to right,#7572d5 0,#72aeff 100%)
}
.uiuxfeaturesmainbox.analytics_design .btmlineCl {
 background:#00c0da;
 background:-moz-linear-gradient(left,#00c0da 0,#80fff2 100%);
 background:-webkit-linear-gradient(left,#00c0da 0,#80fff2 100%);
 background:linear-gradient(to right,#00c0da 0,#80fff2 100%)
}
.uiuxfeaturesmainbox.app_dashboard_design .btmlineCl {
 background:#f2fa50;
 background:-moz-linear-gradient(left,#f2fa50 0,#4fc77c 100%);
 background:-webkit-linear-gradient(left,#f2fa50 0,#4fc77c 100%);
 background:linear-gradient(to right,#f2fa50 0,#4fc77c 100%)
}
.uiuxfeaturesmainbox.app_brand_integration .btmlineCl {
 background:#8a3fff;
 background:-moz-linear-gradient(left,#8a3fff 0,#ff5252 100%);
 background:-webkit-linear-gradient(left,#8a3fff 0,#ff5252 100%);
 background:linear-gradient(to right,#8a3fff 0,#ff5252 100%)
}
.uiuxfeaturesmainbox.app_prototyping .btmlineCl {
 background:#1a76ff;
 background:-moz-linear-gradient(left,#1a76ff 0,#30ff00 100%);
 background:-webkit-linear-gradient(left,#1a76ff 0,#30ff00 100%);
 background:linear-gradient(to right,#1a76ff 0,#30ff00 100%)
}
.uiuxfeaturesmainbox.front_end_programming .btmlineCl {
 background:#5050fa;
 background:-moz-linear-gradient(left,#5050fa 0,#00baff 100%);
 background:-webkit-linear-gradient(left,#5050fa 0,#00baff 100%);
 background:linear-gradient(to right,#5050fa 0,#00baff 100%)
}
.uiuxfeaturesmainbox.multi_channel_integration .btmlineCl {
 background:#ff6b12;
 background:-moz-linear-gradient(left,#ff6b12 0,#fcff0d 100%);
 background:-webkit-linear-gradient(left,#ff6b12 0,#fcff0d 100%);
 background:linear-gradient(to right,#ff6b12 0,#fcff0d 100%)
}
.uiuxfeaturesbx {
 position:relative;
 padding-left:130px;
 border-radius:4px;
 height:100px;
 line-height:100px
}
.uiuxfeaturesbx .uiuxficon {
 position:absolute;
 left:0;
 top:0;
 width:100px;
 height:100px;
 border-radius:100%;
 background-color:#f1f1ff
}
.uiuxfeaturesbx.app_graphic .uiuxficon {
 background-color:#ffeaea
}
.uiuxfeaturesbx.micro .uiuxficon {
 background-color:#f2f7ff
}
.uiuxfeaturesbx.analytics .uiuxficon {
 background-color:#f0feff
}
.uiuxfeaturesbx.dashboard .uiuxficon {
 background-color:#f4fff8
}
.uiuxfeaturesbx.appbrand .uiuxficon {
 background-color:#fbf2ff
}
.uiuxfeaturesbx.appprototyping .uiuxficon {
 background-color:#f0f9ff
}
.uiuxfeaturesbx.frontend .uiuxficon {
 background-color:#eefbff
}
.uiuxfeaturesbx.multichannel .uiuxficon {
 background-color:#fff8f0
}
.uiuxfeaturesbx .uiuxficon span {
 position:absolute;
 left:50%;
 top:50%;
 width:60px;
 height:60px;
 margin:-30px 0 0 -30px;
 background:url(../img/uiux_features_service_icons.png) no-repeat;
 background-size:60px 540px
}
.uiuxfeaturesbx .uiuxficon span.user_interface {
 background-position:0 0
}
.uiuxfeaturesbx .uiuxficon span.graphic_development {
 background-position:0 -60px
}
.uiuxfeaturesbx .uiuxficon span.micro_interactions {
 background-position:0 -120px
}
.uiuxfeaturesbx .uiuxficon span.analytics_design {
 background-position:0 -180px
}
.uiuxfeaturesbx .uiuxficon span.dashboard_design {
 background-position:0 -240px
}
.uiuxfeaturesbx .uiuxficon span.appbrand {
 background-position:0 -300px
}
.uiuxfeaturesbx .uiuxficon span.app_prototyping {
 background-position:0 -360px
}
.uiuxfeaturesbx .uiuxficon span.front_end_programming {
 background-position:0 -420px
}
.uiuxfeaturesbx .uiuxficon span.multi_channel_integration {
 background-position:0 -480px
}
.uiuxfeaturesbx .uiuxfeaturesnm {
 font-family:Raleway,sans-serif;
 font-size:21px;
 color:#282828;
 display:inline-block;
 vertical-align:middle;
 line-height:normal
}
.mustpicuiux_section {
 position:relative;
 padding:100px
}
.mustpicuiux_section .bdrshow_divideline {
 position:absolute;
 left:0;
 right:0;
 top:310px;
 height:1px;
 background:url(../img/bdr_line_100wd.png) repeat-x;
 z-index:1
}
.mustpicuiux_section h3 {
 font-size:28px;
 color:#282828;
 font-weight:500;
 line-height:32px;
 text-align:center;
 text-transform:uppercase;
 margin-bottom:50px
}
.picuiuxConbx {
 margin:0
}
.picuiuxConbx .picuiuxdetailsbx {
 position:relative;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.picuiuxConbx:hover .picuiuxdetailsbx {
 box-shadow:0 35px 18px 0 rgba(66,106,255,.07)
}
.picuiuxConbx .numrw {
 font-family:ariblk;
 font-size:160px;
 line-height:200px;
 color:#f7f7f7;
 text-align:center
}
.picuiuxConbx .numrw .nmbx {
 position:relative;
 display:inline-block
}
.picuiuxConbx .numrw .nmbx .bullets_points {
 position:absolute;
 left:50%;
 top:50%;
 width:22px;
 height:22px;
 border-radius:100%;
 margin:-4px 0 0 -11px;
 background-color:#fff;
 box-shadow:0 0 4px rgba(0,0,0,.1);
 z-index:2
}
.picuiuxConbx .numrw .nmbx .bullets_points .blupoints {
 position:absolute;
 left:50%;
 top:50%;
 width:12px;
 height:12px;
 border-radius:100%;
 margin:-6px 0 0 -6px;
 background-color:#0ac0b1
}
.picuiuxConbx.solve .numrw .nmbx .bullets_points .blupoints {
 background-color:#6384ff
}
.picuiuxConbx.craft .numrw .nmbx .bullets_points .blupoints {
 background-color:#ab6efe
}
.picuiuxConbx .bxheading {
 font-size:28px;
 font-weight:500;
 color:#1addcd;
 text-align:center
}
.picuiuxConbx.solve .bxheading {
 color:#6384ff
}
.picuiuxConbx.craft .bxheading {
 color:#ab6efe
}
.picuiuxConbx .smtinfo {
 padding:20px 10px;
 text-align:center
}
.methodologies_section {
 position:relative;
 padding:100px;
 padding-right:0;
 min-height:720px
}
.methodologies_section .methodologieslCon {
 position:absolute;
 left:100px;
 top:320px;
 right:950px
}
.methodologies_section .methodologieslCon h3 {
 font-size:36px;
 color:#000;
 font-weight:300;
 text-transform:uppercase
}
.methodologies_section .methodologieslCon .smtextinfos {
 font-family:Raleway,sans-serif;
 font-size:21px;
 color:#9d9d9d;
 line-height:36px;
 text-align:justify;
 padding:15px 0
}
.methodologies_designbox {
 position:relative;
 float:right;
 width:900px
}
.methodologies_designbox .designbg {
 width:900px;
 height:708px;
 background:url(../img/methodologies_bg.png) no-repeat;
 background-size:100% 100%
}
.methodologies_designbox .methodologies_graph {
 position:absolute;
 top:130px;
 right:100px;
 width:720px;
 height:558px;
 background:url(../img/methodologies_graph.png) no-repeat;
 background-size:100% 100%
}
.methodologies_designbox .yearlybx {
 position:absolute;
 top:0;
 right:30px;
 width:360px;
 padding:15px 15px 10px 15px;
 border-radius:12px;
 background-color:#29e3a8;
 z-index:2;
 box-shadow:-10px 20px 4px 0 rgba(66,106,255,.07)
}
.methodologies_designbox .yearlybx.monthly {
 position:absolute;
 top:120px;
 left:-50px;
 right:auto;
 padding:20px 15px 20px 15px;
 background-color:#ff5e88
}
.methodologies_designbox .yearlybx.weekly {
 position:absolute;
 top:auto;
 left:-100px;
 bottom:90px;
 right:auto;
 width:460px;
 padding:20px 15px 20px 15px;
 background-color:#27c7e4
}
.methodologies_designbox .yearlybx .headings {
 position:absolute;
 top:-40px;
 left:0;
 font-weight:500;
 font-size:21px;
 color:#29e3a8
}
.methodologies_designbox .yearlybx.monthly .headings {
 color:#ff5e88
}
.methodologies_designbox .yearlybx.weekly .headings {
 color:#27c7e4
}
.methodologies_designbox .yearlybx .row {
 margin-bottom:8px
}
.methodologies_designbox .yearlybx h5 {
 font-size:15px;
 font-weight:500;
 color:#fff;
 margin:0
}
.methodologies_designbox .yearlybx h6 {
 font-size:13px;
 color:#fff;
 margin:0;
 font-weight:300
}
.ui_design_methodologies {
 padding-top:100px
}
.ui_design_methodologies h2 {
 font-size:50px;
 color:#282828;
 font-weight:300;
 text-align:center;
 text-transform:uppercase
}
.ui_design_methodologies .smtextuiux {
 font-family:Raleway,sans-serif;
 font-size:21px;
 color:#9d9d9d;
 line-height:36px;
 text-align:center;
 padding:15px 0;
 max-width:1000px;
 margin:20px auto
}
.ui_design_methodologies .bluetheamebase {
 background-color:#5d9aff;
 height:210px
}
.ui_design_methodologies .ui_design_methodologies_imgbx {
 width:1300px;
 margin:auto;
 margin-top:50px;
 margin-bottom:-100px
}
.ui_design_methodologies .ui_design_methodologies_imgbx img {
 width:100%;
 height:auto
}
.virtual_reality_info {
 position:relative;
 margin-top:220px
}
.virtual_reality_info .titles {
 position:relative;
 font-size:50px;
 color:#439ff4;
 font-weight:300;
 text-transform:uppercase
}
.virtual_reality_info .titles:after {
 position:absolute;
 content:'';
 left:0;
 bottom:-15px;
 width:100px;
 height:2px;
 background-color:#439ff4
}
.virtual_reality_info .smtinfo {
 margin-top:50px
}
.virtual_reality_info .subtitle {
 font-size:36px;
 color:#000;
 font-weight:300;
 text-transform:uppercase;
 margin-bottom:10px
}
.forward-thinking-app-solution {
 position:relative;
 padding:200px 100px
}
.forward-thinking-app-solution .vr_bg_theame {
 position:absolute;
 left:0;
 top:0;
 width:580px;
 height:784px;
 background:url(../img/virtual_realty_experince.png) left top no-repeat;
 background-size:100% 100%
}
.forward-thinking-app-solution .bottombgrepeat {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 height:600px;
 background:url(../img/virtual_bg.png) repeat-x
}
.forward-thinking-app-solution h2 {
 position:relative;
 font-size:50px;
 line-height:70px;
 text-align:center;
 color:#439ff4;
 font-weight:300;
 z-index:9
}
.forward-thinking-app-solution h2 span {
 display:block
}
.forward-thinking-app-solution .smtinfo {
 position:relative;
 text-align:center;
 margin-top:40px;
 z-index:1
}
.circle_move_animation {
 position:absolute;
 left:280px;
 bottom:328px;
 width:126px;
 height:123px;
 background:url(../img/move_circle.png) no-repeat;
 background-size:100% 100%
}
.circle_move_animation.next {
 left:450px
}
.mobileappdevebanwrap.vr .iostheame {
 font-size:360px;
 left:-150px;
 line-height:160px
}
.chatbots_integration_section {
 position:relative;
 padding:100px 100px 100px 100px
}
.chatbots_integration_section .chatbots_icon_bg {
 position:absolute;
 left:420px;
 top:0;
 width:520px;
 height:347px;
 background:url(../img/chatbots_icon.png) no-repeat;
 background-size:100% 100%
}
.chatbots_integration_section h2,
.chatbots_integration_section h3 {
 font-family:Raleway,sans-serif;
 font-size:50px;
 text-align:center;
 color:#884dff;
 text-transform:uppercase;
 font-weight:400
}
.chatbots_integration_section h3 {
 font-size:36px;
 font-weight:400
}
.chatbots_integration_section .smtinfo {
 margin-top:30px;
 text-align:center
}
.chatbots_developer_graph_box {
 position:relative;
 padding:80px 0;
 background-color:#f8f5fe;
 overflow:hidden
}
.chatbots_developer_graph_box .chatbxg {
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 background:url(../img/chatbots_graph_bg.png) repeat-x;
 background-size:100% auto;
 background-position:0 100px
}
.chatbots_developer_graph_box h3 {
 font-family:Raleway,sans-serif;
 font-size:36px;
 color:#b282ff;
 text-align:center;
 text-transform:uppercase;
 margin-top:0
}
.chatbots_developer_graph_box .smtinfo {
 color:#000;
 text-align:center;
 max-width:900px;
 margin:auto;
 margin-top:35px
}
.minh_inherit {
 min-height:inherit!important
}
.chatbots_circle_section {
 padding:100px 0;
 width:1060px;
 margin:auto
}
.chatbots_circle_section .chatboxCirclebox {
 position:relative;
 width:800px;
 height:800px;
 margin:auto
}
.chatbots_circle_section .upper_circle {
 position:relative;
 width:800px;
 height:800px;
 border-radius:100%;
 border:1px solid #dbdbdb
}
.chatbots_circle_section span.iconbx {
 position:absolute;
 width:70px;
 height:70px;
 border-radius:100%;
 margin:-35px 0 0 -35px;
 border:1px solid #b282ff;
 background-color:#fff;
 box-shadow:-8.714px 13.419px 21px 0 rgba(178,130,255,.18);
 cursor:pointer
}
.chatbots_circle_section.wearables span.iconbx {
 border:1px solid #2bdad1;
 box-shadow:-8.714px 13.419px 21px 0 rgba(43,218,209,.18)
}
.chatbots_circle_section span.iconbx .chatbots_tooltips {
 position:absolute;
 right:-50px;
 bottom:90px;
 width:300px;
 padding:15px 10px;
 font-size:15px;
 color:#c19bff;
 border-radius:8px;
 border:2px solid #c19bff;
 background-color:#fff;
 opacity:0;
 text-align:center;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 display:inline-block;
 box-shadow:-8.714px 13.419px 21px 0 rgba(178,130,255,.18)
}
.chatbots_circle_section.wearables span.iconbx .chatbots_tooltips {
 width:225px;
 color:#2bdad1;
 border:2px solid #2bdad1
}
.chatbots_circle_section span.iconbx.brand_business .chatbots_tooltips {
 bottom:10px;
 right:160px
}
.chatbots_circle_section span.iconbx.customers .chatbots_tooltips {
 width:325px;
 bottom:10px;
 right:auto;
 left:160px
}
.chatbots_circle_section.wearables span.iconbx.customers .chatbots_tooltips {
 width:180px
}
.chatbots_circle_section span.iconbx.savecost .chatbots_tooltips {
 width:400px;
 bottom:-90px;
 right:-50px
}
.chatbots_circle_section.wearables span.iconbx.savecost .chatbots_tooltips {
 width:260px
}
.chatbots_circle_section:hover span.iconbx .chatbots_tooltips {
 opacity:1;
 right:0
}
.chatbots_circle_section:hover span.iconbx.brand_business .chatbots_tooltips {
 right:90px
}
.chatbots_circle_section:hover span.iconbx.customers .chatbots_tooltips {
 left:90px
}
.chatbots_circle_section span.iconbx .chatbots_tooltips:after,
.chatbots_circle_section span.iconbx .chatbots_tooltips:before {
 top:100%;
 left:90%;
 border:solid transparent;
 content:" ";
 height:0;
 width:0;
 position:absolute;
 pointer-events:none
}
.chatbots_circle_section span.iconbx.brand_business .chatbots_tooltips:after,
.chatbots_circle_section span.iconbx.brand_business .chatbots_tooltips:before {
 top:50%;
 left:auto;
 right:-18px
}
.chatbots_circle_section span.iconbx.customers .chatbots_tooltips:after,
.chatbots_circle_section span.iconbx.customers .chatbots_tooltips:before {
 top:50%;
 left:-8px
}
.chatbots_circle_section span.iconbx.savecost .chatbots_tooltips:after,
.chatbots_circle_section span.iconbx.savecost .chatbots_tooltips:before {
 bottom:100%;
 top:auto;
 left:90%
}
.chatbots_circle_section span.iconbx .chatbots_tooltips:after {
 border-color:rgba(68,213,102,0);
 border-top-color:#fff;
 border-width:8px;
 margin-left:-8px
}
.chatbots_circle_section.wearables span.iconbx .chatbots_tooltips:after {
 border-color:rgba(47,219,208,0);
 border-top-color:#fff
}
.chatbots_circle_section span.iconbx.savecost .chatbots_tooltips:after {
 border-color:rgba(68,213,102,0);
 border-bottom-color:#fff;
 border-width:8px;
 margin-left:-8px
}
.chatbots_circle_section span.iconbx.brand_business .chatbots_tooltips:after {
 border-color:rgba(68,213,102,0);
 border-left-color:#fff;
 border-width:10px;
 margin-top:-10px
}
.chatbots_circle_section span.iconbx.customers .chatbots_tooltips:after {
 border-color:rgba(68,213,102,0);
 border-right-color:#fff;
 border-width:8px;
 margin-top:-8px
}
.chatbots_circle_section span.iconbx .chatbots_tooltips:before {
 border-color:rgba(68,213,102,0);
 border-top-color:#c19bff;
 border-width:10px;
 margin-left:-10px
}
.chatbots_circle_section.wearables span.iconbx .chatbots_tooltips:before {
 border-color:rgba(47,219,208,0);
 border-top-color:#2fdbd0
}
.chatbots_circle_section span.iconbx.savecost .chatbots_tooltips:before {
 border-color:rgba(68,213,102,0);
 border-bottom-color:#c19bff;
 border-width:10px;
 margin-left:-10px
}
.chatbots_circle_section.wearables span.iconbx.savecost .chatbots_tooltips:before {
 border-color:rgba(47,219,208,0);
 border-bottom-color:#2fdbd0
}
.chatbots_circle_section span.iconbx.brand_business .chatbots_tooltips:before {
 border-color:rgba(68,213,102,0);
 border-left-color:#c19bff;
 border-width:8px;
 margin-top:-8px
}
.chatbots_circle_section.wearables span.iconbx.brand_business .chatbots_tooltips:before {
 border-color:rgba(47,219,208,0);
 border-left-color:#2fdbd0
}
.chatbots_circle_section span.iconbx.customers .chatbots_tooltips:before {
 border-color:rgba(68,213,102,0);
 border-right-color:#c19bff;
 border-width:8px;
 margin-top:-8px
}
.chatbots_circle_section.wearables span.iconbx.customers .chatbots_tooltips:before {
 border-color:rgba(47,219,208,0);
 border-right-color:#2fdbd0
}
.chatbots_circle_section span.iconbx.offer_exper {
 left:50%;
 top:0
}
.chatbots_circle_section span.iconbx.savecost {
 left:50%;
 bottom:-35px
}
.chatbots_circle_section span.iconbx.brand_business {
 left:0;
 top:50%
}
.chatbots_circle_section span.iconbx.customers {
 right:-35px;
 top:50%
}
.chatbots_circle_section i {
 position:absolute;
 width:50px;
 height:50px;
 left:50%;
 top:50%;
 margin:-25px 0 0 -25px;
 background:url(../img/chatbots_circle_icon.png) no-repeat;
 background-size:50px 200px
}
.chatbots_circle_section.wearables i {
 background:url(../img/wearables_circle_icon.png) no-repeat;
 background-size:50px 200px
}
.chatbots_circle_section span.iconbx.offer_exper i {
 background-position:0 0
}
.chatbots_circle_section span.iconbx.customers i {
 background-position:0 -50px
}
.chatbots_circle_section span.iconbx.brand_business i {
 background-position:0 -100px
}
.chatbots_circle_section span.iconbx.savecost i {
 background-position:0 -150px
}
.chatbots_circle_section .below_circle {
 position:absolute;
 left:50%;
 top:50%;
 width:640px;
 height:640px;
 margin:-320px 0 0-320px;
 border-radius:100%;
 border:1px solid #dbdbdb
}
.chatbots_circle_section .greyCirclebox {
 position:absolute;
 left:50%;
 top:50%;
 width:480px;
 height:480px;
 margin:-240px 0 0 -240px;
 border-radius:100%;
 background-color:#f1f1f1
}
.chatbots_circle_section .mobile_frame_box {
 position:absolute;
 left:50%;
 bottom:140px;
 width:340px;
 height:572px;
 margin-left:-170px;
 background:url(../img/chatbots_mobile_view_frame.png) no-repeat;
 background-size:100% 100%
}
.chatbots_circle_section .mobile_frame_box .play_game_text_box {
 position:absolute;
 right:80px;
 bottom:160px;
 padding:10px 30px 10px 10px;
 color:#fff;
 border-radius:8px 8px 0 8px;
 background-color:#a77eff
}
.chatbots_circle_section .mobile_frame_box .chaticon_wchat {
 position:absolute;
 left:50px;
 right:50px;
 bottom:50px
}
.chaticon_wchat .chatlicon {
 position:relative;
 float:left;
 width:50px;
 height:50px;
 border-radius:100%;
 background-color:#a77eff;
 box-shadow:0 4px 4px rgba(0,0,0,.1)
}
.chaticon_wchat .chatlicon .chatbots_mid_icon {
 position:absolute;
 left:50%;
 top:50%;
 width:30px;
 height:20px;
 margin-left:-15px;
 margin-top:-10px;
 background:url(../img/chatbots_icon_wt.png) no-repeat;
 background-size:100% 100%
}
.chaticon_wchat .chatbot_chat {
 margin-left:60px;
 padding:10px;
 color:#8a8a8a;
 font-size:13px;
 display:block;
 border-radius:8px 8px 8px 0;
 background-color:#f2f2f2
}
.hichatbotsiconbx {
 position:absolute;
 width:240px;
 height:274px;
 left:140px;
 top:180px;
 background:url(../img/hi_chatbox_icon.png) no-repeat;
 background-size:100% 100%
}
.canHelpi {
 position:absolute;
 top:210px;
 right:135px;
 width:280px;
 height:169px;
 background:url(../img/chat_box_window_icon.png) no-repeat;
 background-size:100% 100%
}
.canHelpi h3 {
 font-size:40px;
 color:#7e7e7e;
 padding-top:15px;
 padding-left:60px
}
.canHelpi h4 {
 font-size:21px;
 color:#7e7e7e;
 padding-left:60px
}
.chatboxbigmobileview {
 position:absolute;
 top:60px;
 right:290px;
 width:560px;
 height:934px;
 background:url(../img/chatbots_ban_big_mobile_frame.png) no-repeat;
 background-size:100% 100%
}
.chatboxbigmobileview .sheduleAppoinment {
 position:absolute;
 right:150px;
 top:200px;
 padding:10px;
 color:#fff;
 border-radius:8px 8px 0 8px;
 background-color:#a77eff
}
.chatboxbigmobileview .chaticon_wchat1 {
 position:absolute;
 left:140px;
 top:280px
}
.chaticon_wchat1 .chatlicon1 {
 position:relative;
 float:left;
 width:40px;
 height:40px;
 border-radius:100%;
 background-color:#a77eff;
 box-shadow:0 4px 4px rgba(0,0,0,.1)
}
.chaticon_wchat1 .chatlicon1 .chatbots_mid_icon1 {
 position:absolute;
 left:50%;
 top:50%;
 width:30px;
 height:20px;
 margin-left:-15px;
 margin-top:-10px;
 background:url(../img/chatbots_icon_wt.png) no-repeat;
 background-size:100% 100%
}
.chaticon_wchat1 .chatbot_chat1 {
 margin-left:54px;
 padding:10px;
 color:#8a8a8a;
 font-size:13px;
 display:block;
 border-radius:8px 8px 8px 0;
 background-color:#fff;
 box-shadow:0 4px 4px rgba(0,0,0,.1)
}
.datetimebox {
 position:absolute;
 left:190px;
 width:200px;
 top:380px;
 padding:8px;
 color:#fff;
 border-radius:8px;
 background-color:#a77eff
}
.datetimebox .editbtns {
 position:absolute;
 right:10px;
 bottom:-18px;
 width:36px;
 height:36px;
 text-align:center;
 border-radius:100%;
 background-color:#fff;
 box-shadow:2px 6px 4px rgba(0,0,0,.1)
}
.datetimebox .editbtns .glyphicon {
 font-size:20px;
 color:#a77eff;
 line-height:36px
}
.datetimebox .rtb {
 border-right:1px solid #ddcdff
}
.datetimebox h5 {
 font-size:12px;
 margin:0
}
.datetimebox h6 {
 font-size:13px;
 margin:0
}
.new_utility_box {
 position:absolute;
 left:130px;
 bottom:183px;
 width:300px;
 height:175px;
 background:url(../img/new_utility.png) no-repeat;
 background-size:100% 100%
}
.choose_perfect_time {
 position:absolute;
 width:420px;
 height:288px;
 left:-190px;
 bottom:130px;
 background:url(../img/clanedor_box.png) no-repeat;
 background-size:100% 100%;
 z-index:11
}
.chatboxsmmobileview {
 position:absolute;
 top:210px;
 right:-30px;
 width:460px;
 height:767px;
 background:url(../img/chatbots_ban_sm_frame.png) no-repeat;
 background-size:100% 100%
}
.hichatsm_screen {
 position:absolute;
 width:170px;
 height:194px;
 left:50%;
 margin-left:-85px;
 top:150px;
 background:url(../img/hi_chatbox_icon.png) no-repeat;
 background-size:100% 100%
}
.chat_ban_des {
 position:absolute;
 left:100px;
 right:100px;
 bottom:240px
}
.chat_ban_des h4 {
 font-size:16px;
 color:#000;
 padding:10px;
 text-transform:uppercase;
 text-align:center
}
.chat_ban_des h5 {
 font-size:14px;
 color:#b7b7b7;
 line-height:24px;
 padding:0 10px;
 text-align:center
}
.chatbots_icon_menu_row {
 position:absolute;
 left:103px;
 width:250px;
 height:45px;
 bottom:160px;

 background:url(../img/ban_bot_icon.png) no-repeat;
 background-size:100% 100%
}
.rectkeywordswrap.chatbots .keywordrow span {
 top:36px;
 left:15px;
 margin-top:0
}
.rectkeywordswrap.chatbots .keywordrow {
 padding-left:50px
}
.rectkeywordswrap.chatbots .keywordrow.lastbdr {
 padding-right:0
}
.powerful_intelligent_app_solution {
 position:relative;
 padding:100px
}
.aiintegrationConbx .integration_heading,
.nodejskeywordwrap.ai .nodekeyrw h3,
.powerful_intelligent_app_solution h3,
.predicting_outcome h3.heading_title {
 font-size:40px;
 color:#439ff4;
 text-align:center;
 margin-bottom:35px
}
.aiintegrationConbx .integration_heading {
 position:relative;
 text-align:left;
 text-transform:uppercase
}
.aiintegrationConbx .integration_heading:after {
 position:absolute;
 content:'';
 left:0;
 bottom:-10px;
 width:150px;
 height:2px;
 background-color:#0071ff
}
.nodejskeywordwrap.ai .nodekeyrw h3 {
 text-transform:uppercase
}
.nodejskeywordwrap.ai .nodekeyrw .smtinfo {
 padding:0 100px;
 text-align:center;
 margin-bottom:80px
}
.powerful_intelligent_app_solution .smtinfo {
 text-align:center
}
.powerful_intelligent_app_solution .triangle_shape {
 position:absolute;
 top:60px;
 right:-180px;
 width:400px;
 height:404px;
 background:url(../img/triangle_shape.png) no-repeat;
 background-size:100% 100%;
 -moz-transform:rotate(-100deg);
 -webkit-transform:rotate(100deg);
 -ms--transform:rotate(100deg);
 transform:rotate(100deg)
}
.powerful_intelligent_app_solution.iot .triangle_shape {
 background:url(../img/triangle_shape_iot.png) no-repeat;
 background-size:100% 100%
}
.nodejskeywordwrap.ai .unrivaledchecksbx .checkoprw {
 position:relative;
 padding-bottom:60px;
 margin-bottom:30px
}
.nodejskeywordwrap.ai .nodekeyrw .unrivaledchecksbx .checkoprw .downline {
 position:absolute;
 left:0;
 top:30px;
 height:80%
}
.techugo_revolutionize.nodejsbox.ai .mainheadingbx {
 font-size:40px;
 line-height:60px;
 background:-webkit-linear-gradient(left,#1b87ff 0,#256aba 100%);
 background:linear-gradient(to right,#1b87ff 0,#256aba 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent
}
.predicting_outcome {
 margin:0
}
.predicting_outcome .smtinfo {
 padding:0 100px
}
.predicting_outcome_features_headers {
 background:#1b87ff;
 background:-moz-linear-gradient(left,#1b87ff 0,#256aba 100%);
 background:-webkit-linear-gradient(left,#1b87ff 0,#256aba 100%);
 background:linear-gradient(to right,#1b87ff 0,#256aba 100%);
 height:320px;
 margin-top:80px
}
.predicting_outcom_features {
 position:relative;
 padding:50px 0 20px 0;
 margin:0 100px;
 background-color:#fff;
 box-shadow:-3.24px 30.83px 32px 0 rgba(0,103,255,.16);
 z-index:1;
 margin-top:-230px
}
.predicting_outcom_features .predictingfeaturesbox {
 margin-bottom:50px
}
.predicting_outcom_features .preiconrw {
 text-align:center
}
.predicting_outcom_features .predictingiconbx {
 position:relative;
 width:150px;
 height:150px;
 border-radius:20px;
 background-color:#fff;
 display:inline-block;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.predictingfeaturesbox:hover .predictingiconbx {
 background:#07f;
 background:-moz-linear-gradient(left,#07f 0,#80ceff 100%);
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%);
 box-shadow:0 9px 29px 0 rgba(27,134,253,.25)
}
.predicting_outcom_features .predictingiconbx span {
 position:absolute;
 top:50%;
 left:50%;
 width:100px;
 height:100px;
 margin:-50px 0 0 -50px;
 background:url(../img/predicting_outcome_features_icons.png) no-repeat;
 background-size:200px 700px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 display:block
}
.predicting_outcom_features .predictingiconbx span.reactive_machines_ai {
 background-position:0 0
}
.predicting_outcom_features .predictingfeaturesbox:hover .predictingiconbx span.reactive_machines_ai {
 background-position:-100px 0
}
.predicting_outcom_features .predictingiconbx span.limited_memory_ai {
 background-position:0 -100px
}
.predicting_outcom_features .predictingfeaturesbox:hover .predictingiconbx span.limited_memory_ai {
 background-position:-100px -100px
}
.predicting_outcom_features .predictingiconbx span.theory_mind {
 background-position:0 -200px
}
.predicting_outcom_features .predictingfeaturesbox:hover .predictingiconbx span.theory_mind {
 background-position:-100px -200px
}
.predicting_outcom_features .predictingiconbx span.self_aware {
 background-position:0 -300px
}
.predicting_outcom_features .predictingfeaturesbox:hover .predictingiconbx span.self_aware {
 background-position:-100px -300px
}
.predicting_outcom_features .predictingiconbx span.ani {
 background-position:0 -400px
}
.predicting_outcom_features .predictingfeaturesbox:hover .predictingiconbx span.ani {
 background-position:-100px -400px
}
.predicting_outcom_features .predictingiconbx span.agi {
 background-position:0 -500px
}
.predicting_outcom_features .predictingfeaturesbox:hover .predictingiconbx span.agi {
 background-position:-100px -500px
}
.predicting_outcom_features .predictingiconbx span.asi {
 background-position:0 -600px
}
.predicting_outcom_features .predictingfeaturesbox:hover .predictingiconbx span.asi {
 background-position:-100px -600px
}
.predicting_outcom_features h4 {
 font-size:21px;
 color:#535353;
 text-align:center;
 margin-top:20px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.predicting_outcom_features .predictingfeaturesbox:hover h4 {
 color:#1c84f7
}
.col-sm-offset-2.offset12 {
 margin-left:12%
}
.ai_integration_section {
 padding:150px 100px 50px 40px;
 max-width:1920px;
 margin:auto
}
.aimobileframe {
 position:relative;
 min-height:640px;
 width:500px;
 margin:auto
}
.aimobileframe .reddashedbx {
 position:absolute;
 left:-150px;
 top:0
}
.aimobileframe .reddashedbx.purplebx {
 position:absolute;
 right:10px;
 left:auto;
 top:auto;
 bottom:140px;
 z-index:3
}
.aimobileframe .reddashed {
 width:140px;
 height:24px;
 border-radius:20px;
 background-color:#fb6081;
 display:inline-block
}
.aimobileframe .reddashedbx.purplebx .reddashed {
 background-color:#c484ff
}
.aimobileframe .smgbb {
 width:24px;
 height:24px;
 background-color:#fb6081;
 border-radius:50%;
 display:inline-block;
 margin-left:20px
}
.aimobileframe .reddashedbx.purplebx .smgbb {
 background-color:#d3a2ff
}
.aimobileframe .ndrtgr {
 top:0;
 background-color:#50b0ff
}
.aimobileframe .ndrtorange {
 left:-100px;
 bottom:120px
}
.aimobileframe .triShape1 {
 position:absolute;
 right:-40px;
 top:-50px;
 width:500px
}
.aimobileframe .triShape2 {
 position:absolute;
 right:20px;
 top:0;
 width:500px;
 z-index:1
}
.aimobileframe .mobileframe {
 position:absolute;
 left:80px;
 top:-50px;
 width:340px;
 z-index:2
}
.aimobileframe .mobileframe img {
 width:100%;
 height:auto
}
.aimobileframe .triShape1 img,
.aimobileframe .triShape2 img {
 width:100%;
 height:auto
}
.aiintegrationConbx {
 padding-right:50px
}
.aiintegrationConbx h3 {
 font-size:32px;
 color:#000;
 font-weight:300;
 text-transform:uppercase
}
.mobileappdevebanwrap.ai .iostheame {
 font-size:360px;
 left:-160px;
 line-height:200px
}
.mobileappdevebanwrap.ai .leftdescriptionbx h1 {
 font-family:Raleway,sans-serif;
 text-transform:capitalize
}
.rotateCircleAibox {
 position:absolute;
 top:160px;
 right:50px;
 width:400px;
 height:392px
}
.rotateCircleAibox .rtbigCir {
 position:absolute;
 left:0;
 top:0;
 width:400px;
 height:392px;
 background:url(../img/ai_circle_big.png) no-repeat;
 background-size:100% 100%
}
.rotateCircleAibox .rtsmCir {
 position:absolute;
 left:0;
 top:0;
 width:400px;
 height:392px;
 background:url(../img/ai_circle_sm.png) no-repeat;
 background-size:100% 100%
}
.startheamebg {
 position:absolute;
 top:-40px;
 right:-10px;
 width:600px;
 height:644px;
 background:url(../img/ai_banner_theame1.png) no-repeat;
 background-size:cover
}
.robotAi {
 position:absolute;
 left:50%;
 top:50%;
 width:160px;
 height:249px;
 margin-left:-112px;
 margin-top:-92px;
 background:url(../img/ai_moon_shape.png) no-repeat;
 background-size:cover
}
.ionicdevelopmentservice.iotdev .devserrows .ionicsericonbxx {
 background:#fbaa42;
 background:-moz-linear-gradient(top,#fbaa42 0,#e35601 100%);
 background:-webkit-linear-gradient(top,#fbaa42 0,#e35601 100%);
 background:linear-gradient(to bottom,#fbaa42 0,#e35601 100%);
 box-shadow:0 61px 57px 0 rgba(238,119,54,.14)
}
.ionicdevelopmentservice.iotdev .devserrows .ionicsericonbxx .firstbck {
 background:rgba(255,138,2,.3)
}
.ionicdevelopmentservice.iotdev .devserrows .ionicsericonbxx .secondbck {
 background:rgba(255,138,2,.1)
}
.aiintegrationConbx.iot .integration_heading,
.iotAppSolution .iotappsolinfo h3,
.iotofferheading,
.powerful_intelligent_app_solution.iot h3 {
 font-size:40px;
 color:#e35601;
 text-align:center;
 margin-bottom:35px
}
.aiintegrationConbx.iot {
 padding-right:0;
 padding-top:100px
}
.aiintegrationConbx.iot .integration_heading {
 text-align:left;
 text-transform:capitalize
}
.aiintegrationConbx.iot .integration_heading:after {
 background-color:#ec7519
}
.ionicleftkeyp.iot {
 height:760px
}
.ionicleftkeyp.iot .roundCirclef {
 border-color:#fff6ec
}
.ionicleftkeyp.iot .roundCircleS {
 border-color:#fdcf96
}
.ionicleftkeyp.iot .globimgbxs {
 background:url(../img/iot_round_img.jpg) no-repeat;
 background-size:cover;
 box-shadow:-19.062px 29.353px 49px 0 rgba(255,143,0,.16)
}
.iotAppSolution {
 max-width:1920px;
 margin:auto;
 margin-top:100px
}
.iotAppSolution .smtinfo {
 text-align:center
}
.iotAppSolution .iotappsolinfo {
 padding:0 100px
}
.mobileappdevebanwrap.iosdevlopment.iot .leftdescriptionbx h1 {
 font-family:Raleway,sans-serif;
 text-transform:capitalize
}
.mobileappdevebanwrap.iosdevlopment.iot .iostheame {
 left:-130px;
 font-size:360px;
 line-height:200px
}
.mobileappdevebanwrap.iosdevlopment.iot .leftdescriptionbx .iosBrand {
 background:#fbaa42;
 background:-moz-linear-gradient(left,#fbaa42 0,#e35601 100%);
 background:-webkit-linear-gradient(left,#fbaa42 0,#e35601 100%);
 background:linear-gradient(to right,#fbaa42 0,#e35601 100%);
 box-shadow:0 0 20px 10px rgba(238,119,54,.1)
}
.ionic_develoment_features.iot .ionicdev {
 background-color:rgba(247,159,57,.16)
}
.ionic_develoment_features.iot .ionicdev .iconicdeviconbx {
 box-shadow:-11.804px 23.166px 32px 0 rgba(238,119,54,.29)
}
.ionic_develoment_features.iot .ionicdevrow:hover .ionicdev {
 background-color:#f79f39
}
.ionic_develoment_features.iot .la-ball-elastic-dots.la-dark {
 color:#df3226
}
.ionic_develoment_features.iot .ionicdevrow:hover .ionicdev .la-ball-elastic-dots.la-dark {
 color:#e76925
}
.ionic_develoment_features.iot .ionicmainbx .ionicservices {
 width:320px;
 padding:10px;
 color:#f79f39;
 line-height:30px;
 border:1px solid #f79f39;
 margin-top:-110px;
 text-align:left;
 box-shadow:-11.804px 20.166px 28px 0 rgba(247,159,57,.1)
}
.ionic_develoment_features.iot .ionicdevrow:hover .ionicmainbx .ionicservices {
 background-color:#f79f39;
 color:#fff
}
.ionic_develoment_features.iot .ionicmainbx .ionicservices.business_benefits {
 width:360px;
 right:-390px
}
.ionic_develoment_features.iot .ionicmainbx .ionicservices.realtime {
 left:-350px
}
.ionic_develoment_features.iot .ionicmainbx .ionicservices.optimized_processes {
 right:-350px
}
.ionic_develoment_features.iot .ionicmainbx .ionicservices.complex_scenarios {
 width:360px;
 left:-390px
}
.ionic_develoment_features.iot .ionicmainbx .ionicservices.heps {
 width:300px;
 right:-320px;
 margin-top:-96px
}
.ionic_develoment_features.iot .ionicmainbx .ionicservices.automation {
 width:320px;
 left:-350px;
 margin-top:-96px
}
.ionic_develoment_features.iot .ionicmainbx .ionicservices.supply_chain {
 width:300px;
 right:-320px;
 margin-top:-96px
}
.ionic_develoment_features.iot .ionicmainbx .ionicservices.revenue_generation {
 width:260px;
 left:-290px;
 margin-top:-96px
}
.ionic_develoment_features.iot .ionicmainbx .ionicservices.analytics {
 width:360px;
 right:-390px
}
.ionic_develoment_features.iot .ionicmainbx .ionicservices.real_time {
 width:360px;
 left:-390px
}
.ionic_develoment_features.iot .ionicmainbx .ionicservices.incredible_developer {
 width:360px;
 right:-390px
}
.mobileappdevewrap .iotofferheading {
 padding-top:30px;
 text-transform:uppercase
}
.mobileappdevewrap .iotofferheading span {
 text-transform:capitalize
}
.businessneed_leftCon.wearables .second_circle .imgbxx {
 background:url(../img/wearables_glob_ban.jpg) no-repeat;
 background-size:cover
}
.businessneed_leftCon.wearables .first_circle {
 background:#f2fdfc
}
.businessneed_leftCon.wearables .second_circle {
 background:#e2faf7
}
.business_rtCon.wearables h2.smheading {
 font-family:Raleway,sans-serif;
 font-size:50px;
 color:#000;
 line-height:60px;
 text-transform:capitalize
}
.business_rtCon.wearables h2.smheading span {
 color:#1cd8d2;
 text-transform:uppercase;
 display:block;
 margin-top:12px
}
.benefitted_wearable {
 padding:100px 0
}
.benefitted_wearable h2 {
 font-family:Raleway,sans-serif;
 font-size:50px;
 color:#000;
 text-align:center;
 line-height:60px
}
.benefitted_wearable h3 {
 font-size:40px;
 color:#1cd8d2;
 display:block;
 text-align:center;
 margin-top:20px;
 margin-bottom:30px;
 text-transform:uppercase
}
.mobileappdevewrap.wearable {
 padding-top:0
}
.basketwrap.wearable .basketinfobox.num1 .basketiconbx .shiconbx {
 background:#28dad1;
 background:-moz-linear-gradient(left,#28dad1 0,#7de9c9 100%);
 background:-webkit-linear-gradient(left,#28dad1 0,#7de9c9 100%);
 background:linear-gradient(to right,#28dad1 0,#7de9c9 100%);
 box-shadow:0 9px 29px 0 rgba(134,128,255,.25)
}
.basketwrap.chatbots.wearable .basketinfobox.num1 .ball-scale-ripple-multiple>div {
 border:1px solid #49dfcd
}
.basketwrap.wearable .basketinfobox.num1 .basketdetails .basketsminfo .chatbots_sminfo .rtbdrs {
 background-color:#49dfcd
}
.basketwrap.wearable .basketinfobox.num1:hover .basketdetails {
 box-shadow:0 61px 57px 0 rgba(73,223,205,.14)
}
.chatbots_circle_section.wearables {
 padding-top:125px;
 padding-bottom:230px
}
.wearables_technology_info {
 padding:0 100px
}
.wearables_technology_info .smtinfo {
 max-width:1300px;
 margin:30px auto;
 text-align:center
}
.wearables_heading {
 font-size:40px;
 color:#1cd8d2;
 text-align:center
}
.chatbots_circle_section.wearables .greyCirclebox {
 overflow:hidden
}
.chatbots_circle_section.wearables .greyCirclebox .wearableswatch {
 position:absolute;
 top:0;
 left:50%;
 width:274px;
 height:493px;
 margin-left:-137px;
 background:url(../img/wearables_watch.png) no-repeat;
 background-size:100% 100%
}
.techugo_revolutionize.wearables .mainheadingbx {
 font-size:40px;
 color:#1cd8d2;
 margin-bottom:20px
}
.aiintegrationConbx.ar {
 padding-top:170px
}
.aiintegrationConbx.ar .integration_heading {
 font-size:60px;
 color:#00c0da;
 font-weight:300;
 margin-bottom:20px
}
.aiintegrationConbx.ar h3 {
 font-size:40px
}
.aiintegrationConbx.ar .integration_heading:after {
 display:none
}
.aiintegrationConbx.ar .smtinfo {
 padding-top:20px;
 text-align:justify
}
.aiintegrationConbx.ar .linewayrw {
 padding:20px 0
}
.aiintegrationConbx.ar .linewayrw .lineswd {
 width:150px;
 height:2px;
 background:#00c0da;
 display:inline-block
}
.mustpicuiux_section.ar .bdrshow_divideline {
 top:207px
}
.techugo_revolutionize.ar {
 margin-top:0;
 margin-bottom:120px
}
.techugo_revolutionize.ar .smtinfo {
 text-align:center
}
.techugo_revolutionize.ar .mainheadingbx,
.techugo_revolutionize.ar .subheadingbx {
 font-size:50px;
 color:#00c0da;
 margin-bottom:20px
}
.techugo_revolutionize.ar .subheadingbx {
 font-size:36px;
 font-weight:500
}
.endless_heading {
 font-size:36px;
 font-weight:500;
 color:#000;
 text-align:center;
 padding-top:80px;
 text-transform:uppercase
}
.arfeaturestoolwrap {
 position:relative;
 padding:100px;
 background:#00c0da;
 background:-moz-linear-gradient(left,#00c0da 0,#80fff2 100%);
 background:-webkit-linear-gradient(left,#00c0da 0,#80fff2 100%);
 background:linear-gradient(to right,#00c0da 0,#80fff2 100%)
}
.arfeaturestoolwrap .whitetheame {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 height:200px;
 background-color:#fff;
 z-index:1
}
.arfeaturestoolwrap h3 {
 font-size:50px;
 color:#fff;
 font-weight:700;
 text-transform:uppercase;
 margin-top:0
}
.blockchainhelpiconbx.augmented {
 margin:0;
 margin-top:70px;
 padding-bottom:0;
 z-index:2
}
.blchiconrw .arfeaturestoolicon {
 width:80px;
 height:60px;
 background:url(../img/ar_features_tool_icon.png) no-repeat;
 background-size:160px 300px;
 margin:25px 10px 10px 10px;
 display:inline-block;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.blchiconrw .arfeaturestoolicon.cloud {
 background-position:0 0
}
.blockchainhelpbx:hover .blchiconrw .arfeaturestoolicon.cloud {
 background-position:-80px 0
}
.blchiconrw .arfeaturestoolicon.slam {
 background-position:0 -60px
}
.blockchainhelpbx:hover .blchiconrw .arfeaturestoolicon.slam {
 background-position:-80px -60px
}
.blchiconrw .arfeaturestoolicon.object_tracking {
 background-position:0 -120px
}
.blockchainhelpbx:hover .blchiconrw .arfeaturestoolicon.object_tracking {
 background-position:-80px -120px
}
.blchiconrw .arfeaturestoolicon.smart_glass {
 background-position:0 -180px
}
.blockchainhelpbx:hover .blchiconrw .arfeaturestoolicon.smart_glass {
 background-position:-80px -180px
}
.blchiconrw .arfeaturestoolicon.chatbots_icon {
 background-position:0 -240px
}
.blockchainhelpbx:hover .blchiconrw .arfeaturestoolicon.chatbots_icon {
 background-position:-80px -240px
}
.blockchainhelpbx .smtinfo {
 text-align:center;
 margin-top:15px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.blockchainhelpiconbx.augmented .blockchainhelpbx .smtinfo {
 min-height:130px
}
.blockchainhelpiconbx.augmented .blockchainhelpbx .rtsbds {
 right:1px
}
.blockchainhelpiconbx.augmented .blockchainhelpbx .btsbds {
 bottom:-26px
}
.blockchainhelpbx:hover .smtinfo {
 color:#06c3db
}
.blockchainhelpiconbx.augmented .blockchainhelpbx .blchheading {
 min-height:inherit
}
.blockchainhelpiconbx.augmented .appStrategiesCon .appStrow .iosappoption ul li span {
 top:50%;
 margin-top:-20px
}
.ar_plateform_heading {
 font-size:36px;
 color:#000;
 font-weight:500;
 text-align:center;
 padding-top:50px;
 text-transform:uppercase
}
.ar_plateform_heading span {
 display:block
}
.app_development_strategies.augmented {
 padding-top:40px;
 margin-bottom:100px
}
.appStrategiesCon .appStrow .iosappoption ul li.arkit span {
 border:5px solid #ffcf8a
}
.appStrategiesCon .appStrow .iosappoption ul li.arcore span {
 border:5px solid #8ad4ff
}
.appStrategiesCon .appStrow .iosappoption ul li.vuforia span {
 border:5px solid #ff888d
}
.appStrategiesCon .appStrow .iosappoption ul li.metaio span {
 border:5px solid #1fdde4
}
.app_development_strategies.augmented .appStrategiesCon .appStrow.firstrw {
 padding-bottom:36px
}
.appStrategiesCon .appStrow .iosappoption ul li.arkit {
 padding-top:30px
}
.appStrategiesCon .appStrow .iosappoption ul li.arcore {
 padding-top:15px
}
.appStrategiesCon .appStrow .iosappoption ul li.vuforia {
 padding-top:40px
}
.appStrategiesCon .appStrow .iosappoption ul li.metaio {
 padding-top:25px
}
.armobileview {
 position:absolute;
 top:90px;
 right:70px;
 width:500px;
 height:918px;
 background:url(../img/ar_banner_mobile_frame.png) no-repeat;
 background-size:100% 100%
}
.armobileview .footerdesign {
 position:absolute;
 left:90px;
 right:0;
 bottom:200px
}
.footerdesign .navbx {
 float:left;
 width:100px;
 height:100px;
 padding:15px;
 background-color:#fff;
 display:block;
 margin-left:5px;
 border-radius:4px
}
.footerdesign .navbx .imgrw {
 padding-top:20px
}
.footerdesign .navbx .imgrw i {
 width:25px;
 height:25px;
 display:inline-block;
 background:url(../img/mobile_frame_icon.png) no-repeat;
 background-size:25px 75px
}
.footerdesign .navbx .imgrw i.food {
 background-position:0 0
}
.footerdesign .navbx .imgrw i.culture {
 background-position:0 -25px
}
.footerdesign .navbx .imgrw i.history {
 background-position:0 -50px
}
.footerdesign .navbx.wd {
 width:80px
}
.footerdesign .navbx.blk {
 background-color:#2e2e2e
}
.footerdesign .navbx h4 {
 font-size:16px;
 color:#000;
 margin:0;
 padding-top:8px
}
.footerdesign .navbx h4 span {
 font-size:12px;
 display:block
}
.footerdesign .navbx.blk h4 {
 color:#fff
}
.archatsbx1 {
 position:absolute;
 top:100px;
 left:100px;
 width:240px;
 padding:10px 20px;
 font-size:18px;
 text-align:center;
 border-radius:16px;
 background-color:#fff;
 box-shadow:6px 16px 6px rgba(0,0,0,.1)
}
.archatsbx1 .dropline {
 position:absolute;
 top:100%;
 left:50%;
 margin-left:-1px;
 width:2px;
 height:300px;
 border:2px dashed #fff
}
.archatsbx1.leftside {
 top:220px;
 left:-80px;
 text-align:right
}
.archatsbx1.leftside .dropline {
 left:auto;
 right:60px;
 height:200px
}
.archatsbx1.rightside {
 top:230px;
 left:auto;
 right:-30px;
 text-align:left
}
.archatsbx1.rightside .dropline {
 left:43px;
 height:200px
}
.archatsbx1:after,
.archatsbx1:before {
 top:100%;
 left:50%;
 border:solid transparent;
 content:" ";
 height:0;
 width:0;
 position:absolute;
 pointer-events:none
}
.archatsbx1.leftside:after,
.archatsbx1.leftside:before {
 left:75%
}
.archatsbx1.rightside:after,
.archatsbx1.rightside:before {
 left:auto;
 right:75%
}
.archatsbx1:after {
 border-color:rgba(136,183,213,0);
 border-top-color:#fff;
 border-width:10px;
 margin-left:-10px
}
.archatsbx1:before {
 border-color:rgba(194,225,245,0);
 border-top-color:#fff;
 border-width:15px;
 margin-left:-15px
}
.archatsbx1 .pulsemove {
 position:absolute;
 width:100px;
 height:100px;
 top:370px;
 left:50%;
 margin-left:-50px
}
.archatsbx1.leftside .pulsemove {
 top:280px;
 left:75%
}
.archatsbx1.rightside .pulsemove {
 top:280px;
 left:auto;
 margin-left:0;
 margin-right:-30px;
 right:75%
}
.archatsbx1 .la-ball-scale-pulse1,
.archatsbx1 .la-ball-scale-pulse1>div {
 position:relative;
 box-sizing:border-box
}
.archatsbx1 .la-ball-scale-pulse1 {
 display:block;
 font-size:0;
 color:#000
}
.archatsbx1 .la-ball-scale-pulse1.la-dark {
 color:#e9f6ff
}
.archatsbx1 .la-ball-scale-pulse1>div {
 display:inline-block;
 float:none;
 background-color:currentColor;
 border:0 solid currentColor
}
.archatsbx1 .la-ball-scale-pulse1>div {
 border-radius:100%;
 opacity:.5;
 -webkit-animation:ball-scale-pulse-ar 4s infinite ease-in-out;
 animation:ball-scale-pulse-ar 4s infinite ease-in-out
}
.archatsbx1 .la-ball-scale-pulse1>div:last-child {
 -webkit-animation-delay:-1s;
 animation-delay:-1s
}
.archatsbx1 .la-ball-scale-pulse1.la-3x {
 position:absolute;
 width:100px;
 height:100px;
 left:0;
 top:0
}
.archatsbx1 .pulsemove .circlesh {
 position:absolute;
 left:50%;
 top:50%;
 width:16px;
 height:16px;
 border-radius:50%;
 margin:-8px 0 0 -8px;
 border:3px solid #fff
}
.archatsbx1 .la-ball-scale-pulse1.la-3x>div {
 position:absolute;
 width:100px;
 height:100px;
 left:0;
 top:0
}
@-webkit-keyframes ball-scale-pulse-ar {
 0%,
 100% {
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 50% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes ball-scale-pulse-ar {
 0%,
 100% {
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 50% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
.apptestingsection {
 position:relative;
 padding:100px 0;
 margin-top:50px
}
.apptestingsection .fa {
 position:absolute;
 font-size:400px;
 left:50%;
 top:0;
 margin-left:-316px;
 color:#f1f8ff;
 z-index:-1
}
.apptestingsection h2 {
 font-size:60px;
 line-height:60px;

 font-weight:500;
 color:#439ff4;
 text-transform:uppercase;
 text-align:center
}
.apptestingsection .smtinfo {
 padding:0 200px;
 text-align:center
}
.apptestingsection .subheadingrow {
 margin:42px 0 30px 0
}
.apptestingsection .subheadingrow .linesrow {
 float:left;
 background:#07f;
 background:-moz-linear-gradient(left,#07f 0,#80ceff 100%);
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%);
 width:38%;
 height:1px;
 display:inline-block;
 box-sizing:border-box
}
.apptestingsection .subheadingrow .textbxrow {
 float:left;
 width:24%;
 font-weight:500;
 font-size:28px;
 text-align:center;
 color:#439ff4;
 box-sizing:border-box;
 display:inline-block;
 text-transform:uppercase;
 margin-top:-22px
}
.whyapptesting {
 margin-top:190px
}
.whyapptesting .testingheading {
 font-size:60px;
 line-height:90px;
 font-weight:500;
 color:#439ff4;
 text-transform:uppercase
}
.whyapptesting .smtinfo {
 padding-right:120px;
 padding-top:30px
}
.whyiossection.testing {
 padding:80px 0 80px 100px
}
.testingnumberrow {
 padding:80px 100px
}
.testingnumberrow .eqWrap {
 margin-bottom:0
}
.testingnumberbx {
 padding:80px 30px;
 height:100%;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.testingnumberbx:hover {
 box-shadow:0 61px 57px 0 rgba(90,180,255,.14)
}
.testingnumberbx .numberstroke {
 font-family:ariblk;
 font-size:110px;
 line-height:110px;
 color:#000;
 text-align:center;
 -webkit-text-fill-color:#fff;
 -webkit-text-stroke-width:3px;
 -webkit-text-stroke-color:#07f
}
.testingnumberbx .testnuminfo {
 position:relative;
 font-size:18px;
 color:#9d9d9d;
 text-align:center;
 line-height:36px;
 background:url(../img/number_btm_row.png) top center no-repeat;
 background-size:174px 2px;
 background-color:#fff;
 margin-top:-38px;
 padding:5px 0;
 z-index:1
}
.testingrtbd {
 border-right:1px solid #e5e5e5
}
.picktechugobox.testing .container {
 width:1360px;
 margin-left:-680px
}
.testingtypelistsection {
 padding:80px 100px
}
.testingtypelistrow {
 margin-bottom:80px
}
.testingtypelistrow .testingicon {
 text-align:center
}
.testingtypelistrow .testingicon img {
 max-width:700px;
 display:inline-block
}
.blcdvelopemtrow.testing {
 padding:100px 80px;
 margin-top:40px;
 margin-right:100px;
 border-radius:32px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.testingtypelistrow:hover .blcdvelopemtrow.testing {
 box-shadow:0 61px 57px 0 rgba(90,180,255,.14)
}
.blcdvelopemtrow.testing .blcdevCon {
 margin-left:0
}
.blcdvelopemtrow.testing .blcdevCon h4 {
 font-size:40px;
 padding-top:30px
}
.blcdvelopemtrow.testing .blcdevCon h4:after {
 bottom:-20px;
 width:60px;
 height:5px;
 background:#07f;
 background:-moz-linear-gradient(left,#07f 0,#80ceff 100%);
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%)
}
.blcdvelopemtrow.testing .blcdevesminfo {
 min-height:180px
}
.rectkeywordswrap.testing {
 background:url(../img/border_show.jpg) top repeat-x
}
.rectkeywordswrap.testing h3 {
 font-size:24px;
 color:#282828;
 text-align:center;
 line-height:50px;
 margin-top:0;
 margin-bottom:40px
}
.rectkeywordswrap.testing .keywordrow span {
 top:36px;
 margin-top:0
}
.business_need_wrap.homepg {
 padding-top:40px;
 padding-bottom:120px
}
.recognitionwrap {
 padding:100px 100px 100px 0
}
.business_need_wrap .recognition_heading {
 font-size:50px;
 line-height:60px;
 color:#15c74e;
 text-align:center;
 font-weight:700;
 padding-bottom:80px
}
.businessneed_leftCon.recognition {
 position:relative;
 left:-130px;
 -moz-transform:rotate(-15deg);
 -webkit-transform:rotate(-15deg);
 -ms--transform:rotate(-15deg);
 transform:rotate(-15deg);
 -webkit-transition:all .2s;
 transition:all .2s
}
.businessneed_leftCon.recognition .first_circle {
 background:#eaf6ff
}
.businessneed_leftCon.recognition .second_circle {
 background:#def2ff
}
.businessneed_leftCon.recognition .second_circle .imgbxx {
 background:url(../img/recognition_ban.jpg) no-repeat;
 background-size:cover
}
.business_rtCon.homepg {
 margin-left:900px;
 padding-top:0
}
.business_partner_wrap {
 position:relative
}
.business_partner_wrap a {
 text-decoration:none
}
.business_partner_wrap .partnerlogobx {
 position:relative;
 padding:30px;
 background-color:#fff;
 border-radius:8px;
 min-height:270px;
 box-shadow:0 14px 61px 0 rgba(134,134,134,.15);
 margin-bottom:30px;
 cursor:pointer;
 -webkit-transform:scale(1);
 transform:scale(1);
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.business_partner_wrap .partnerlogobx:hover {
 -webkit-transform:scale(1.1);
 transform:scale(1.1);
 box-shadow:0 14px 61px 0 rgba(72,212,78,.25);
 z-index:1
}
.business_partner_wrap .partnerlogobx .partnerlogo {
 text-align:center;
 min-height:100px;
 line-height:100px;
 vertical-align:middle;
 margin-top:10px
}
.business_partner_wrap .partnerlogobx .partnerlogo span.extract {
 width:240px;
 height:28px;
 background:url(../img/extract_logo1.png) no-repeat;
 background-size:240px 55px;
 background-position:0 -28px;
 display:inline-block;
 vertical-align:middle;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.business_partner_wrap .partnerlogobx:hover .partnerlogo span.extract {
 background-position:0 0
}
.business_partner_wrap .partnerlogobx .partnerlogo span.goodfirms {
 width:250px;
 height:36px;
 background:url(../img/goodfirms1.jpg) no-repeat;
 background-size:500px 36px;
 background-position:-250px 0;
 display:inline-block;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.business_partner_wrap .partnerlogobx:hover .partnerlogo span.goodfirms {
 background-position:0 0
}
.business_partner_wrap .partnerlogobx .partnerlogo span.appfutura {
 width:120px;
 height:105px;
 background:url(../img/appfutura_logo.jpg) no-repeat;
 background-size:120px 209px;
 background-position:0 -105px;
 display:inline-block;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.business_partner_wrap .partnerlogobx:hover .partnerlogo span.appfutura {
 background-position:0 0
}
.business_partner_wrap .partnerlogobx .partnerlogo span.clutch {
 width:150px;
 height:60px;
 background:url(../img/clutch_logo1.png) no-repeat;
 background-size:150px 120px;
 background-position:0 -60px;
 display:inline-block;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.business_partner_wrap .partnerlogobx:hover .partnerlogo span.clutch {
 background-position:0 0
}
.business_partner_wrap .partnerlogobx .partnerlogo span.iitfirms {
 width:120px;
 height:84px;
 background:url(../img/itfirms_logo.png) no-repeat;
 background-size:120px 168px;
 background-position:0 -84px;
 display:inline-block;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.business_partner_wrap .partnerlogobx:hover .partnerlogo span.iitfirms {
 background-position:0 0
}
.business_partner_wrap .partnerlogobx .partnerlogo span.yourstory {
 width:180px;
 height:64px;
 background:url(../img/your_story.png) no-repeat;
 background-size:180px 128px;
 background-position:0 -64px;
 display:inline-block;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.business_partner_wrap .partnerlogobx:hover .partnerlogo span.yourstory {
 background-position:0 0
}
.business_partner_wrap .partnerlogobx .textrw {
 font-weight:700;
 font-size:22px;
 line-height:36px;
 color:#d4d4d4;
 text-align:center;
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.business_partner_wrap .partnerlogobx:hover .textrw {
 color:#2bcc4e
}
.column_wd_48 {
 width:47%
}
.blcelement {
 clear:both;
 display:none
}
.privacypolicywrap {
 padding:80px 100px 80px 100px
}
.privacypolicywrap.sitemap {
 padding-bottom:0
}
.privacypolicywrap h3 {
 font-size:24px;
 color:#439ff4;
 font-weight:700;
 line-height:50px
}
.privacypolicywrap.sitemap h3 {
 font-size:36px
}
.privacypolicywrap p {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#000;
 text-align:justify;
 line-height:36px
}
.privacypolicywrap a {
 color:#439ff4
}
.fileinput.input-group span.fileinput-new {
 background-color:#4987f1;
 width:40px;
 height:40px;
 font-size:28px;
 color:#fff;
 text-align:center;
 line-height:42px;
 border-radius:100%;
 display:inline-block;
 box-shadow:none
}
.fileinput.input-group.fileinput-exists span.fileinput-new {
 display:none
}
.fileinput.input-group span.closed {
 background-color:#ff4132;
 width:40px;
 height:40px;
 font-size:20px;
 color:#fff;
 text-align:center;
 line-height:40px;
 border-radius:100%
}
.fileinput.input-group span.closed:hover {
 background-color:#ff4132
}
.fileinput .input-group-append .input-group-text:hover {
 background-color:transparent
}
.fileinput.input-group.fileinput-exists span.closed {
 display:inline-block
}
.input-group .form-control {
 padding:12px 0;
 border:0;
 border-radius:0;
 line-height:20px;
 border-bottom:1px solid #c1c0c0;
 box-shadow:none
}
.attachfile {
 font-size:15px;
 color:#999
}
.fileinput.input-group.fileinput-exists .attachfile {
 display:none
}
.contactformbox .form-control .fileinput-filename {
 color:#999
}
label.error {
 color:red;
 margin-bottom:0;
 font-weight:400;
 font-size:13px
}
input.error {
 border:1px solid red
}
.robotbx span.error {
 color:red;
 font-size:13px;
 padding-bottom:5px;
 display:block
}
textarea.error {
 border:1px solid red
}
.ourculturerw {
 display:table;
 margin:auto;
 cursor:pointer;
 margin-bottom:20px
}
.ourculturerw a {
 text-decoration:none
}
.ourculturerw.viewmore {
 margin-bottom:50px
}
.ourculturerw .videoiconbx {
 position:relative;
 display:inline-block
}
.ourculturerw:hover .videoiconbx {
 opacity:.7
}
.ourculturerw .culstxt {
 font-family:Raleway,sans-serif;
 font-size:16px;
 line-height:42px;
 color:#4e71ef;
 display:inline-block;
 vertical-align:top;
 margin-left:3px;
 background:-webkit-linear-gradient(left,#bf25ff 0,#1c6cff 100%);
 background:linear-gradient(to right,#bf25ff 0,#1c6cff 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent
}
.ourculturerw.viewmore .culstxt {
 line-height:28px;
 background:-webkit-linear-gradient(left,#f98e23 0,#b93290 100%);
 background:linear-gradient(to right,#f98e23 0,#b93290 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent
}
.ourculturerw:hover .culstxt,
.ourculturerw:hover .videoiconbx {
 opacity:.7
}
#back2Top {
 width:60px;
 height:60px;
 z-index:9999;
 display:none;
 cursor:pointer;
 position:fixed;
 bottom:20px;
 right:90px;
 background-color:#4e71ef;
 text-align:center;
 border-radius:100%;
 text-decoration:none;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 box-shadow:rgba(0,0,0,.16) 0 2px 10px 0
}
#back2Top .fa {
 color:#fff;
 font-size:32px;
 line-height:60px
}
#back2Top:hover {
 background-color:#4ebe4e
}
.contactuswrap #message {
 font-size:16px;
 text-align:center;
 margin-top:10px
}
.chatsbotsmaxwd {
 max-width:800px
}
html.fixed {
 overflow:hidden
}
.comingsoon {
 font-size:20px;
 margin-top:80px;
 font-weight:700
}
.letsgobtnhome {
 padding-top:30px;
 text-align:center;
 display:none
}
.letsgobtnhome .btn-primary {
 display:inline-block;
 padding:10px 20px!important
}
.rw-words {
 font-family:Neuton,serif;
 display:inline-block;
 text-indent:10px
}
.rw-words-1 span {
 position:absolute;
 left:0;
 right:0;
 opacity:0;
 overflow:hidden;
 text-align:center;
 -webkit-animation:rotateWord 18s linear infinite 0s;
 -ms-animation:rotateWord 18s linear infinite 0s;
 animation:rotateWord 18s linear infinite 0s
}
.rw-words-1 span:nth-child(2) {
 -webkit-animation-delay:3s;
 -ms-animation-delay:3s;
 animation-delay:3s
}
.rw-words-1 span:nth-child(3) {
 -webkit-animation-delay:6s;
 -ms-animation-delay:6s;
 animation-delay:6s
}
.rw-words-1 span:nth-child(4) {
 -webkit-animation-delay:9s;
 -ms-animation-delay:9s;
 animation-delay:9s
}
.rw-words-1 span:nth-child(5) {
 -webkit-animation-delay:12s;
 -ms-animation-delay:12s;
 animation-delay:12s
}
.rw-words-1 span:nth-child(6) {
 -webkit-animation-delay:15s;
 -ms-animation-delay:15s;
 animation-delay:15s
}
@-webkit-keyframes rotateWord {
 0% {
  opacity:0
 }
 2% {
  opacity:0;
  -webkit-transform:translateY(-30px)
 }
 5% {
  opacity:1;
  -webkit-transform:translateY(0)
 }
 17% {
  opacity:1;
  -webkit-transform:translateY(0)
 }
 20% {
  opacity:0;
  -webkit-transform:translateY(30px)
 }
 80% {
  opacity:0
 }
 100% {
  opacity:0
 }
}
@-ms-keyframes rotateWord {
 0% {
  opacity:0
 }
 2% {
  opacity:0;
  -ms-transform:translateY(-30px)
 }
 5% {
  opacity:1;
  -ms-transform:translateY(0)
 }
 17% {
  opacity:1;
  -ms-transform:translateY(0)
 }
 20% {
  opacity:0;
  -ms-transform:translateY(30px)
 }
 80% {
  opacity:0
 }
 100% {
  opacity:0
 }
}
@keyframes rotateWord {
 0% {
  opacity:0
 }
 2% {
  opacity:0;
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px)
 }
 5% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 17% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 20% {
  opacity:0;
  -webkit-transform:translateY(30px);
  transform:translateY(30px)
 }
 80% {
  opacity:0
 }
 100% {
  opacity:0
 }
}
#jpreOverlay {
 background-color:#fff
}
#jpreSlide {
 position:relative;
 font-size:18px;
 color:#ccc;
 font-weight:500;
 text-align:center;
 width:50%;
 height:30%
}
#jpreSlide:after {
 position:absolute;
 left:50%;
 bottom:60px;
 color:#000;
 width:500px;
 margin-left:-250px;
 font-size:18px;
 padding:20px;
 content:'Bringing Great IDEAS To Life Through Our Innovative Strategy & World-Class Design'
}
#jpreLoader {
 width:80px;
 height:111px;
 top:50%;
 margin-top:-90px;
 background:url(../img/techugo_logo_loader.png) no-repeat;
 background-size:80px 111px
}
#jpreBar {
 background:url(../img/techugo_logo_loader-color.png) no-repeat;
 background-size:80px 111px
}
#jprePercentage {
 color:#333;
 text-align:center;
 font-size:20px;
 top:10px
}
.mobileappdevebanwrap.countrypg .iostheame {
 font-size:340px;
 line-height:210px
}
.mobileappdevebanwrap.countrypg h1 {
 margin-top:0;
 font-weight:500
}
.mobileappdevebanwrap.countrypg h1 span.countrynm {
 position:relative;
 font-size:90px;
 color:#1384ff;
 margin-top:15px;
 font-weight:700;
 display:block
}
.mobileappdevebanwrap.countrypg h1 span.countrynm:after {
 position:absolute;
 content:'';
 left:5px;
 bottom:-28px;
 width:50px;
 height:10px;
 background-color:#1384ff
}
.mobileappdevebanwrap.countrypg .sminfotbx {
 padding-top:25px
}
.countrypgContentwrap {
 position:relative;
 padding:0 100px;
 margin:80px 0 0 0
}
.number_accolades_wrap {
 position:relative
}
.accoladesnumsection {
 float:left;
 width:840px
}
.accoladesnumsection .firstnumcol {
 float:left;
 width:390px
}
.accoladesnumsection .secondnumcol {
 float:left;
 width:390px;
 padding-top:30px
}
.accoladesnumsection .accolnumwtbx {
 position:relative;
 padding:60px 0;
 background:url(../img/satisfied_clients_bg.png) no-repeat #fff;
 background-size:contain;
 background-position:left bottom;
 border-radius:8px;
 box-shadow:0 61px 57px 0 rgba(181,181,181,.14);
 margin:0 15px;
 margin-bottom:40px
}
.accoladesnumsection .accolnumwtbx .iconsbox {
 position:absolute;
 top:20px;
 right:20px;
 width:42px;
 height:42px;
 border-radius:50%;
 background-color:#fff2e3
}
.accoladesnumsection .accolnumwtbx .iconsbox span {
 position:absolute;
 left:50%;
 top:50%;
 width:30px;
 height:30px;
 margin-left:-15px;
 margin-top:-15px;
 background:url(../img/num_digits_icons.png) no-repeat;
 background-size:30px 120px
}
.accoladesnumsection .accolnumwtbx .iconsbox span.satisfied_clients {
 background-position:0 0
}
.accoladesnumsection .accolnumwtbx .iconsbox span.countries_served {
 background-position:0 -30px
}
.accoladesnumsection .accolnumwtbx .iconsbox span.mobappsdelivered {
 background-position:0 -60px
}
.accoladesnumsection .accolnumwtbx .iconsbox span.expprojects {
 background-position:0 -90px
}
.accoladesnumsection .accolnumwtbx.coun_served .iconsbox {
 background-color:#eee5ff
}
.accoladesnumsection .accolnumwtbx.appdev .iconsbox {
 background-color:#dfefff
}
.accoladesnumsection .accolnumwtbx.expertsprojects .iconsbox {
 background-color:#ffe0e1
}
.accoladesnumsection .accolnumwtbx.coun_served {
 background:url(../img/coun_served_bg.png) no-repeat #fff;
 background-size:contain;
 background-position:left bottom
}
.accoladesnumsection .accolnumwtbx.appdev {
 background:url(../img/mobile_app_dev_num_bg.png) no-repeat #fff;
 background-size:contain;
 background-position:left bottom
}
.accoladesnumsection .accolnumwtbx.expertsprojects {
 background:url(../img/experts_projects_bg.png) no-repeat #fff;
 background-size:contain;
 background-position:left bottom
}
.accoladesnumsection .accolnumwtbx .numericrw {
 background:0 0;
 width:80%;
 margin:auto
}
.accoladesnumsection .accolnumwtbx .numericrw ul li {
 text-align:left
}
.accoladesnumsection .accolnumwtbx .numericrw ul li .counter {
 font-size:80px;
 font-weight:700;
 min-width:130px
}
.accoladesnumsection .accolnumwtbx.coun_served .numericrw ul li .counter {
 min-width:90px
}
.accoladesnumsection .accolnumwtbx .numericrw ul li span.plusicon {
 font-size:80px;
 font-weight:700
}
.accoladesnumsection .accolnumwtbx .numericrw ul li .numtxt {
 font-size:26px;
 font-weight:500
}
.accoladesnumsection .accolnumwtbx .numericrw ul li {
 width:auto;
 float:none
}
.numericrw.satisfied ul li .counter,
.numericrw.satisfied ul li .numtxt,
.numericrw.satisfied ul li span.plusicon {
 color:#ffa645
}
.numericrw.served ul li .counter,
.numericrw.served ul li .numtxt,
.numericrw.served ul li span.plusicon {
 color:#b186ff
}
.numericrw.appdev ul li .counter,
.numericrw.appdev ul li .numtxt,
.numericrw.appdev ul li span.plusicon {
 color:#3097ff
}
.numericrw.appdev ul li .numtxt span,
.numericrw.exproj ul li .numtxt span {
 display:block
}
.numericrw.exproj ul li .counter,
.numericrw.exproj ul li .numtxt,
.numericrw.exproj ul li span.plusicon {
 color:#ff7b81
}
.accoladesnuminfodetailsbox {
 margin-left:870px
}
.accoladesnuminfodetailsbox .detailsinfobx {
 padding-top:80px
}
.accoladesnuminfodetailsbox .detailsinfobx h4 {
 font-size:24px;
 color:#282828;
 font-weight:500;
 text-transform:uppercase
}
.accoladesnuminfodetailsbox .detailsinfobx h3 {
 position:relative;
 font-size:40px;
 font-weight:700;
 color:#282828
}
.accoladesnuminfodetailsbox .detailsinfobx h3:after {
 position:absolute;
 content:'';
 left:5px;
 bottom:-20px;
 width:50px;
 height:7px;
 background-color:#282828
}
.detailsinfobx .smtinfo {
 padding-top:40px
}
.counpgprocess {
 position:relative;
 padding:80px 0 160px 0
}
.countitleheadingrw {
 position:relative;
 font-size:50px;
 color:#1384ff;
 font-weight:700;
 text-transform:uppercase
}
.countitlesubheadingrw {
 position:relative;
 font-size:24px;
 font-weight:500;
 color:#282828;
 margin:30px 0
}
.countitleheadingrw:after {
 position:absolute;
 content:'';
 left:5px;
 bottom:-10px;
 width:50px;
 height:7px;
 background-color:#1384ff
}
.counprogressCircle {
 position:absolute;
 left:-240px;
 top:0;
 width:450px;
 height:450px;
 border-radius:100%;
 background:#f7fdfd;
 background:-moz-linear-gradient(top,#f7fdfd 0,#f8fafe 100%);
 background:-webkit-linear-gradient(top,#f7fdfd 0,#f8fafe 100%);
 background:linear-gradient(to bottom,#f7fdfd 0,#f8fafe 100%);
 z-index:-1
}
.counprogressCircle .wtCir {
 position:absolute;
 width:240px;
 height:240px;
 left:50%;
 top:50%;
 border-radius:100%;
 background:#fff;
 margin:-120px 0 0 -120px
}
.mobiledevStepwrap {
 padding:80px 0
}
.mobilestep_devrow {
 margin:0
}

.mobilestep_devrow .stepleftbx {
 width:200px;
 float:left
}
.mobilestep_devrow .steplogobx {
 position:relative;
 width:200px;
 height:200px;
 background:url(../img/step_circle.png) no-repeat;
 background-size:100% 100%
}
.mobilestep_devrow .stepdropline {
 width:2px;
 height:150px;
 margin:10px auto;
 background:url(../img/step_drop_lines.png) no-repeat;
 background-size:100% 100%
}
.mobilestep_devrow .steplogobx .movecwrp {
 position:absolute;
 top:0;
 left:0;
 width:200px;
 height:200px;
 -webkit-animation-iteration-count:infinite;
 -webkit-animation-timing-function:linear;
 -webkit-animation-name:orbit;
 -webkit-animation-duration:5s;
 transform-origin:center center
}
.mobilestep_devrow .steplogobx .movesmCircle {
 position:absolute;
 top:10px;
 left:10px;
 width:40px;
 height:40px;
 border-radius:100%;
 background:#5473f7;
 background:-moz-linear-gradient(left,#5473f7 0,#3ae0c3 100%);
 background:-webkit-linear-gradient(left,#5473f7 0,#3ae0c3 100%);
 background:linear-gradient(to right,#5473f7 0,#3ae0c3 100%)
}
.mobilestep_devrow .steplogobx .movesmCircle .smwtC {
 position:absolute;
 left:50%;
 top:50%;
 width:20px;
 height:20px;
 margin-top:-10px;
 margin-left:-10px;
 border-radius:100%;
 background:#fff
}
@-webkit-keyframes orbit {
 from {
  -webkit-transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(360deg)
 }
}
.mobilestep_devrow .steplogobx .stepiconbx {
 position:absolute;
 left:50%;
 top:50%;
 margin:-70px 0 0 -70px;
 width:140px;
 height:140px;
 border-radius:100%;
 background:#3ae0c3;
 background:-moz-linear-gradient(top,#3ae0c3 0,#5473f7 100%);
 background:-webkit-linear-gradient(top,#3ae0c3 0,#5473f7 100%);
 background:linear-gradient(to bottom,#3ae0c3 0,#5473f7 100%);
 box-shadow:0 0 48px 0 rgba(80,132,239,.22)
}
.mobilestep_devrow.closure .steplogobx .movesmCircle,
.mobilestep_devrow.closure .steplogobx .stepiconbx {
 background:#9574ff;
 background:-moz-linear-gradient(top,#9574ff 0,#1fa8ff 100%);
 background:-webkit-linear-gradient(top,#9574ff 0,#1fa8ff 100%);
 background:linear-gradient(to bottom,#9574ff 0,#1fa8ff 100%)
}
.mobilestep_devrow.wireframing .steplogobx .movesmCircle,
.mobilestep_devrow.wireframing .steplogobx .stepiconbx {
 background:#07f;
 background:-moz-linear-gradient(left,#07f 0,#80ceff 100%);
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%)
}
.mobilestep_devrow.development .steplogobx .movesmCircle,
.mobilestep_devrow.development .steplogobx .stepiconbx {
 background:#ffc000;
 background:-moz-linear-gradient(left,#ffc000 0,#ff7247 100%);
 background:-webkit-linear-gradient(left,#ffc000 0,#ff7247 100%);
 background:linear-gradient(to right,#ffc000 0,#ff7247 100%)
}
.mobilestep_devrow.deployment .steplogobx .movesmCircle,
.mobilestep_devrow.deployment .steplogobx .stepiconbx {
 background:#5262ff;
 background:-moz-linear-gradient(left,#5262ff 0,#7db9e8 100%);
 background:-webkit-linear-gradient(left,#5262ff 0,#7db9e8 100%);
 background:linear-gradient(to right,#5262ff 0,#7db9e8 100%)
}
.mobilestep_devrow.maintenance .steplogobx .movesmCircle,
.mobilestep_devrow.maintenance .steplogobx .stepiconbx {
 background:#f7d044;
 background:-moz-linear-gradient(left,#f7d044 0,#fe65cd 100%);
 background:-webkit-linear-gradient(left,#f7d044 0,#fe65cd 100%);
 background:linear-gradient(to right,#f7d044 0,#fe65cd 100%)
}
.mobilestep_devrow.closure .steplogobx .stepiconbx {
 box-shadow:0 0 48px 0 rgba(50,159,255,.22)
}
.mobilestep_devrow.wireframing .steplogobx .stepiconbx {
 box-shadow:0 9px 29px 0 rgba(60,159,255,.25)
}
.mobilestep_devrow.development .steplogobx .stepiconbx {
 box-shadow:0 9px 29px 0 rgba(255,129,58,.25)
}
.mobilestep_devrow.deployment .steplogobx .stepiconbx {
 box-shadow:0 9px 29px 0 rgba(102,86,255,.25)
}
.mobilestep_devrow.maintenance .steplogobx .stepiconbx {
 box-shadow:0 9px 29px 0 rgba(255,85,101,.25)
}
.mobilestep_devrow .steplogobx .stwtbg {
 position:absolute;
 left:50%;
 top:50%;
 width:100px;
 height:100px;
 border-radius:100%;
 margin:-50px 0 0 -50px;
 background:#fff
}
.stwtbg .stepicon {
 position:absolute;
 left:50%;
 top:50%;
 width:70px;
 height:70px;
 margin:-35px 0 0 -35px;
 background:url(../img/mobile_app_step_icon.png) no-repeat;
 background-size:70px 420px
}
.stwtbg .stepicon.closure {
 background-position:0 -70px
}
.stwtbg .stepicon.wireframing {
 background-position:0 -140px
}
.stwtbg .stepicon.development {
 background-position:0 -210px
}
.stwtbg .stepicon.deployment {
 background-position:0 -280px
}
.stwtbg .stepicon.maintenance {
 background-position:0 -350px
}
.stepinfodetailsCon {
 margin-left:270px;
 padding-top:30px;
 background:url(../img/grid_lines_bg.png) left -30px no-repeat;
 background-size:300px
}
.stepinfodetailsCon .steph {
 font-size:21px;
 font-weight:500;
 color:#282828
}
.stepinfodetailsCon .stepmainheading {
 font-size:40px;
 font-weight:500;
 background:-webkit-linear-gradient(top,#3ae0c3 0,#5473f7 100%);
 background:linear-gradient(to bottom,#3ae0c3 0,#5473f7 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 margin-bottom:5px;
 text-shadow:0 0 48px rgba(80,132,239,.22)
}
.mobilestep_devrow.closure .stepinfodetailsCon .stepmainheading {
 background:-webkit-linear-gradient(top,#1fa8ff 0,#9574ff 100%);
 background:linear-gradient(to bottom,#1fa8ff 0,#9574ff 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:0 0 48px rgba(50,159,255,.22)
}
.mobilestep_devrow.wireframing .stepinfodetailsCon .stepmainheading {
 background:-webkit-linear-gradient(top,#07f 0,#80ceff 100%);
 background:linear-gradient(to bottom,#07f 0,#80ceff 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:0 9px 29px rgba(60,159,255,.25)
}
.mobilestep_devrow.development .stepinfodetailsCon .stepmainheading {
 background:-webkit-linear-gradient(top,#ffc000 0,#ff7247 100%);
 background:linear-gradient(to bottom,#ffc000 0,#ff7247 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:0 9px 29px rgba(255,129,58,.25)
}
.mobilestep_devrow.deployment .stepinfodetailsCon .stepmainheading {
 background:-webkit-linear-gradient(top,#8a3fff 0,#5262ff 100%);
 background:linear-gradient(to bottom,#8a3fff 0,#5262ff 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:0 9px 29px rgba(102,86,255,.25)
}
.mobilestep_devrow.maintenance .stepinfodetailsCon .stepmainheading {
 background:-webkit-linear-gradient(top,#f7d044 0,#fe65cd 100%);
 background:linear-gradient(to bottom,#f7d044 0,#fe65cd 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:0 9px 29px rgba(255,85,101,.25)
}
.technologies_weuse_wrap {
 padding:100px 0;
 position:relative
}
.technologies_weuseCon {
 margin:0
}
.technologies_weuseCon .technologiesCirbox {
 float:left;
 width:640px
}
.technologiesCirbox .technoCirConbx {
 position:relative;
 width:640px;
 height:670px;
 display:block;
 background:url(../img/dotted_circle_img.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx.next1 {
 background:url(../img/dotted_circle_img1.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx.next2 {
 background:url(../img/dotted_circle_img2.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx.next3 {
 background:url(../img/dotted_circle_img3.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx.next4 {
 background:url(../img/dotted_circle_img4.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx.next5 {
 background:url(../img/dotted_circle_img5.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx.next6 {
 background:url(../img/dotted_circle_img6.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx.next7 {
 background:url(../img/dotted_circle_img7.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx.next8 {
 background:url(../img/dotted_circle_img8.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx .techrelimgbx {
 position:absolute;
 left:50%;
 top:50%;
 margin:-240px 0 0 -214px;
 width:480px;
 height:480px;
 border-radius:100%;
 background-color:#f2f8ff;
 overflow:hidden
}
.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse {
 position:absolute;
 left:50%;
 bottom:0
}
.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.ios {
 width:300px;
 height:353px;
 margin-left:-150px;
 background:url(../img/tech_iphone_use.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html {
 width:400px;
 height:300px;
 margin-left:-200px;
 background:url(../img/react_tech.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html.nodejs {
 background:url(../img/node_tech.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html.ionic {
 background:url(../img/mobile_app_ionic_dev.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html.applewatch {
 background:url(../img/apple_watch.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html.blockchain {
 background:url(../img/blockchain_dev_icon.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html.ardev {
 background:url(../img/ar_dev_icon.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html.iotdev {
 background:url(../img/iot_dev_icon.png) no-repeat;
 background-size:100% 100%
}
.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.android {
 width:300px;
 height:353px;
 margin-left:-150px;
 background:url(../img/tech_abdroid_use.png) no-repeat;
 background-size:100% 100%
}
.technologies_weuseCon .technologiesinfodetailsbx {
 position:relative;
 margin-left:740px
}
.technologies_weuse_wrap .counprogressCircle {
 left:auto;
 top:60px;
 right:-240px
}
.technologiesinfodetailsbx .smtinfo p {
 margin-bottom:20px;
 text-align:justify
}
.owl-carousel.counmobileapp .owl-controls {
 position:absolute;
 bottom:0;
 left:740px
}
.owl-carousel.counmobileapp .owl-prev {
 position:relative;
 top:auto;
 left:auto;
 margin-top:0;
 box-shadow:none;
 border:2px solid #c1dfff;
 background:url(../img/coun_sl_arrow.png) center center no-repeat #f2f8ff;
 background-size:15px 25px;
 display:inline-block;
 margin-right:30px;
 outline:0
}
.owl-carousel.counmobileapp .owl-next {
 position:relative;
 top:auto;
 right:auto;
 margin-top:0;
 box-shadow:none;
 border:2px solid #c1dfff;
 background:url(../img/coun_sl_arrow1.png) center center no-repeat #f2f8ff;
 background-size:15px 25px;
 display:inline-block;
 outline:0
}
.webuildproducts {
 position:relative;
 padding:100px 0
}
.webuildproducts .counprogressCircle {
 background:#fbfbfb
}
.webuildproducts .buildheading {
 font-size:40px;
 font-weight:700;
 color:#282828;
 text-transform:uppercase
}
.webuildproducts .subbuildheading {
 position:relative;
 font-size:24px;
 color:#282828;
 font-weight:500;
 text-transform:uppercase
}
.webuildproducts .subbuildheading:after {
 position:absolute;
 content:'';
 left:5px;
 bottom:-20px;
 width:50px;
 height:5px;
 background-color:#282828
}
.webuildproducts .smtinfo {
 margin-top:40px;
 color:#565656
}
.nav-tabs.appdev {
 position:relative;
 border-bottom:0
}
.nav-tabs.appdev .dottedlinesrow {
 position:absolute;
 width:auto;
 top:165px;
 left:110px;
 right:110px;
 border:1px dashed #b2b2b2
}
.nav-tabs.appdev .dottedlinesrow.btm {
 top:auto;
 bottom:40px;
 display:none
}
.nav-tabs.appdev>li {
 width:16.66%
}
.nav-tabs.appdev>li>a {
 padding:30px 0 160px 0;
 font-size:24px;
 font-weight:500;
 text-align:center;
 color:#a4aaac;
 border:0;
 margin-right:0
}
.nav-tabs.appdev>li:focus>a,
.nav-tabs.appdev>li:hover>a {
 background-color:transparent!important
}
.webuildproducts .nav>li>a:focus,
.webuildproducts .nav>li>a:hover {
 background-color:transparent;
 outline:0
}
.nav-tabs.appdev>li>a .txtblc {
 padding:18px 40px;
 border-radius:32px
}
.nav-tabs.appdev>li.active.vrar>a .txtblc {
 color:#fff;
 background:#ffc000;
 background:-moz-linear-gradient(left,#ffc000 0,#ff7247 100%);
 background:-webkit-linear-gradient(left,#ffc000 0,#ff7247 100%);
 background:linear-gradient(to right,#ffc000 0,#ff7247 100%);
 box-shadow:0 9px 29px 0 rgba(255,129,58,.25)
}
.nav-tabs.appdev>li.active.voiceiot>a .txtblc {
 color:#fff;
 background:#5473f7;
 background:-moz-linear-gradient(left,#5473f7 0,#3ae0c3 100%);
 background:-webkit-linear-gradient(left,#5473f7 0,#3ae0c3 100%);
 background:linear-gradient(to right,#5473f7 0,#3ae0c3 100%);
 box-shadow:0 9px 29px 0 rgba(80,132,239,.25)
}
.nav-tabs.appdev>li.active.webdev>a .txtblc {
 color:#fff;
 background:#1fa8ff;
 background:-moz-linear-gradient(left,#1fa8ff 0,#9574ff 100%);
 background:-webkit-linear-gradient(left,#1fa8ff 0,#9574ff 100%);
 background:linear-gradient(to right,#1fa8ff 0,#9574ff 100%);
 box-shadow:0 9px 29px 0 rgba(50,159,255,.25)
}
.nav-tabs.appdev>li.active.wearables>a .txtblc {
 color:#fff;
 background:#f7d044;
 background:-moz-linear-gradient(left,#f7d044 0,#fe65cd 100%);
 background:-webkit-linear-gradient(left,#f7d044 0,#fe65cd 100%);
 background:linear-gradient(to right,#f7d044 0,#fe65cd 100%);
 box-shadow:0 9px 29px 0 rgba(255,77,169,.25)
}
.nav-tabs.appdev>li.active.phonetablet>a .txtblc {
 color:#fff;
 background:#7db9e8;
 background:-moz-linear-gradient(left,#7db9e8 0,#774dff 100%);
 background:-webkit-linear-gradient(left,#7db9e8 0,#774dff 100%);
 background:linear-gradient(to right,#7db9e8 0,#774dff 100%);
 box-shadow:0 9px 29px 0 rgba(145,71,255,.25)
}
.nav-tabs.appdev>li.active.smarttv>a .txtblc {
 color:#fff;
 background:#07f;
 background:-moz-linear-gradient(left,#07f 0,#80ceff 100%);
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%);
 box-shadow:0 9px 29px 0 rgba(60,159,255,.25)
}
.nav-tabs.appdev>li .numcircleviewbox {
 position:absolute;
 width:120px;
 height:120px;
 left:50%;
 bottom:0;
 border:1px solid #fff;
 border-color:transparent;
 border-radius:100%;
 margin:-60px 0 0 -60px;
 display:block
}
.nav-tabs.appdev>li.active.phonetablet .numcircleviewbox {
 background-color:#fff;
 border:1px solid #7db9e8
}
.nav-tabs.appdev>li.active.vrar .numcircleviewbox {
 background-color:#fff;
 border:1px solid #ff9428
}
.nav-tabs.appdev>li.active.voiceiot .numcircleviewbox {
 background-color:#fff;
 border:1px solid #47a8dd
}
.nav-tabs.appdev>li.active.webdev .numcircleviewbox {
 background-color:#fff;
 border:1px solid #6fc2ff
}
.nav-tabs.appdev>li.active.smarttv .numcircleviewbox {
 background-color:#fff;
 border:1px solid #07f
}
.nav-tabs.appdev>li.active.wearables .numcircleviewbox {
 background-color:#fff;
 border:1px solid #fc8a9d
}
.nav-tabs.appdev>li .numviewbx {
 position:absolute;
 left:50%;
 top:50%;
 width:80px;
 height:80px;
 line-height:80px;
 margin:-40px 0 0 -40px;
 font-size:28px;
 text-align:center;
 color:#aaa;
 border-radius:100%;
 background-color:#fff;
 box-shadow:1.908px 9.816px 29px 0 rgba(40,40,40,.11);
 -webkit-transition:all .4s linear;
 transition:all .4s linear
}
.nav-tabs.appdev>li.active.vrar .numviewbx {
 color:#fff;
 background:#ffc000;
 background:-moz-linear-gradient(left,#ffc000 0,#ff7247 100%);
 background:-webkit-linear-gradient(left,#ffc000 0,#ff7247 100%);
 background:linear-gradient(to right,#ffc000 0,#ff7247 100%);
 box-shadow:1.908px 9.816px 29px 0 rgba(255,129,58,.11)
}
.nav-tabs.appdev>li.active.voiceiot .numviewbx {
 color:#fff;
 background:#5473f7;
 background:-moz-linear-gradient(left,#5473f7 0,#3ae0c3 100%);
 background:-webkit-linear-gradient(left,#5473f7 0,#3ae0c3 100%);
 background:linear-gradient(to right,#5473f7 0,#3ae0c3 100%);
 box-shadow:1.908px 9.816px 29px 0 rgba(62,206,204,.11)
}
.nav-tabs.appdev>li.active.webdev .numviewbx {
 color:#fff;
 background:#1fa8ff;
 background:-moz-linear-gradient(left,#1fa8ff 0,#9574ff 100%);
 background:-webkit-linear-gradient(left,#1fa8ff 0,#9574ff 100%);
 background:linear-gradient(to right,#1fa8ff 0,#9574ff 100%);
 box-shadow:1.908px 9.816px 29px 0 rgba(50,159,255,.11)
}
.nav-tabs.appdev>li.active.wearables .numviewbx {
 color:#fff;
 background:#f7d044;
 background:-moz-linear-gradient(left,#f7d044 0,#fe65cd 100%);
 background:-webkit-linear-gradient(left,#f7d044 0,#fe65cd 100%);
 background:linear-gradient(to right,#f7d044 0,#fe65cd 100%);
 box-shadow:1.908px 9.816px 29px 0 rgba(255,77,169,.11)
}
.nav-tabs.appdev>li.active.phonetablet .numviewbx {
 color:#fff;
 background:#7db9e8;
 background:-moz-linear-gradient(left,#7db9e8 0,#774dff 100%);
 background:-webkit-linear-gradient(left,#7db9e8 0,#774dff 100%);
 background:linear-gradient(to right,#7db9e8 0,#774dff 100%);
 box-shadow:1.908px 9.816px 29px 0 rgba(145,71,255,.11)
}
.nav-tabs.appdev>li.active.smarttv .numviewbx {
 color:#fff;
 background:#07f;
 background:-moz-linear-gradient(left,#07f 0,#80ceff 100%);
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%);
 box-shadow:1.908px 9.816px 29px 0 rgba(60,159,255,.11)
}
.nav-tabs.appdev>li.active>a,
.nav-tabs.appdev>li.active>a:focus,
.nav-tabs.appdev>li.active>a:hover {
 border:0;
 background-color:transparent
}
.nav-tabs.appdev>li:hover>a {
 border:0;
 background-color:transparent
}
.builddevdetailsCon {
 padding-top:80px
}
.builddevdetailsCon .tabConbuild {
 padding:0 50px
}
.builddevdetailsCon .tabConbuild .buildlogo {
 width:190px;
 float:left
}
.builddevdetailsCon .tabConbuild .buildlogo img {
 max-width:100%;
 max-height:100%
}
.builddevdetailsCon .tabConbuild .buildmoreinfo {
 margin-left:250px;
 border-left:3px solid #ff9c22;
 padding-left:30px
}
#wearables .builddevdetailsCon .tabConbuild .buildmoreinfo {
 border-left:3px solid #fa9d85
}
#phone_tablet .builddevdetailsCon .tabConbuild .buildmoreinfo {
 border-left:3px solid #4481ff
}
#voiceiot .builddevdetailsCon .tabConbuild .buildmoreinfo {
 border-left:3px solid #5085ee
}
#web .builddevdetailsCon .tabConbuild .buildmoreinfo {
 border-left:3px solid #07f
}
#smarttv .builddevdetailsCon .tabConbuild .buildmoreinfo {
 border-left:3px solid #07f
}
.builddevdetailsCon .tabConbuild .buildmoreinfo h4 {
 font-size:28px;
 font-weight:700;
 text-transform:uppercase;
 background:-webkit-linear-gradient(top,#ffc000 0,#ff7247 100%);
 background:linear-gradient(to bottom,#ffc000 0,#ff7247 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:0 9px 29px rgba(255,129,58,.25)
}
#wearables .builddevdetailsCon .tabConbuild .buildmoreinfo h4 {
 background:-webkit-linear-gradient(top,#f7d044 0,#fe65cd 100%);
 background:linear-gradient(to bottom,#f7d044 0,#fe65cd 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:0 9px 29px rgba(255,77,169,.25)
}
#smarttv .builddevdetailsCon .tabConbuild .buildmoreinfo h4 {
 background:-webkit-linear-gradient(top,#07f 0,#80ceff 100%);
 background:linear-gradient(to bottom,#07f 0,#80ceff 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:0 9px 29px rgba(60,159,255,.25)
}
#voiceiot .builddevdetailsCon .tabConbuild .buildmoreinfo h4 {
 background:-webkit-linear-gradient(top,#5473f7 0,#3ae0c3 100%);
 background:linear-gradient(to bottom,#5473f7 0,#3ae0c3 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:0 9px 29px rgba(80,132,239,.25)
}
#web .builddevdetailsCon .tabConbuild .buildmoreinfo h4 {
 background:-webkit-linear-gradient(top,#1fa8ff 0,#9574ff 100%);
 background:linear-gradient(to bottom,#1fa8ff 0,#9574ff 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:0 9px 29px rgba(59,159,255,.25)
}
#phone_tablet .builddevdetailsCon .tabConbuild .buildmoreinfo h4 {
 background:-webkit-linear-gradient(top,#1fa8ff 0,#774dff 100%);
 background:linear-gradient(to bottom,#1fa8ff 0,#774dff 100%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 text-shadow:0 9px 29px rgba(145,71,255,.25)
}
.builddevdetailsCon .tabConbuild .buildmoreinfo .smtinfo {
 margin-top:20px;
 color:#585858
}
.count_portfolio_section {
 padding:100px 0 120px 0
}
.count_portfolio_section .portfoliotxt {
 position:relative;
 font-family:ariblk;
 font-size:250px;
 line-height:150px;
 color:#f8f8f8
}
.count_portfolio_section .portfoliotxt span.portnm {
 position:absolute;
 content:'';
 left:10px;
 top:35px;
 font-size:90px;
 line-height:90px;
 color:#1384ff;
 font-weight:700;
 display:block
}
.count_portfolio_section .portfoliotxt span.portnm:after {
 position:absolute;
 content:'';
 left:5px;
 bottom:-20px;
 width:50px;
 height:10px;
 background-color:#1384ff
}
.count_portfolio_section .smtinfo {
 padding:40px 15px 0 15px;
 color:#000
}
.laundry_concept {
 position:relative;
 padding:210px 0 0 100px
}
.laundry_concept .blcsc {
 position:absolute;
 left:0;
 right:0;
 top:0;
 height:50%;
 background-color:#282828;
 z-index:0
}
.laundry_concept .whitesc {
 position:absolute;
 left:0;
 right:0;
 top:50%;
 height:50%;
 background-color:#fff
}
.laundry_concept .laundryheading {
 position:absolute;
 left:100px;
 top:25px;
 font-weight:700;
 font-size:160px;
 line-height:160px;
 color:#2d2d2d;
 text-transform:uppercase
}
.laundryContentbx {
 position:relative
}
.laundryContent {
 position:relative;
 margin-left:500px;
 padding:160px 160px 250px 220px;
 background:#3ad674;
 background:-moz-linear-gradient(left,#3ad674 0,#21aba5 100%);
 background:-webkit-linear-gradient(left,#3ad674 0,#21aba5 100%);
 background:linear-gradient(to right,#3ad674 0,#21aba5 100%)
}
.laundryContentbx.bonoapp .laundryContent {
 background:#ff3a31;
 background:-moz-linear-gradient(left,#ff3a31 0,#ff842a 100%);
 background:-webkit-linear-gradient(left,#ff3a31 0,#ff842a 100%);
 background:linear-gradient(to right,#ff3a31 0,#ff842a 100%)
}
.laundryContentbx.alballam .laundryContent {
 background:#1fa8ff;
 background:-moz-linear-gradient(left,#1fa8ff 0,#774dff 100%);
 background:-webkit-linear-gradient(left,#1fa8ff 0,#774dff 100%);
 background:linear-gradient(to right,#1fa8ff 0,#774dff 100%)
}
.laundryContentbx.syncare .laundryContent {
 background:#0eb6a9;
 background:-moz-linear-gradient(left,#0eb6a9 0,#11c588 100%);
 background:-webkit-linear-gradient(left,#0eb6a9 0,#11c588 100%);
 background:linear-gradient(to right,#0eb6a9 0,#11c588 100%)
}
.laundryContentbx.waki .laundryContent {
 background:#47dfbb
}
.laundryContentbx.browzly .laundryContent {
 background:#ffe340
}
.countclbtn {
 clear:both;
 display:none
}
.topkeyword {
 opacity:0;
 visibility:hidden;
 height:0
}
.application_nm {
 position:relative;
 margin-bottom:60px
}
.application_nm .applnmrw {
 position:relative;
 font-size:60px;
 color:#fff;
 font-weight:700;
 text-transform:uppercase
}
.laundryContentbx.browzly .application_nm .applnmrw {
 color:#2c2c2c
}
.application_nm .applnmrw:after {
 position:absolute;
 content:'';
 left:0;
 bottom:0;
 width:80px;
 height:4px;
 background-color:#fff
}
.laundryContentbx.browzly .application_nm .applnmrw:after {
 background-color:#2c2c2c
}
.laundryContent .smtinfo {
 color:#fff;
 min-height:150px
}
.laundryContentbx.browzly .laundryContent .smtinfo {
 color:#2c2c2c
}
.appslinum {
 position:absolute;
 left:-30px;
 top:-80px;
 font-size:180px;
 font-weight:700;
 color:#fff;
 opacity:.15
}
.laundryContentbx.browzly .appslinum {
 color:#000;
 opacity:.08
}
.apprelscbx {
 position:absolute;
 top:100px;
 left:-250px;
 width:500px;
 height:905px;
 background:url(../img/mobile_appdevs_screen.png) no-repeat;
 background-size:100% 100%
}
.laundryContentbx.bonoapp .apprelscbx {
 background:url(../img/mobile_appdevs_screen1.png) no-repeat;
 background-size:100% 100%
}
.laundryContentbx.alballam .apprelscbx {
 background:url(../img/mobile_appdevs_screen2.png) no-repeat;
 background-size:100% 100%
}
.laundryContentbx.waki .apprelscbx {
 background:url(../img/mobile_appdevs_screen3.png) no-repeat;
 background-size:100% 100%
}
.laundryContentbx.syncare .apprelscbx {
 background:url(../img/mobile_appdevs_screen4.png) no-repeat;
 background-size:100% 100%
}
.laundryContentbx.browzly .apprelscbx {
 background:url(../img/mobile_appdevs_screen5.png) no-repeat;
 background-size:100% 100%
}
.casestudytxtrw {
 position:absolute;
 left:220px;
 bottom:30px;
 font-size:21px;
 color:#fff;
 padding-left:60px
}
.laundryContentbx.browzly .casestudytxtrw {
 color:#2c2c2c
}
.casestudytxtrw:after {
 position:absolute;
 content:'';
 left:0;
 top:15px;
 width:40px;
 height:2px;
 background-color:#fff
}
.laundryContentbx.browzly .casestudytxtrw:after {
 background-color:#2c2c2c
}
.applicationlogofixbx {
 position:absolute;
 right:140px;
 bottom:-120px;
 width:240px;
 height:240px;
 border-radius:100%;
 background-color:rgba(255,255,255,.3)
}
.applicationlogofixbx .logocover {
 position:absolute;
 width:130px;
 height:130px;
 left:50%;
 top:50%;
 border-radius:100%;
 margin:-65px 0 0 -65px;
 background-color:#fff
}
.applicationlogofixbx .logoinnercover {
 position:absolute;
 width:110px;
 height:110px;
 left:50%;
 top:50%;
 border-radius:100%;
 margin:-55px 0 0 -55px;
 background:#2cd664;
 background:-moz-linear-gradient(left,#2cd664 0,#0082d5 100%);
 background:-webkit-linear-gradient(left,#2cd664 0,#0082d5 100%);
 background:linear-gradient(to right,#2cd664 0,#0082d5 100%);
 box-shadow:0 7px 24px 0 rgba(25,179,147,.35);
 overflow:hidden
}
.laundryContentbx.bonoapp .applicationlogofixbx .logoinnercover {
 background:#ff3a31;
 background:-moz-linear-gradient(left,#ff3a31 0,#ff842a 100%);
 background:-webkit-linear-gradient(left,#ff3a31 0,#ff842a 100%);
 background:linear-gradient(to right,#ff3a31 0,#ff842a 100%)
}
.laundryContentbx.alballam .applicationlogofixbx .logoinnercover {
 background:#1fa8ff;
 background:-moz-linear-gradient(left,#1fa8ff 0,#774dff 100%);
 background:-webkit-linear-gradient(left,#1fa8ff 0,#774dff 100%);
 background:linear-gradient(to right,#1fa8ff 0,#774dff 100%)
}
.laundryContentbx.syncare .applicationlogofixbx .logoinnercover {
 background:#0eb6a9;
 background:-moz-linear-gradient(left,#0eb6a9 0,#11c588 100%);
 background:-webkit-linear-gradient(left,#0eb6a9 0,#11c588 100%);
 background:linear-gradient(to right,#0eb6a9 0,#11c588 100%)
}
.applicationlogofixbx .logoinnercover img {
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 max-width:100%;
 max-height:100%;
 margin:auto
}
.laundryContentbx.bonoapp .applicationlogofixbx .logoinnercover img {
 max-width:60%
}
.laundryContentbx.alballam .applicationlogofixbx .logoinnercover img {
 max-width:75%
}
.laundryContentbx.syncare .applicationlogofixbx .logoinnercover img {
 max-width:60%
}
.laundryContentbx.browzly .applicationlogofixbx .logoinnercover {
 background:#fff;
 box-shadow:none
}
.laundryContentbx.browzly .applicationlogofixbx .logoinnercover img {
 max-width:80%
}
.laundryContentbx.waki .applicationlogofixbx .logoinnercover {
 background:0 0
}
.laundryContentbx.waki .applicationlogofixbx .logoinnercover img {
 -webkit-transform:scale(1.25);
 transform:scale(1.25)
}
.application_onstore {
 position:absolute;
 right:-240px;
 bottom:308px;
 -webkit-transform:rotate(-90deg);
 transform:rotate(-90deg)
}
.laundryContentbx.laundit .application_onstore,
.laundryContentbx.syncare .application_onstore,
.laundryContentbx.waki .application_onstore {
 right:-190px;
 bottom:269px
}
.laundryContentbx.browzly .application_onstore {
 right:-204px;
 bottom:283px
}
.laundryContentbx.browzly .onstoretxt {
 margin-right:34px
}
.application_onstore .begline {
 position:relative;
 top:-8px;
 width:80px;
 height:2px;
 background-color:#fff;
 display:inline-block;
 margin-right:10px
}
.laundryContentbx.browzly .application_onstore .begline {
 background-color:#2c2c2c
}
.onstoretxt {
 font-size:30px;
 color:#fff;
 display:inline-block;
 letter-spacing:2px;
 margin-right:60px
}
.laundryContentbx.browzly .onstoretxt {
 color:#2c2c2c
}
.application_onstore .fa {
 position:relative;
 font-size:60px;
 color:#fff;
 top:10px;
 margin:0 30px;
 display:inline-block;
 -webkit-transform:rotate(90deg);
 transform:rotate(90deg)
}
.laundryContentbx.browzly .application_onstore .fa {
 color:#2c2c2c
}
.owl-carousel.countport .owl-stage-outer {
 padding-bottom:290px
}
.owl-carousel.countport .owl-nav {
 position:absolute;
 bottom:420px;
 left:720px
}
.owl-carousel.countport .owl-prev {
 position:relative;
 top:auto;
 left:auto;
 margin-top:0;
 box-shadow:none;
 border:2px solid rgba(0,0,0,.07);
 background-image:url(../img/coun_sl_arrow_wt.png);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:15px 25px;
 display:inline-block;
 margin-right:30px;
 background-color:rgba(0,0,0,.07);
 outline:0
}
.owl-carousel.countport .owl-next {
 position:relative;
 top:auto;
 right:auto;
 margin-top:0;
 box-shadow:none;
 border:2px solid rgba(0,0,0,.07);
 background:url(../img/coun_sl_arrow_wt1.png);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:15px 25px;
 display:inline-block;
 background-color:rgba(0,0,0,.07);
 outline:0
}
.paginationrwbx {
 position:absolute;
 left:100px;
 top:160px;
 width:5px;
 height:620px;
 background-color:#efefef
}
.paginationrwbx .bulletspoint {
 position:absolute;
 left:50%;
 top:0;
 width:20px;
 height:20px;
 margin-left:-10px;
 border-radius:100%;
 background-color:#efefef
}
.paginationrwbx .bulletspoint.active {
 width:60px;
 height:60px;
 font-size:36px;
 line-height:60px;
 color:#fff;
 text-align:center;
 margin-left:-30px;
 margin-top:-30px;
 background:#3ad674;
 font-weight:700;
 background:-moz-linear-gradient(left,#3ad674 0,#21aba5 100%);
 background:-webkit-linear-gradient(left,#3ad674 0,#21aba5 100%);
 background:linear-gradient(to right,#3ad674 0,#21aba5 100%);
 z-index:1
}
.laundryContentbx.bonoapp .paginationrwbx .bulletspoint.active {
 background:#ff3a31;
 background:-moz-linear-gradient(left,#ff3a31 0,#ff842a 100%);
 background:-webkit-linear-gradient(left,#ff3a31 0,#ff842a 100%);
 background:linear-gradient(to right,#ff3a31 0,#ff842a 100%)
}
.laundryContentbx.alballam .paginationrwbx .bulletspoint.active {
 background:#1fa8ff;
 background:-moz-linear-gradient(left,#1fa8ff 0,#774dff 100%);
 background:-webkit-linear-gradient(left,#1fa8ff 0,#774dff 100%);
 background:linear-gradient(to right,#1fa8ff 0,#774dff 100%)
}
.laundryContentbx.waki .paginationrwbx .bulletspoint.active {
 background:#47dfbb
}
.laundryContentbx.syncare .paginationrwbx .bulletspoint.active {
 background:#0eb6a9;
 background:-moz-linear-gradient(left,#0eb6a9 0,#11c588 100%);
 background:-webkit-linear-gradient(left,#0eb6a9 0,#11c588 100%);
 background:linear-gradient(to right,#0eb6a9 0,#11c588 100%)
}
.laundryContentbx.browzly .paginationrwbx .bulletspoint.active {
 color:#2c2c2c;
 background:#ffe340
}
.paginationrwbx .bulletspoint.next1 {
 top:120px
}
.paginationrwbx .bulletspoint.next2 {
 top:240px
}
.paginationrwbx .bulletspoint.next3 {
 top:360px
}
.paginationrwbx .bulletspoint.next4 {
 top:480px
}
.paginationrwbx .bulletspoint.next5 {
 top:auto;
 bottom:0
}
.errorpagebg {
 position:relative;
 background:url(../img/404_bg.jpg) no-repeat;
 background-size:contain;
 max-height:1080px
}
.notfoundwrap {
 position:absolute;
 right:100px;
 width:60%;
 top:50%;
 transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.notfoundwrap h1 {
 font-size:32px;
 color:#4f5ad3;
 font-weight:700;
 text-align:center
}
.backhomerw {
 margin:30px 0;
 text-align:center
}
.backhomerw .backhomebtn {
 padding:10px 20px;
 color:#4e71ef;
 font-weight:500;
 border:2px solid #4e71ef;
 border-radius:20px;
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 outline:0;
 display:inline-block;
 text-decoration:none
}
.backhomerw .backhomebtn:hover {
 color:#fff;
 background-color:#4e71ef
}
.errorpgsmtxt {
 font-family:Raleway,sans-serif;
 font-size:18px;
 color:#4f5ad3;
 line-height:36px;
 text-align:center;
 max-width:700px;
 margin:auto
}
.hidecallus {
 display:none
}
.callusSales .fa-envelope {
 font-size:24px;
 color:#4e71ef
}
.haveanideaformbox {
 padding:0 10px
}
.haveanideaformbox .haveanideaheading {
 font-size:40px;
 color:#4987f1;
 font-weight:700;
 text-transform:uppercase
}
.haveanideaformbox .haveanideasmheading {
 font-size:24px;
 line-height:36px;
 color:#4987f1
}
.modal.haveanidea {
 text-align:center;
 padding:0!important;
 z-index:999999
}
.modal.haveanidea:before {
 content:'';
 display:inline-block;
 height:100%;
 vertical-align:middle;
 margin-right:-4px
}
.modal.haveanidea .modal-dialog {
 width:800px;
 display:inline-block;
 text-align:left;
 vertical-align:middle
}
.modal.haveanidea .submitdetailsformCon {
 padding:0;
 padding-top:20px
}
.submitdetailsformCon .form-control.textarea {
 padding:10px 15px;
 height:auto;
 resize:none;
 line-height:normal
}
.modal.haveanidea .submitdetailsformCon .consubmitrw {
 margin-bottom:10px;
 margin-top:30px
}
#haveanIdea button.close {
 position:absolute;
 top:20px;
 right:20px;
 opacity:1;
 text-shadow:none;
 z-index:9;
 outline:0
}
#haveanIdea button.close .fa {
 font-size:24px;
 color:#333
}
.submitdetailsformCon .form-control {
 padding:0 15px;
 height:50px;
 line-height:50px;
 font-size:16px;
 border:1px solid #eaeaea;
 box-shadow:none
}
.submitdetailsformCon .btn-primary.conSubmit {
 width:300px;
 border-radius:12px;
 display:inline-block;
 box-shadow:0 30px 18px 0 rgba(77,144,237,.08)
}
.thankyoupgbx {
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 padding:30px 0
}
.thanksimg {
 text-align:center
}
.thanksimg img {
 width:480px;
 display:inline-block
}
.thankyoupgbx .getback {
 font-size:21px;
 line-height:32px;
 margin-top:20px;
 text-align:center
}
.work-experience-details.thankupg .submitdetailsrw {
 position:static;
 left:auto;
 bottom:auto;
 text-align:center;
 padding-top:15px
}
.work-experience-details.thankupg .btn-primary {
 width:220px
}
.work-experience-details .btn-primary {
 position:relative;
 width:280px;
 padding:14px 0;
 padding-left:20px;
 font-size:18px;
 color:#fff;
 text-align:left;
 border:0;
 border-radius:32px;
 margin-top:14px;
 background:#07f;
 background:-webkit-linear-gradient(left,#07f 0,#80ceff 100%);
 background:linear-gradient(to right,#07f 0,#80ceff 100%);
 -webkit-transition:all .4s linear;
 transition:all .4s linear;
 box-shadow:0 0 8px 6px rgba(60,159,255,.1);
 outline:0;
 font-weight:500;
 text-transform:uppercase
}
.work-experience-details .btn-primary p {
 position:relative;
 animation:typing 4s steps(12) infinite;
 display:inline-block;
 overflow:hidden;
 white-space:nowrap;
 top:3px;
 line-height:18px;
 margin:0
}
.arrow_next {
 animation:slidearrow1 1s ease-in-out infinite;
 margin-right:9px
}
@keyframes slidearrow1 {
 0%,
 100% {
  transform:translate(0,0)
 }
 50% {
  transform:translate(10px,0)
 }
}
.work-experience-details .btn-primary:hover p {
 animation:blink .3s infinite
}
@keyframes typing {
 0% {
  width:0
 }
 50% {
  width:100%
 }
 55%,
 65%,
 75% {
  opacity:1
 }
 60%,
 70% {
  opacity:0
 }
 80% {
  width:100%
 }
 100% {
  width:0
 }
}
.work-experience-details .btn-primary:focus,
.work-experience-details .btn-primary:hover {
 background:#80ceff;
 background:-webkit-linear-gradient(left,#80ceff 0,#07f 100%);
 background:linear-gradient(to right,#80ceff 0,#07f 100%);
 color:#fff
}
.work-experience-details .btn-primary .nextarr {
 position:absolute;
 top:7px;
 right:10px;
 width:40px;
 height:40px;
 text-align:center;
 background:url(../img/next_arrow_btn_icon.png) center center no-repeat #4ea2ff;
 background-size:24px 18px;
 border-radius:50%
}
.upload_file {
 position:relative;
 font-weight:700
}
.uploadfile_icon {
 position:absolute;
 top:0;
 right:0;
 width:45px;
 height:45px;
 display:table;
 border-radius:50%;
 cursor:pointer
}
.icon_plus {
 background:#4987f1
}
.icon_minus {
 background:red
}
.icon_minus i.fa-plus {
 display:none
}
.icon_minus i.fa-minus {
 display:table-cell
}
.icon_plus i.fa-minus {
 display:none
}
.uploadfile_icon i {
 display:table-cell;
 vertical-align:middle;
 font-size:16px;
 text-align:center;
 color:#fff
}
.upload_file .filenmsave,
.upload_file strong {
 font-size:15px;
 color:#999;
 display:block;
 border-bottom:1px solid #b3b3b3;
 margin-top:18px;
 margin-right:70px;
 min-height:30px;
 font-weight:400
}
.upload_file .icon_plus+span.filenmsave {
 display:none
}
.upload_file .icon_icon_minus+span.filenmsave {
 display:block
}
.upload_file .icon_minus+span+strong {
 display:none
}
.section.letstalkAboutprojects .cols6th,
.section.letstalkAboutprojects .letstalkpCon .simpletxt,
.section.letstalkAboutprojects .letstheading,
.section.letstalkAboutprojects .touchrw {
 opacity:1!important
}
.connectwclients {
 opacity:1!important;
 transform:none!important
}
.footerSitemapwrap,
.letstalkAboutprojects {
 padding-top:80px!important;
 padding-bottom:80px!important
}
.podcast-wrap .banner-image {
 position:relative;
 background-image:url(../img/podcast_ban.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center center;
 height:100vh
}
.podcast-wrap .banner-wrap .banner-content {
 width:40%;
 position:absolute;
 left:100px;
 top:50%;
 transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%)
}
.podcast-wrap .banner-wrap .banner-content h1 {
 color:#fff;
 font-size:50px;
 line-height:60px;
 margin-top:0;
 font-weight:700;
 text-transform:uppercase
}
.podcast-wrap .banner-wrap .banner-content h3 {
 color:#fff;
 font-size:24px;
 line-height:36px;
 margin-top:0
}
.podcast-wrap .banner-content .search-container {
 margin:65px 0 30px 0;
 position:relative
}
.podcast-wrap .banner-content .search-container input {
 width:60%;
 background-color:transparent;
 border:1px solid #fff;
 padding:10px 20px 10px 50px;
 height:50px;
 border-radius:30px;
 font-size:18px;
 color:#000;
 outline:0;
 background-color:rgba(255,255,255,.3)
}
.podcast-wrap .banner-content .search-container input::placeholder {
 color:#000
}
.podcast-wrap .banner-content .search-container button {
 background-color:#fff;
 border:1px solid #fff;
 height:50px;
 margin-left:10px;
 width:150px;
 color:#000;
 border-radius:30px;
 font-size:18px;
 outline:0;
 -moz-transition:all .4s ease-in-out;
 -o-transition:all .4s ease-in-out;
 -webkit-transition:all .4s ease-in-out;
 transition:all .4s ease-in-out
}
.podcast-wrap .banner-content .search-container button:hover {
 color:#fff;
 background-color:transparent
}
.podcast-wrap .search-container .fa.fa-search {
 font-size:14px;
 left:15px;
 position:absolute;
 top:18px;
 color:#000
}
.podcast-wrap .search-container .fa.fa-search::after {
 background-color:#000;
 width:15px;
 height:1px;
 content:"";
 position:absolute;
 transform:rotate(90deg);
 top:6px;
 left:17px
}
.podcast-wrap .content-wrapper h2 {
 position:relative;
 font-size:36px;
 color:#282828;
 margin-top:0;
 font-weight:500;
 text-transform:uppercase;
 float:left;
 width:25%;
 margin-bottom:0
}
.podcast-wrap .content-wrapper h2:after {
 position:absolute;
 background-color:#282828;
 width:35px;
 height:4px;
 content:"";
 position:absolute;
 bottom:-16px;
 left:0
}
.podcast-wrap .content-wrapper .podcastinfo {
 font-size:21px;
 color:#474747;
 float:left;
 width:73%;
 line-height:32px
}
.podcast-wrap .content-wrapper .podcastlistheading {
 position:relative;
 font-size:26px;
 color:#282828;
 font-weight:700
}
.podcast-wrap .content-wrapper .podcastlistsubheading {
 font-size:21px;
 color:#474747;
 font-weight:500;
 margin-top:15px
}
.podcast-wrap .content-wrapper .podcastdescription {
 margin-top:15px;
 font-size:18px;
 color:#585858;
 line-height:32px;
 margin-bottom:15px;
 overflow:hidden
}
.podcast-wrap .content-wrapper {
 margin-top:80px;
 padding:0 100px
}
.content-listing .audio-wrap {
 width:100%;
 height:300px;
 background-repeat:no-repeat!important;
 background-size:cover!important;
 background-position:center center!important;
 overflow:hidden!important
}
.podcast-wrap.detail-wrap .content-listing .audio-wrap {
 height:auto
}
.content-listing .audio-wrap img {
 width:100%
}
.content-listing .audio-rw {
 position:relative
}
.content-listing .audio-rw audio {
 position:absolute;
 left:0;
 width:100%;
 opacity:1;
 bottom:0;
 right:0;
 outline:0
}
.content-wrapper .content-listing {
 border:1px solid #ebebeb;
 border-radius:5px;
 margin-bottom:80px;
 overflow:hidden
}
.content-wrapper .content-listing .content-rw {
 padding:25px
}
.content-rw .about-author {
 padding:15px 0 0 0;
 border-top:1px solid #c2c2c2
}
.content-rw .about-author span {
 font-size:15px;
 font-weight:500
}
.greylines {
 background-color:#ededed;
 height:1px
}
.content-wrapper .heading-wrap {
 margin-bottom:30px
}
.content-listing .video-image {
 background-color:transparent;
 top:125px
}
.audio-image,
.video-image {
 position:absolute;
 top:70px;
 left:50%;
 transform:translate(-50%,-50%);
 width:55px;
 height:55px;
 background-color:#ccc;
 border-radius:50%;
 cursor:pointer;
 z-index:9
}
.content-listing .audio-image {
 width:40px;
 height:40px;
 bottom:-20px;
 top:auto;
 left:20px
}
.audio-image .player-img {
 position:absolute;
 top:50%;
 left:50%;
 margin:-15px 0 0 -15px;
 width:30px;
 height:30px
}
.content-listing .video-image .player-img {
 width:100%
}
.col-sm-4.podlist:first-child .video-image {
 top:50%
}
.podcast-wrap.detail-wrap {
 margin-top:100px
}
.detail-wrap .content-listing {
 max-width:600px;
 margin:0 auto 40px
}
.connectwclients #fromName,
.connectwclients .form-group .form-control,
.letstheading {
 font-family:Raleway,sans-serif
}
@media only screen and (max-width:1024px) {
 .audio-image,
 .video-image {
  top:40px
 }
}
@media only screen and (max-width:991px) {
 .podcast-wrap .content-wrapper h2 {
  font-size:22px
 }
 .audio-image,
 .video-image {
  width:45px;
  height:45px;
  padding:13px
 }
 .audio-image .player-img,
 .video-image .player-img {
  width:20px;
  height:20px;
  margin:-10px 0 0 -10px
 }
}