html {
    height: 100%;
    box-sizing: border-box
}

body,
html {
    overflow-x: hidden
}
body {
    font-family: 'Montserrat', sans-serif;
    max-width: 1920px;
    margin: auto;
    font-weight: 400;
    overflow-y: hidden
}

@font-face {
    font-family: ariblk;
    src: url(../fonts/ariblk.eot);
    src: url(../fonts/ariblk.eot) format('embedded-opentype'), url(../fonts/ariblk.woff2) format('woff2'), url(../fonts/ariblk.woff) format('woff'), url(../fonts/ariblk.ttf) format('truetype')
}

#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(../images/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(../images/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(../images/worldmap.png) 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(../images/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: 30px
}

.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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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 {
    font-family: 'Raleway-Medium';
    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 {
    font-family: 'Raleway-Medium';
    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(../images/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(../images/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(../images/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(../images/fitness_bg.jpg) no-repeat;
    background-size: 100% auto;
    background-position: 0 -10px
}

.startups_funding_wrap .fundingbox.fitnessbg:hover {
    background: url(../images/fitness_bg_hover.jpg) no-repeat;
    background-size: 100% auto;
    background-position: 0 -20px
}

.startups_funding_wrap .fundingbox.heartbg {
    background: url(../images/heartbg.jpg) no-repeat;
    background-size: 100% auto;
    background-position: 0 -10px
}

.startups_funding_wrap .fundingbox.heartbg:hover {
    background: url(../images/heartbg_hover.jpg) no-repeat;
    background-size: 100% auto;
    background-position: 0 -20px
}

.startups_funding_wrap .fundingbox.socialbg {
    background: url(../images/social-bg.jpg) no-repeat;
    background-size: 100% auto;
    background-position: 0 -10px
}

.startups_funding_wrap .fundingbox.socialbg:hover {
    background: url(../images/social-bg-hover.jpg) no-repeat;
    background-size: 100% auto;
    background-position: 0 -20px
}

.startups_funding_wrap .fundingbox.entertainmentbg {
    background: url(../images/entertainment_bg.jpg) no-repeat;
    background-size: 100% auto;
    background-position: 0 -10px
}

.startups_funding_wrap .fundingbox.entertainmentbg:hover {
    background: url(../images/entertainment_bg_hover.jpg) no-repeat;
    background-size: 100% auto;
    background-position: 0 -20px
}

.startups_funding_wrap .fundingbox.fundingservicebg {
    background: url(../images/funding_service_bg.jpg) no-repeat;
    background-size: 100% auto
}

.startups_funding_wrap .fundingbox.fundingservicebg:hover {
    background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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: 80px
}

.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: 180px;
    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(../images/production_discusstion_icon.png) no-repeat;
    background-size: 140px 735px
}

.production_discussion.iphone .discussion_icon_bx span {
    background: url(../images/iphone_moreinfo_icon.png) no-repeat;
    background-size: 140px 630px
}

.production_discussion.nodejs .discussion_icon_bx span {
    background: url(../images/nodejs_moreinfo_icon.png) no-repeat;
    background-size: 140px 630px
}

.production_discussion.vr .discussion_icon_bx span {
    background: url(../images/vr_services_icon.png) no-repeat;
    background-size: 140px 525px
}

.production_discussion.ai .discussion_icon_bx span {
    background: url(../images/ai_features_icon.png) no-repeat;
    background-size: 140px 315px
}

.production_discussion.iot .discussion_icon_bx span {
    background: url(../images/iot_offers_services.png) no-repeat;
    background-size: 140px 630px
}

.production_discussion.wearable .discussion_icon_bx span {
    background: url(../images/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: 0 30px
}

.productionCon h3 {
    font-size: 24px
}

.productionCon .productiondetails {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: #9d9d9d;
    line-height: 36px
}

.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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/how_can_help.png) no-repeat;
    background-size: 100% 100%;
    z-index: 9
}

.businessneed_leftCon.reacttech .second_circle .imgbxx {
    background: url(../images/react_development_apps_ban.jpg) no-repeat;
    background-size: cover
}

.businessneed_leftCon.chatbot .second_circle .imgbxx {
    background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/nodejs_logo.png) center center no-repeat;
    background-size: 360px 403px;
    margin-top: 80px
}

.react_business_mustpic.nodejsbx.ionic {
    background: url(../images/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(../images/react_native_bg_theame.png) no-repeat;
    background-size: cover
}

.react_native_appSec .mobileAppsc {
    position: relative;
    width: 700px;
    height: 940px;
    background: url(../images/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(../images/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(../images/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(../images/react_development_graph_01.png) no-repeat;
    background-size: 100% auto;
    background-position: 0 50px
}

.revolutionize_graphwrap .graphbxrw .graphbx.developsapp1 {
    background: url(../images/react_development_graph_02.png) no-repeat;
    background-size: 100% auto;
    background-position: 0 50px
}

.revolutionize_graphwrap .graphbxrw .graphbx.developsapp2 {
    background: url(../images/react_development_graph_03.png) no-repeat;
    background-size: 100% auto;
    background-position: 0 100px
}

.revolutionize_graphwrap .graphbxrw .graphbx.developsapp3 {
    background: url(../images/react_development_graph_04.png) no-repeat;
    background-size: 100% auto;
    background-position: 0 100px
}

.revolutionize_graphwrap .graphbxrw .graphbx.developsapp4 {
    background: url(../images/react_development_graph_05.png) no-repeat;
    background-size: 100% auto;
    background-position: 0 50px
}

.rectkeywordswrap {
    padding: 100px;
    background: url(../images/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(../images/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(../images/baskets_icons.png) no-repeat;
    background-size: 50px 400px
}

.basketinfobox.nodejsfeatures .basketiconbx .shiconbx span {
    background: url(../images/basketsnodejs_icons_.png) no-repeat;
    background-size: 50px 300px
}

.basketinfobox.uiuxfeatures .basketiconbx .shiconbx span {
    background: url(../images/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(../images/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(../images/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(../images/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(../images/services_menu.png) no-repeat;
    background-size: 100px 700px;
    background-position: -50px -600px
}

.mobileappdevebanwrap.iot .leftdescriptionbx .iosBrand span.ai {
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    background-size: 140px 980px;
    background-position: -70px -770px
}

.mobileappdevebanwrap.iosdevlopment .leftdescriptionbx .iosBrand.android span.apple {
    background: url(../images/anroid_icon.png) no-repeat;
    background-size: 100% 100%
}

.growGloballywrap.augmented_reality {
    background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/ionic_wtlogo_icon.png) no-repeat;
    background-size: 100% 100%
}

.mobileappdevebanwrap.iosdevlopment .leftdescriptionbx h1 {
    text-transform: uppercase
}

.growGloballywrap {
    position: relative;
    padding: 100px;
    background: url(../images/mountain_graph.png) no-repeat #edf7ff;
    background-size: cover
}

.growGloballywrap.uiux {
    background: url(../images/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(../images/theatre_show_app.png) no-repeat;
    background-size: 100% 100%
}

.theatre_show_app.bookscreen {
    background: url(../images/book_screen.png) no-repeat;
    background-size: 100% 100%
}

.alltv_show {
    position: absolute;
    top: 185px;
    right: 105px;
    width: 380px;
    height: 713px;
    background: url(../images/all_tv_show_screen.png) no-repeat;
    background-size: 100% 100%
}

.alltv_show.android {
    background: url(../images/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(../images/finding_your_feet.png) no-repeat;
    background-size: 100% 100%
}

.alltv_show.android .finding_feet {
    top: 330px;
    background: url(../images/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(../images/ios_rt_ban.jpg) no-repeat;
    background-size: cover;
    border-radius: 280px 0 0 280px;
    overflow: hidden
}

.whyiosrtbox.testing .second_circle .imgbxx {
    background: url(../images/testing_rt_ban.jpg) no-repeat;
    background-size: cover
}

.whyiosrtbox .second_circle .imgbxx.nodeimg {
    background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/mobile_skew_screen.png) no-repeat;
    background-size: 100% 100%
}

.sliderSkewWrap.iosdev .sliderskewm.lfm {
    background: url(../images/mobile_skew_screen_one.png) no-repeat;
    background-size: 100% 100%
}

.sliderskewm.advertisementscreen {
    background: url(../images/advertisement_details_screen.png) no-repeat;
    background-size: 100% 100%
}

.sliderSkewWrap.androiddev .sliderskewm.lfm {
    background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/nodejs_globimg.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: 50%
}

.nodeglobbx.uiux .globimgbx {
    background: url(../images/uiux_globimg.jpg) no-repeat;
    background-position: top center;
    background-size: cover
}

.nodeglobbx.vr .globimgbx {
    background: url(../images/vr_globimg.jpg) no-repeat;
    background-position: top center;
    background-size: cover
}

.nodeglobbx.ai .globimgbx {
    background: url(../images/ai_globimg.jpg) no-repeat
}

.nodeglobbx.augmented .globimgbx {
    background: url(../images/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: rgba(75, 174, 250, 1)
}

.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(../images/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: #ceecff
}

.nodejsservices .servicerws .ndserwd:hover .la-ball-elastic-dots.la-dark {
    color: #4baefa
}

.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(../images/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: 80px 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(136, 220, 255, .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: #4baefa;
    margin-top: -96px;
    text-align: center;
    border: 1px solid #4baefa;
    border-radius: 8px;
    display: inline-block;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    box-shadow: -11.804px 20.166px 28px 0 rgba(98, 186, 255, .1)
}

.ionic_develoment_features.vr .ionicmainbx .ionicservices {
    width: 330px;
    right: -360px
}

.ionic_develoment_features .ionicdevrow:hover .ionicmainbx .ionicservices {
    background-color: #4baefa;
    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: rgba(75, 174, 250, 1)
}

.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(98, 186, 255, .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(../images/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(../images/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: #4baefa
}

.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(../images/ionic_services_icon.png) no-repeat;
    background-size: 80px 560px
}

.ionicdevelopmentservice.iotdev .devserrows .ionicsericonbxx .iconsboxes span {
    background: url(../images/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(../images/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(../images/theatre_show_app.png) no-repeat;
    background-size: 100% 100%
}

.uiuxprosc {
    position: absolute;
    top: 130px;
    right: 0;
    width: 600px;
    height: 656px;
    background: url(../images/macbook_proscreen.png) no-repeat;
    background-size: 100% 100%
}

.uiuxmobileview {
    position: absolute;
    top: 180px;
    right: 500px;
    width: 420px;
    height: 684px;
    background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/chatbots_circle_icon.png) no-repeat;
    background-size: 50px 200px
}

.chatbots_circle_section.wearables i {
    background: url(../images/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(../images/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(../images/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(../images/hi_chatbox_icon.png) no-repeat;
    background-size: 100% 100%
}

.canHelpi {
    position: absolute;
    top: 210px;
    right: 135px;
    width: 280px;
    height: 169px;
    background: url(../images/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(../images/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(../images/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(../images/new_utility.png) no-repeat;
    background-size: 100% 100%
}

.choose_perfect_time {
    position: absolute;
    width: 420px;
    height: 288px;
    left: -190px;
    bottom: 130px;
    background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/ai_circle_big.png) no-repeat;
    background-size: 100% 100%
}

.rotateCircleAibox .rtsmCir {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 392px;
    background: url(../images/ai_circle_sm.png) no-repeat;
    background-size: 100% 100%
}

.startheamebg {
    position: absolute;
    top: -40px;
    right: -10px;
    width: 600px;
    height: 644px;
    background: url(../images/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(../images/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(../images/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: rgba(247, 159, 57, 1)
}

.ionic_develoment_features.iot .la-ball-elastic-dots.la-dark {
    color: #ffd6a7
}

.ionic_develoment_features.iot .ionicdevrow:hover .ionicdev .la-ball-elastic-dots.la-dark {
    color: #f79f39
}

.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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/techugo_logo_loader.png) no-repeat;
    background-size: 80px 111px
}

#jpreBar {
    background: url(../images/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(../images/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(../images/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(../images/coun_served_bg.png) no-repeat #fff;
    background-size: contain;
    background-position: left bottom
}

.accoladesnumsection .accolnumwtbx.appdev {
    background: url(../images/mobile_app_dev_num_bg.png) no-repeat #fff;
    background-size: contain;
    background-position: left bottom
}

.accoladesnumsection .accolnumwtbx.expertsprojects {
    background: url(../images/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(../images/step_circle.png) no-repeat;
    background-size: 100% 100%
}

.mobilestep_devrow .stepdropline {
    width: 2px;
    height: 150px;
    margin: 10px auto;
    background: url(../images/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(../images/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(../images/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(../images/dotted_circle_img.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx.next1 {
    background: url(../images/dotted_circle_img1.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx.next2 {
    background: url(../images/dotted_circle_img2.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx.next3 {
    background: url(../images/dotted_circle_img3.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx.next4 {
    background: url(../images/dotted_circle_img4.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx.next5 {
    background: url(../images/dotted_circle_img5.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx.next6 {
    background: url(../images/dotted_circle_img6.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx.next7 {
    background: url(../images/dotted_circle_img7.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx.next8 {
    background: url(../images/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(../images/tech_iphone_use.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html {
    width: 400px;
    height: 300px;
    margin-left: -200px;
    background: url(../images/react_tech.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html.nodejs {
    background: url(../images/node_tech.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html.ionic {
    background: url(../images/mobile_app_ionic_dev.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html.applewatch {
    background: url(../images/apple_watch.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html.blockchain {
    background: url(../images/blockchain_dev_icon.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html.ardev {
    background: url(../images/ar_dev_icon.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.html.iotdev {
    background: url(../images/iot_dev_icon.png) no-repeat;
    background-size: 100% 100%
}

.technologiesCirbox .technoCirConbx .techrelimgbx .techthatweuse.android {
    width: 300px;
    height: 353px;
    margin-left: -150px;
    background: url(../images/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(../images/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(../images/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;
    background: url(../images/dotted_lines_repeat.png) repeat-x
}

.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(../images/mobile_appdevs_screen.png) no-repeat;
    background-size: 100% 100%
}

.laundryContentbx.bonoapp .apprelscbx {
    background: url(../images/mobile_appdevs_screen1.png) no-repeat;
    background-size: 100% 100%
}

.laundryContentbx.alballam .apprelscbx {
    background: url(../images/mobile_appdevs_screen2.png) no-repeat;
    background-size: 100% 100%
}

.laundryContentbx.waki .apprelscbx {
    background: url(../images/mobile_appdevs_screen3.png) no-repeat;
    background-size: 100% 100%
}

.laundryContentbx.syncare .apprelscbx {
    background: url(../images/mobile_appdevs_screen4.png) no-repeat;
    background-size: 100% 100%
}

.laundryContentbx.browzly .apprelscbx {
    background: url(../images/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(../images/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(../images/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(../images/404_bg.jpg) no-repeat;
    background-size: contain;
    max-height: 900px
}

.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(../images/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 .letstheading, .section.letstalkAboutprojects .letstalkpCon .simpletxt, .section.letstalkAboutprojects .touchrw, .section.letstalkAboutprojects .cols6th {
    opacity: 1 !important;
}
.connectwclients{
    opacity: 1 !important;
    transform: none!important;
}
.footerSitemapwrap,.letstalkAboutprojects {
    padding-top:80px !important;
    padding-bottom: 80px !important;
}
/*PodCast Start Here*/

/*PodCast Banner Section Starts Here*/
.podcast-wrap .banner-image {
	position: relative;
	background-image: url('../images/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: 0px;
    font-weight: 700;
    text-transform: uppercase;
}
.podcast-wrap .banner-wrap .banner-content h3 {
	color: #fff;
	font-size: 24px;
	line-height: 36px;
	margin-top: 0px;
}
.podcast-wrap .banner-content .search-container {
	margin: 65px 0px 30px 0px;
	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: #000000;
    outline: none;
    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: none;
	-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: 0px;
}

.podcast-wrap .content-wrapper h2:after {
	position: absolute;
	background-color: #282828;
	width: 35px;
	height: 4px;
	content: "";
	position: absolute;
	bottom: -16px;
	left: 0px;
}
.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: 0px;
    width: 100%;
    opacity: 1;
    bottom: 0px;
    right: 0px;
    height: 400px;
}
.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 0px 0px 0px;
	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;
}
.video-image, .audio-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: 0px auto 40px;
}
/*PodCast Banner Section End Here*/
.letstheading,.connectwclients #fromName,.connectwclients .form-group .form-control{
    font-family: 'Raleway', sans-serif;
}

@media only screen and (max-width:1024px) {
    .video-image, .audio-image {
        top: 40px;
    }
}
@media only screen and (max-width:1440px) {
    .content-listing .audio-rw audio{
        height: 360px;
    }
}

@media only screen and (max-width:991px) {
    .podcast-wrap .content-wrapper h2 {
        font-size: 22px;
    }
    .video-image, .audio-image {
        width: 45px;
        height: 45px;
        padding: 13px;
    }
    .video-image .player-img, .audio-image .player-img {
        width: 20px;
        height: 20px;
        margin: -10px 0 0 -10px;
    }
}