.ios-step-slider .free-title.padd50 {
    padding: 50px 0
}

.padd50 {
    padding: 50px 0
}

.circel_section,
.ios_solutions-services .icns li {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.banner_section {
    height: 100vh;
    overflow: hidden;
    position: relative
}

.banner_section .container-fluid {
    z-index: 2;
    position: relative;
    display: table;
    height: 100%
}

.container-fluid{ max-width: 1920px; }
.container_custom,
.elementor-section.elementor-section-boxed > .elementor-container{
    width: 100% !important;
    max-width: 1536px !important;
}
.fa{ font-family: FontAwesome !important; }

.home .elementor-section.ft-innerpage{ display: none !important; }

.banner_section .leftPadd {
    padding-left: 100px
}

.banner_section .buble {
    position: absolute;
    display: inline-block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    opacity: .5;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto
}

.banner_section .buble.bb1 {
    width: 128px;
    height: 128px;
    right: 0;
    top: 620px
}

.banner_section .buble.bb2 {
    width: 84px;
    height: 84px;
    left: 0;
    top: 100px
}

.banner_section .buble.bb3 {
    width: 84px;
    height: 84px;
    left: 50px;
    top: 20%
}

.banner_section .buble.bb4 {
    width: 128px;
    height: 128px;
    left: -60px;
    bottom: 10%
}

.banner_section .subContent {
    display: table-cell;
    vertical-align: middle
}

.banner_section .subContent h1 {
    color: #fff;
    margin: 10px 0
}

.banner_section .subContent h1.titleTop {
    margin-top: 20%
}

.banner_section .subContent p {
    color: #fff;
    margin-top: 30px
}

.banner_section .subContent p span {
    font-weight: 700
}

.isometric_cont {
    display: inline-block;
    width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    top: -120px
}

.isometric_cont .aniClouds {
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.isometric_cont .aniClouds.cds0 {
    width: 800px;
    z-index: 3;
    top: 70px
}

.banner_section.andrpod .isometric_cont .aniClouds.cds0 {
    width: 840px
}

.isometric_cont .aniClouds.cds1 {
    width: 881px;
    z-index: 1
}

.isometric_cont .aniClouds.cds2 {
    width: 908px;
    z-index: 2
}

.subContent .blueButton.btnns {
    margin-top: 20px;
    background: #00b7de;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px
}

.adds_value.iotBg.newbgs {
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.adds_value.iotBg.newbgs .abt {
    position: absolute
}

.iosSteps .line,
.iosSteps .timeline,
.isometric_contIn {
    position: relative
}

.adds_value.iotBg.newbgs .abt.abt-left {
    width: 258px;
    left: -70px;
    top: 50px
}

.adds_value.iotBg.newbgs .abt.abt-right {
    width: 306px;
    right: -180px;
    bottom: 50px
}

.isometric_contIn {
    display: inline-block;
    width: 555px;
    margin: 0 auto
}

.isometric_contIn.cross {
    width: 800px
}

.titlenew.topSet {
    margin-top: 130px
}

.ios_solutions-services.threeSteps_sec.nBg {
    background-color: #f943bd
}

.iosSteps {
    overflow: hidden;
    padding: 100px 0 200px
}

.iosSteps h2 {
    text-align: center;
    color: #000;
    margin-bottom: 30px
}

.iosSteps .line .layer_shap1 {
    position: absolute;
    width: 959px;
    height: 835px;
    left: -26%;
    top: 0;
    background-image: url(../images/shape.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.page-template.page-template-inner-template.page-template-inner-template-php.page.logged-in.admin-bar.mega-menu-primary.header-image.header-full-width.full-width-content.customize-support .main_wrap,
.page-template.page-template-inner-template.page-template-inner-template-php.page.mega-menu-primary.header-image.header-full-width.full-width-content .main_wrap {
    overflow: hidden
}

.iosSteps .line.right .layer_shap1 {
    left: auto;
    right: -26%
}

.iosSteps .tmBox {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background-color: #fff;
    border: 2px solid #0064ff
}

.iosSteps .tmBox h4 {
    color: #0064ff;
    margin: 15px 0 0;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Roboto, sans-serif
}

.iosSteps .tmBox small {
    color: #0064ff;
    display: inline-block
}

.iosSteps h3 {
    font-weight: 700;
    margin: 35% 0 30px
}

.iosSteps p {
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    font-weight: 500
}

.androiddServicess.newWay .colx p,
.circel_section p,
.ios_solutions-services.empoweringSteps p {
    line-height: 26px;
    -moz-text-align-last: center;
    text-align-last: center
}

.iosSteps .timeText {
    width: 60%
}

.iosSteps .timeText.left {
    margin-right: 50px;
    float: right
}

.iosSteps .timeText.right {
    margin-left: 50px;
    float: left
}

.iosSteps .timeImg {
    width: 100%;
    position: relative;
    z-index: 1;
    max-width: 90%
}

.iosSteps .timeImg.left {
    margin-right: 50px;
    float: right
}

.iosSteps .timeImg.right {
    margin-left: 50px;
    float: left;
    max-width: 100%
}

.ios_solutions-services .icns li {
    width: 100px;
    margin: 20px;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ios_solutions-services .hvr .icns li.mid {
    position: relative;
    top: 35px
}

.ios_solutions-services .hvr .icns li.tip {
    position: relative;
    top: -35px
}

.ios_solutions-services .hvr:hover .icns li.mid,
.ios_solutions-services .hvr:hover .icns li.tip {
    top: 0
}

.ios_solutions-services .icns li .icon {
    border: 0;
    background-color: #fff;
    position: relative;
    z-index: 1;
    top: 50px;
    width: 100px;
    height: 120px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .4);
    overflow: hidden;
    transform: none
}

.ios_solutions-services .icns li .icon::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 15px;
    background-color: #2c6bf3
}

.ios_solutions-services .icns li .icon::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 15px;
    background-color: #ff7ad7
}

.ios_solutions-services .icns li h5 {
    position: relative;
    z-index: 1;
    margin-top: 50px;
    color: #001f62
}

.iosSteps .topMargin {
    margin-top: 130px
}

.ios_solutions-services .icns li .view {
    display: none
}

.ios_solutions-services .icns li:hover .view {
    display: block
}

.ios_solutions-services.empoweringSteps {
    position: relative;
    padding: 100px 0;
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0, #fff 65%, #fff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #eee), color-stop(65%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #eee 0, #fff 65%, #fff 100%);
    background: -o-linear-gradient(top, #eee 0, #fff 65%, #fff 100%);
    background: -ms-linear-gradient(top, #eee 0, #fff 65%, #fff 100%);
    background: linear-gradient(to bottom, #eee 0, #fff 65%, #fff 100%)
}

.ios_solutions-services.empoweringSteps h2 {
    margin-bottom: 50px
}

.ios_solutions-services.empoweringSteps h3 {
    margin-bottom: 10px
}

.ios_solutions-services.empoweringSteps .container {
    position: relative;
    z-index: 1
}

.ios_solutions-services.empoweringSteps p {
    padding: 0 30px;
    text-align: justify;
    font-weight: 500
}

.ios_solutions-services.empoweringSteps .hilan {
    margin-bottom: 10px;
    display: inline-block;
    width: 50px;
    height: 7px;
    background-color: #999;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.ios_solutions-services.empoweringSteps .hilan.c1 {
    background-color: #30c2fe
}

.ios_solutions-services.empoweringSteps .hilan.c2 {
    background-color: #3d556d
}

.ios_solutions-services.empoweringSteps .hilan.c3 {
    background-color: #deb408
}

.ios_solutions-services.empoweringSteps .threeStpes_shapImg {
    max-width: 352px;
    margin: 0 auto
}

.ios_solutions-services.empoweringSteps .iso_circelIcon {
    width: 300px;
    height: 300px;
    text-align: center;
    background-color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .4)
}

.ios_solutions-services.empoweringSteps .iso_circelIcon img {
    margin-top: 40px
}

.ios_solutions-services.empoweringSteps .iso_circelIcon .sNbr {
    width: 90px;
    height: 90px;
    text-align: center;
    color: #fff;
    background-color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    position: absolute;
    right: 20px;
    top: -26px;
    padding-top: 11px;
    font-size: 40px;
    z-index: 1;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.ios_solutions-services.empoweringSteps .iso_circelIcon .sNbr.c1 {
    background-color: #30c2fe
}

.ios_solutions-services.empoweringSteps .iso_circelIcon .sNbr.c2 {
    background-color: #3d556d
}

.ios_solutions-services.empoweringSteps .iso_circelIcon .sNbr.c3 {
    background-color: #deb408
}

.ios_solutions-services.n_h .and {
    max-width: 400px;
    margin: 100px auto 0
}

.ios_solutions-services.n_h {
    padding: 50px 0 100px
}

.androiddServicess.newWay,
.circel_section {
    padding: 100px 0
}

.ios_solutions-services.n_h h3 {
    margin-top: 70px
}

.ios_solutions-services.n_h .icns li .icon img {
    width: 84px
}

.circel_section {
    position: relative;
    overflow: hidden;
    background: #574df9;
    background: -moz-linear-gradient(left, #574df9 0, #9f76fb 100%);
    background: -webkit-linear-gradient(left, #574df9 0, #9f76fb 100%);
    background: linear-gradient(to right, #574df9 0, #9f76fb 100%);
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.box21 .box-content,
.mob-services-section .single-box {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.circel_section .container {
    position: relative;
    z-index: 1
}

.circel_section .mainClicel {
    width: 450px;
    height: 450px;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border: 30px solid #7b60e2;
    background-image: url(../images/cross-line.png);
    background-repeat: no-repeat;
    background-position: center center
}

.circel_section .rotate_circel {
    width: 170px;
    height: 170px;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-animation: rotation 15s infinite linear
}

.circel_section .aniShap,
.circel_section .aniShap2 {
    position: absolute;
    width: 1000px;
    height: 1000px
}

.circel_section .mainClicel .linkBoxes li {
    position: absolute;
    text-align: center
}

.circel_section .mainClicel .linkBoxes li.set1 {
    left: 100px;
    top: 40px
}

.circel_section .mainClicel .linkBoxes li.set2 {
    left: 220px;
    top: 40px
}

.circel_section .mainClicel .linkBoxes li.set3 {
    left: 14px;
    top: 140px
}

.circel_section .mainClicel .linkBoxes li.set3.sm3 {
    left: 20px;
    top: 140px
}

.circel_section .mainClicel .linkBoxes li.set4 {
    left: 280px;
    top: 150px
}

.circel_section .mainClicel .linkBoxes li.set5 {
    left: 80px;
    top: 250px
}

.circel_section .mainClicel .linkBoxes li.set5.sm1 {
    left: 100px;
    top: 260px
}

.circel_section .mainClicel .linkBoxes li.set6 {
    left: 207px;
    top: 250px
}

.circel_section .mainClicel .linkBoxes li.set6.sm2 {
    left: 210px;
    top: 260px
}

.circel_section .aniShap {
    left: -30%;
    bottom: -50%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #ff7ad7;
    background: -moz-linear-gradient(left, #ff7ad7 0, #9f76fb 100%);
    background: -webkit-linear-gradient(left, #ff7ad7 0, #9f76fb 100%);
    background: linear-gradient(to right, #ff7ad7 0, #9f76fb 100%);
    animation: MoveUpDown 20s linear infinite
}

.circel_section .aniShap2 {
    right: -30%;
    top: -50%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #ff7ad7;
    background: -moz-linear-gradient(left, #ff7ad7 0, #9f76fb 100%);
    background: -webkit-linear-gradient(left, #ff7ad7 0, #9f76fb 100%);
    background: linear-gradient(to right, #ff7ad7 0, #9f76fb 100%);
    animation: MoveUpDown 30s linear infinite
}

@keyframes MoveUpDown {
    0%,
    100% {
        bottom: -50%;
        top: -50%
    }
    50% {
        bottom: 50%;
        top: 50%
    }
}

.circel_section h2 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 50px
}

.circel_section p {
    color: #fff;
    margin-top: 50px;
    text-align: justify
}

.circel_section .btn {
    margin-top: 20px;
    background-color: #e0d700;
    min-width: 170px;
    color: #000;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px
}

.androiddServicess.newWay .vactorBox {
    background-color: #fff;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
    min-height: 296px;
    overflow: hidden;
    text-align: center
}

.androiddServicess.newWay .vactorBox::after {
    position: absolute;
    left: 2px;
    top: 2px;
    content: "";
    width: 134px;
    height: 76px;
    background-image: url(../images/dtsdts.html);
    background-repeat: no-repeat
}

.androiddServicess.newWay .vactorBox .box-top-design {
    position: absolute;
    top: -60px;
    right: -170px;
    z-index: 2
}

.androiddServicess.newWay .vactorBox .box-bot-design {
    position: absolute;
    bottom: -40px;
    left: -80px;
    z-index: 2
}

.androiddServicess.newWay .vactorBox .box-item {
    max-width: 477px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.androiddServicess.newWay .vctrBx {
    position: relative;
    padding-bottom: 60px;
    text-align: center
}

.androiddServicess.newWay .vctrBx.vbl {
    padding-bottom: 20px
}

.androiddServicess.newWay .vctrBx .box-item {
    max-width: 350px;
    width: 100%;
    margin: 0 auto
}

.androiddServicess.newWay .vctrBx .box-bot-line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.androiddServicess.newWay .colx {
    margin-top: 50px;
    margin-bottom: 0
}

.androiddServicess.newWay .colx h3 {
    text-align: center
}

.androiddServicess.newWay .colx p {
    min-height: 100%;
    text-align: justify
}

.iot_tabs {
    background: #f6f8ff;
    text-align: center
}

.oitTabs {
    margin-top: 30px
}

.iot_tabs h2 {
    text-align: center;
    margin-bottom: 20px
}

.iot_tabs h2 br {
    display: none
}

.iot_tabs p {
    color: #000;
    font-weight: 500
}

.iot_tabs .oitTabs .nav-tabs {
    text-align: center;
    border-bottom: 1px dashed rgba(0, 0, 0, .2);
    display: inline-block
}

.iot_tabs .oitTabs .nav-tabs li {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px
}

.iot_tabs .oitTabs .nav-tabs li a {
    color: #000;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    border-bottom: solid 2px transparent;
    padding: 10px 0;
    display: inline-block
}

.iot_tabs .oitTabs .nav-tabs li.active a {
    background-color: transparent;
    color: #574df9;
    border-bottom-color: #574df9
}

.iot_tabs .oitTabs .nav-tabs li a.active {
    color: #574df9;
    background: 0;
    border: 0;
    border-bottom: #574df9 solid 2px;
    z-index: 2;
    margin-bottom: -1px;
    font-weight: 700
}

.iot_tabs .oitTabs .nav-tabs li:focus a,
.iot_tabs .oitTabs .nav-tabs li:hover a {
    color: #574df9;
    background: 0;
    border: 0;
    border-bottom: #574df9 solid 2px
}

.iot_tabs .oitTabs .tab-content {
    padding: 30px 0
}

.iot_tabs .oitTabs .tab-content h3 {
    font-weight: 600;
    color: #fff
}

.iot_tabs .oitTabs .tab-content .iconTag {
    text-align: center;
    margin-top: 40px
}

.iot_tabs .oitTabs .tab-content .iconTag li {
    display: inline-block;
    margin: 10px;
    width: 100px;
    vertical-align: top
}

.iot_tabs .oitTabs .tab-content .iconTag li span {
    display: block;
    margin: 15px 0;
    color: #000;
    font-size: 12px;
    line-height: normal
}

.iot_tabs .oitTabs .tab-content .iconTag li abbr {
    width: 74px;
    height: 74px;
    display: inline-block;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #e2e4e9;
    background: -moz-linear-gradient(top, #e2e4e9 0, #adb5c0 100%);
    background: -webkit-linear-gradient(top, #e2e4e9 0, #adb5c0 100%);
    background: linear-gradient(to bottom, #e2e4e9 0, #adb5c0 100%)
}

.iot_tabs .oitTabs .tab-content .iconTag li abbr img {
    margin-top: 7px
}

.iot_tabs .tab-content .iconTag li abbr.bg1 {
    background: #d03179;
    background: -moz-linear-gradient(-45deg, #d03179 0, #f34f1e 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #d03179), color-stop(100%, #f34f1e));
    background: -webkit-linear-gradient(-45deg, #d03179 0, #f34f1e 100%);
    background: -o-linear-gradient(-45deg, #d03179 0, #f34f1e 100%);
    background: -ms-linear-gradient(-45deg, #d03179 0, #f34f1e 100%);
    background: linear-gradient(135deg, #d03179 0, #f34f1e 100%)
}

.iot_tabs .tab-content .iconTag li abbr.bg2 {
    background: #f6f600;
    background: -moz-linear-gradient(-45deg, #f6f600 0, #ffa200 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #f6f600), color-stop(100%, #ffa200));
    background: -webkit-linear-gradient(-45deg, #f6f600 0, #ffa200 100%);
    background: -o-linear-gradient(-45deg, #f6f600 0, #ffa200 100%);
    background: -ms-linear-gradient(-45deg, #f6f600 0, #ffa200 100%);
    background: linear-gradient(135deg, #f6f600 0, #ffa200 100%)
}

.iot_tabs .tab-content .iconTag li abbr.bg3 {
    background: #04f4f0;
    background: -moz-linear-gradient(-45deg, #04f4f0 0, #4dd04f 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #04f4f0), color-stop(100%, #4dd04f));
    background: -webkit-linear-gradient(-45deg, #04f4f0 0, #4dd04f 100%);
    background: -o-linear-gradient(-45deg, #04f4f0 0, #4dd04f 100%);
    background: -ms-linear-gradient(-45deg, #04f4f0 0, #4dd04f 100%);
    background: linear-gradient(135deg, #04f4f0 0, #4dd04f 100%)
}

.iot_tabs .tab-content .iconTag li abbr.bg4 {
    background: #02edf9;
    background: -moz-linear-gradient(-45deg, #02edf9 0, #294ef0 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #02edf9), color-stop(100%, #294ef0));
    background: -webkit-linear-gradient(-45deg, #02edf9 0, #294ef0 100%);
    background: -o-linear-gradient(-45deg, #02edf9 0, #294ef0 100%);
    background: -ms-linear-gradient(-45deg, #02edf9 0, #294ef0 100%);
    background: linear-gradient(135deg, #02edf9 0, #294ef0 100%)
}

.iot_tabs .tab-content .iconTag li abbr.bg5 {
    background: #da4453;
    background: -moz-linear-gradient(-45deg, #da4453 0, #89216b 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #da4453), color-stop(100%, #89216b));
    background: -webkit-linear-gradient(-45deg, #da4453 0, #89216b 100%);
    background: -o-linear-gradient(-45deg, #da4453 0, #89216b 100%);
    background: -ms-linear-gradient(-45deg, #da4453 0, #89216b 100%);
    background: linear-gradient(135deg, #da4453 0, #89216b 100%)
}

.iot_tabs .tab-content .iconTag li abbr.bg6 {
    background: #f37535;
    background: -moz-linear-gradient(-45deg, #f37535 0, #fdc630 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #f37535), color-stop(100%, #fdc630));
    background: -webkit-linear-gradient(-45deg, #f37535 0, #fdc630 100%);
    background: -o-linear-gradient(-45deg, #f37535 0, #fdc630 100%);
    background: -ms-linear-gradient(-45deg, #f37535 0, #fdc630 100%);
    background: linear-gradient(135deg, #f37535 0, #fdc630 100%)
}

.iot_tabs .tab-content .iconTag li abbr.bg7 {
    background: #00b3db;
    background: -moz-linear-gradient(-45deg, #00b3db 0, #0084b0 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #00b3db), color-stop(100%, #0084b0));
    background: -webkit-linear-gradient(-45deg, #00b3db 0, #0084b0 100%);
    background: -o-linear-gradient(-45deg, #00b3db 0, #0084b0 100%);
    background: -ms-linear-gradient(-45deg, #00b3db 0, #0084b0 100%);
    background: linear-gradient(135deg, #00b3db 0, #0084b0 100%)
}

.iot_tabs .tab-content .iconTag li abbr.bg8 {
    background: #38ef7e;
    background: -moz-linear-gradient(-45deg, #38ef7e 0, #11998e 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #38ef7e), color-stop(100%, #11998e));
    background: -webkit-linear-gradient(-45deg, #38ef7e 0, #11998e 100%);
    background: -o-linear-gradient(-45deg, #38ef7e 0, #11998e 100%);
    background: -ms-linear-gradient(-45deg, #38ef7e 0, #11998e 100%);
    background: linear-gradient(135deg, #38ef7e 0, #11998e 100%)
}

.iot_tabs .tab-content .iconTag li abbr.bg9 {
    background: #09e7f7;
    background: -moz-linear-gradient(-45deg, #09e7f7 0, #b24ed0 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #09e7f7), color-stop(100%, #b24ed0));
    background: -webkit-linear-gradient(-45deg, #09e7f7 0, #b24ed0 100%);
    background: -o-linear-gradient(-45deg, #09e7f7 0, #b24ed0 100%);
    background: -ms-linear-gradient(-45deg, #09e7f7 0, #b24ed0 100%);
    background: linear-gradient(135deg, #09e7f7 0, #b24ed0 100%)
}

.blast-points {
    display: block;
    margin: 0 auto;
    padding-top: 40px;
    position: relative;
    z-index: 3
}

.blast-points ul {
    display: inline-block;
    width: 100%
}

.blast-points li,
.blast-points li .icon-circul {
    width: 80px;
    text-align: center;
    display: block;
    position: relative
}

.blast-points li,
.blast-points li .icon-circul img {
    margin-top: 10px
}

.blast-points li {
    list-style-type: none;
    width: 100px;
    height: 130px;
    margin: 10px;
    display: inline-block;
    vertical-align: top;
    line-height: normal
}

.blast-points li .icon-circul {
    width: 74px;
    height: 74px;
    margin: 0 auto 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: transparent
}

.blast-points li .icon-circul i {
    width: 61px;
    height: 55px;
    display: block;
    margin: 11px auto
}

.blast-points li em {
    font-size: 12px;
    color: #000;
    font-weight: 400;
    opacity: 1;
    font-style: normal;
    line-height: 12px
}

.blast-points li.active .icon-circul,
.blast-points li:hover .icon-circul {
    cursor: pointer;
    color: #fff;
    background-color: #17f3af
}

.blast-points li.active em,
.blast-points li:hover em {
    opacity: 1;
    color: #000;
    cursor: pointer
}

.blast-points li.animate .icon-circul,
.blast-points li.animate .icon-circul.bg1,
.blast-points li.animate .icon-circul.bg2,
.blast-points li.animate .icon-circul.bg3,
.blast-points li.animate .icon-circul.bg4,
.blast-points li.animate .icon-circul.bg5,
.blast-points li.animate .icon-circul.bg6,
.blast-points li.animate .icon-circul.bg7,
.blast-points li.animate .icon-circul.bg8 {
    cursor: pointer;
    color: #fff;
    background: #04f4f0;
    background: -moz-linear-gradient(-45deg, #04f4f0 0, #4dd04f 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #04f4f0), color-stop(100%, #4dd04f));
    background: -webkit-linear-gradient(-45deg, #04f4f0 0, #4dd04f 100%);
    background: -o-linear-gradient(-45deg, #04f4f0 0, #4dd04f 100%);
    background: -ms-linear-gradient(-45deg, #04f4f0 0, #4dd04f 100%);
    background: linear-gradient(135deg, #04f4f0 0, #4dd04f 100%)
}

.blast-points li.animate em {
    opacity: 1;
    color: #7519e6
}

.blast-points li .icon-circul.bg1 {
    background: #d03179;
    background: -moz-linear-gradient(-45deg, #d03179 0, #f34f1e 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #d03179), color-stop(100%, #f34f1e));
    background: -webkit-linear-gradient(-45deg, #d03179 0, #f34f1e 100%);
    background: -o-linear-gradient(-45deg, #d03179 0, #f34f1e 100%);
    background: -ms-linear-gradient(-45deg, #d03179 0, #f34f1e 100%);
    background: linear-gradient(135deg, #d03179 0, #f34f1e 100%)
}

.blast-points li .icon-circul.bg2 {
    background: #f6f600;
    background: -moz-linear-gradient(-45deg, #f6f600 0, #ffa200 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #f6f600), color-stop(100%, #ffa200));
    background: -webkit-linear-gradient(-45deg, #f6f600 0, #ffa200 100%);
    background: -o-linear-gradient(-45deg, #f6f600 0, #ffa200 100%);
    background: -ms-linear-gradient(-45deg, #f6f600 0, #ffa200 100%);
    background: linear-gradient(135deg, #f6f600 0, #ffa200 100%)
}

.blast-points li .icon-circul.bg3 {
    background: #09e7f7;
    background: -moz-linear-gradient(-45deg, #09e7f7 0, #b24ed0 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #09e7f7), color-stop(100%, #b24ed0));
    background: -webkit-linear-gradient(-45deg, #09e7f7 0, #b24ed0 100%);
    background: -o-linear-gradient(-45deg, #09e7f7 0, #b24ed0 100%);
    background: -ms-linear-gradient(-45deg, #09e7f7 0, #b24ed0 100%);
    background: linear-gradient(135deg, #09e7f7 0, #b24ed0 100%)
}

.blast-points li .icon-circul.bg4 {
    background: #02edf9;
    background: -moz-linear-gradient(-45deg, #02edf9 0, #294ef0 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #02edf9), color-stop(100%, #294ef0));
    background: -webkit-linear-gradient(-45deg, #02edf9 0, #294ef0 100%);
    background: -o-linear-gradient(-45deg, #02edf9 0, #294ef0 100%);
    background: -ms-linear-gradient(-45deg, #02edf9 0, #294ef0 100%);
    background: linear-gradient(135deg, #02edf9 0, #294ef0 100%)
}

.blast-points li .icon-circul.bg5 {
    background: #da4453;
    background: -moz-linear-gradient(-45deg, #da4453 0, #89216b 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #da4453), color-stop(100%, #89216b));
    background: -webkit-linear-gradient(-45deg, #da4453 0, #89216b 100%);
    background: -o-linear-gradient(-45deg, #da4453 0, #89216b 100%);
    background: -ms-linear-gradient(-45deg, #da4453 0, #89216b 100%);
    background: linear-gradient(135deg, #da4453 0, #89216b 100%)
}

.blast-points li .icon-circul.bg6 {
    background: #f37535;
    background: -moz-linear-gradient(-45deg, #f37535 0, #fdc630 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #f37535), color-stop(100%, #fdc630));
    background: -webkit-linear-gradient(-45deg, #f37535 0, #fdc630 100%);
    background: -o-linear-gradient(-45deg, #f37535 0, #fdc630 100%);
    background: -ms-linear-gradient(-45deg, #f37535 0, #fdc630 100%);
    background: linear-gradient(135deg, #f37535 0, #fdc630 100%)
}

.blast-points li .icon-circul.bg7 {
    background: #00b3db;
    background: -moz-linear-gradient(-45deg, #00b3db 0, #0084b0 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #00b3db), color-stop(100%, #0084b0));
    background: -webkit-linear-gradient(-45deg, #00b3db 0, #0084b0 100%);
    background: -o-linear-gradient(-45deg, #00b3db 0, #0084b0 100%);
    background: -ms-linear-gradient(-45deg, #00b3db 0, #0084b0 100%);
    background: linear-gradient(135deg, #00b3db 0, #0084b0 100%)
}

.blast-points li .icon-circul.bg8 {
    background: #f96;
    background: -moz-linear-gradient(-45deg, #f96 0, #ff5e61 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #f96), color-stop(100%, #ff5e61));
    background: -webkit-linear-gradient(-45deg, #f96 0, #ff5e61 100%);
    background: -o-linear-gradient(-45deg, #f96 0, #ff5e61 100%);
    background: -ms-linear-gradient(-45deg, #f96 0, #ff5e61 100%);
    background: linear-gradient(135deg, #f96 0, #ff5e61 100%)
}

.adds_value.madcValue.howAnd_why.hireOther.hireSection {
    background-image: -moz-linear-gradient(117deg, #64e4e9 0, #61aced 14%, #5d74f1 40%, #8e5ed1 63%, #bf48b0 100%);
    background-image: -webkit-linear-gradient(117deg, #64e4e9 0, #61aced 14%, #5d74f1 40%, #8e5ed1 63%, #bf48b0 100%);
    background-image: -ms-linear-gradient(117deg, #64e4e9 0, #61aced 14%, #5d74f1 40%, #8e5ed1 63%, #bf48b0 100%)
}

.adds_value.madcValue.howAnd_why.hireOther.hireSection .hireOther_box {
    background: #63cbeb
}

.adds_value.madcValue.howAnd_why.hireOther.hireSection .hireOther_box ul li {
    border-bottom: #fff dashed 1px
}

.adds_value.madcValue.howAnd_why.hireOther.hireSection .hireNew .btn {
    background-color: #be48b1
}

.adds_value.madcValue.howAnd_why.hireOther.hireSection .hireNew .btn:focus,
.adds_value.madcValue.howAnd_why.hireOther.hireSection .hireNew .btn:hover {
    background-color: #63cbeb
}

.adds_value.madcValue.howAnd_why.hireOther.hireSection .hireOther_box .idea_circel .btn {
    background-color: #be48b1
}

.adds_value.madcValue.howAnd_why.hireOther.hireSection .hireOther_box .idea_circel .btn:focus,
.adds_value.madcValue.howAnd_why.hireOther.hireSection .hireOther_box .idea_circel .btn:hover {
    background-color: #63cbeb
}

.businessValues.businessValuesPoints.bvp .values_point li .chkIcn {
    background-image: -moz-linear-gradient(117deg, #64e4e9 0, #61aced 14%, #5d74f1 40%, #8e5ed1 63%, #bf48b0 100%);
    background-image: -webkit-linear-gradient(117deg, #64e4e9 0, #61aced 14%, #5d74f1 40%, #8e5ed1 63%, #bf48b0 100%);
    background-image: -ms-linear-gradient(117deg, #64e4e9 0, #61aced 14%, #5d74f1 40%, #8e5ed1 63%, #bf48b0 100%)
}

.ios_solutions-services.empoweringSteps .rotate_base {
    width: 170px;
    height: 170px;
    position: relative;
    margin: 0 auto
}

.ios_solutions-services.empoweringSteps .rotate_base .base_rotate {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 140px;
    height: a40px;
    -webkit-animation: rotation 15s infinite linear
}

.ios_solutions-services.empoweringSteps .rotate_base .icons_logo {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 80px;
    margin: auto;
    z-index: 1
}

.whyChoose_us {
    overflow: hidden;
    position: relative;
    background: #9119c6;
    background: -moz-linear-gradient(-45deg, #9119c6 0, #775adc 99%);
    background: -webkit-linear-gradient(-45deg, #9119c6 0, #775adc 99%);
    background: linear-gradient(135deg, #9119c6 0, #775adc 99%)
}

.whyChoose_us h2 {
    text-align: left;
    color: #fff;
    font-weight: 700;
    margin-bottom: 50px;
    margin-top: 20%
}

.whyChoose_us p {
    text-align: left;
    color: #fff;
    margin-top: 50px
}

.whyChoose_us .btn {
    margin-top: 20px;
    background-color: #e0d700;
    min-width: 170px;
    color: #000;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px
}

.whyChoose_us .why-choose-pic {
    max-width: 748px;
    width: 100%;
    margin: 0 auto
}

.whyChoose_us .wc_circle {
    position: absolute;
    width: 500px;
    height: 500px;
    display: inline-block;
    -webkit-box-shadow: 0 0 50px 32px rgba(224, 215, 0, .1);
    box-shadow: 0 0 50px 32px rgba(224, 215, 0, .1);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%
}

.whyChoose_us .wc_circle.wc1 {
    left: -10%;
    top: -40%
}

.whyChoose_us .wc_circle.wc2 {
    left: 50%;
    bottom: -35%
}

.whyChoose_us .wc_circle.wc3 {
    right: -15%;
    top: -30%
}

.ios_solutions-services.empoweringSteps .wawer {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    height: 0;
    opacity: .1;
    padding-top: 30%;
    overflow: hidden;
    z-index: 0
}

.ios_solutions-services.empoweringSteps .wawer .wawe {
    margin-top: -17%;
    height: 34%;
    width: 2%;
    top: auto;
    border-radius: 20px;
    position: absolute
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(1) {
    animation: wave 17s 0s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(2) {
    animation: wave 17s -16.227s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(3) {
    animation: wave 17s -15.455s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(4) {
    animation: wave 17s -14.682s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(5) {
    animation: wave 17s -13.909s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(6) {
    animation: wave 17s -13.136s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(7) {
    animation: wave 17s -12.364s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(8) {
    animation: wave 17s -11.591s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(9) {
    animation: wave 17s -10.818s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(10) {
    animation: wave 17s -10.045s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(11) {
    animation: wave 17s -9.273s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(12) {
    animation: wave 17s -8.5s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(13) {
    animation: wave 17s -7.727s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(14) {
    animation: wave 17s -6.955s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(15) {
    animation: wave 17s -6.182s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(16) {
    animation: wave 17s -5.409s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(17) {
    animation: wave 17s -4.636s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(18) {
    animation: wave 17s -3.864s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(19) {
    animation: wave 17s -3.091s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(20) {
    animation: wave 17s -2.318s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(21) {
    animation: wave 17s -1.545s linear infinite
}

.ios_solutions-services.empoweringSteps .wawer .wawe:nth-of-type(22) {
    animation: wave 17s -773ms linear infinite
}

@keyframes wave {
    0% {
        left: -2%;
        background: #3b44d1
    }
    5% {
        background: #9337fe
    }
    10% {
        height: 10%;
        margin-top: -5%;
        background: #c532fc
    }
    15% {
        background: #f639f8
    }
    20% {
        height: 34%;
        margin-top: -17%;
        background: #f236c8
    }
    25% {
        background: #ff2f8d
    }
    30% {
        height: 10%;
        margin-top: -5%;
        background: #ee3860
    }
    35% {
        background: #dc5245
    }
    40% {
        height: 34%;
        margin-top: -17%;
        background: #f38643
    }
    45% {
        background: #f8b435
    }
    50% {
        height: 10%;
        margin-top: -5%;
        background: #faf444
    }
    55% {
        background: #e0ff3b
    }
    60% {
        height: 34%;
        margin-top: -17%;
        background: #e1ff3c
    }
    65% {
        background: #46f443
    }
    70% {
        height: 10%;
        margin-top: -5%;
        background: #54e67b
    }
    75% {
        background: #4df3a9
    }
    80% {
        height: 34%;
        margin-top: -17%;
        background: #3af9da
    }
    85% {
        background: #36ebf4
    }
    90% {
        height: 10%;
        margin-top: -5%;
        background: #3db3f3
    }
    95% {
        background: #3c82f1
    }
    100% {
        height: 34%;
        margin-top: -17%;
        left: 100%;
        background: #5b38ee
    }
}

.view {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-perspective: 400;
    perspective: 400
}

.plane {
    width: 70px;
    height: 70px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.plane.main {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotateX(60deg) rotateZ(-30deg);
    transform: rotateX(60deg) rotateZ(-30deg);
    -webkit-animation: rotate 20s infinite linear;
    animation: rotate 20s infinite linear
}

.plane.main .circle {
    width: 70px;
    height: 70px;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border-radius: 100%;
    box-sizing: border-box
}

.plane.main .circle::after,
.plane.main .circle::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 10%;
    height: 10%;
    border-radius: 100%;
    background: #ff44bc;
    box-sizing: border-box
}

.banner_section.mobApp-bgs .lists li,
ul.cross li {
    display: inline-block;
    vertical-align: top
}

.plane.main .circle::before {
    -webkit-transform: translateZ(-90px);
    transform: translateZ(-90px)
}

.plane.main .circle::after {
    -webkit-transform: translateZ(90px);
    transform: translateZ(90px)
}

.plane.main .circle:nth-child(1) {
    -webkit-transform: rotateZ(72deg) rotateX(63.435deg);
    transform: rotateZ(72deg) rotateX(63.435deg)
}

.plane.main .circle:nth-child(2) {
    -webkit-transform: rotateZ(144deg) rotateX(63.435deg);
    transform: rotateZ(144deg) rotateX(63.435deg)
}

.plane.main .circle:nth-child(3) {
    -webkit-transform: rotateZ(216deg) rotateX(63.435deg);
    transform: rotateZ(216deg) rotateX(63.435deg)
}

.plane.main .circle:nth-child(4) {
    -webkit-transform: rotateZ(288deg) rotateX(63.435deg);
    transform: rotateZ(288deg) rotateX(63.435deg)
}

.plane.main .circle:nth-child(5) {
    -webkit-transform: rotateZ(360deg) rotateX(63.435deg);
    transform: rotateZ(360deg) rotateX(63.435deg)
}

.slide-up-fade-in {
    animation: slide-up-fade-in ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: slide-up-fade-in ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: slide-up-fade-in ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: slide-up-fade-in ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: slide-up-fade-in ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
    opacity: 0
}

@keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        transform: translate(0, 40px)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@-moz-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0, 40px)
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0, 0)
    }
}

@-webkit-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 40px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0)
    }
}

@-o-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -o-transform: translate(0, 40px)
    }
    100% {
        opacity: 1;
        -o-transform: translate(0, 0)
    }
}

@-ms-keyframes slide-up-fade-in {
    0% {
        opacity: 0;
        -ms-transform: translate(0, 40px)
    }
    100% {
        opacity: 1;
        -ms-transform: translate(0, 0)
    }
}

ul.cross {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

ul.cross li .rotate_base {
    width: 150px;
    height: 150px;
    position: relative;
    margin: 0 auto
}

ul.cross li .rotate_base .base_rotate {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 110px;
    height: 110px;
    -webkit-animation: rotation 15s infinite linear
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

ul.cross li .rotate_base .icons_logo {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    margin: auto;
    z-index: 1
}

.sectionImage {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.sectionImage-img {
    position: absolute;
    right: -30px;
    top: -50px
}

.sectionImage-img img {
    width: 100%;
    height: auto
}

.sectionImage-img.layer-1 {
    top: -90px
}

.sectionImage-img.layer-5 {
    z-index: 1
}

@media screen and (min-width :1680px) and (max-width :1919px) {
    .sectionImage-img {
        width: 85%
    }
}

@media screen and (min-width :1600px) and (max-width :1679px) {
    .sectionImage-img {
        width: 80%
    }
}

@media only screen and (min-width :1440px) and (max-width :1599px) {
    .sectionImage {
        height: 100%
    }
    .sectionImage-img {
        width: 80%;
        right: 150px
    }
}

@media only screen and (min-width :1366px) and (max-width :1439px) {
    .sectionImage {
        height: 100%
    }
    .sectionImage-img {
        width: 80%;
        right: 200px
    }
}

@media only screen and (min-width :1360px) and (max-width :1365px) {
    .sectionImage {
        height: 100%
    }
    .sectionImage-img {
        width: 80%
    }
}

@media only screen and (min-width :1280px) and (max-width :1359px) {
    .sectionImage {
        height: 100%
    }
    .sectionImage-img {
        width: 80%;
        right: -110px
    }
}

@media only screen and (min-width :1152px) and (max-width :1279px) {
    .sectionImage {
        height: 100%
    }
    .sectionImage-img {
        width: 70%;
        right: 320px
    }
}

@media only screen and (min-width :1024px) and (max-width :1151px) {
    .sectionImage {
        height: 100%
    }
    .sectionImage-img {
        width: 80%;
        right: -160px
    }
}

.banner_section.mobApp-bgs {
    background: #293faf;
    background: -moz-linear-gradient(top, #293faf 2%, #592da4 68%);
    background: -webkit-linear-gradient(top, #293faf 2%, #592da4 68%);
    background: linear-gradient(to bottom, #293faf 2%, #592da4 68%)
}

.banner_section.mobApp-bgs .lists {
    margin-top: 20px
}

.banner_section.mobApp-bgs .lists li {
    margin: 10px 0;
    color: #fff;
    width: 49%
}

.mob-services-section {
    background-image: url(../images/mob-grid-bg.png);
    background-repeat: repeat-x;
    background-position: top center;
    min-height: 600px
}

.mob-services-section .single-box {
    margin-bottom: 30px;
    min-height: 220px;
    position: relative;
    padding: 40px;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mob-services-section .single-box .overlyBox {
    background-color: #eee;
    display: none;
    position: absolute;
    left: 0;
    width: 50%;
    height: 200px;
    z-index: 1;
    top: 100%
}

.mob-services-section .single-box:hover .overlyBox {
    display: block;
    right: 0;
    left: auto
}

.mob-services-section .single-box h3 {
    margin-bottom: 15px
}

.mob-services-section .single-box p {
    opacity: .8
}

.mob-services-section .single-box .simple-btn {
    color: #ff8f1e;
    margin-top: 20px;
    display: inline-block
}

.mob-services-section .single-box .simple-btn i {
    font-size: 10px;
    position: relative;
    top: -2px
}

.mob-services-section .single-box .simple-btn:hover i {
    left: 5px
}

.mob-services-section .single-box:hover {
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1)
}

.mob_developmentServices {
    overflow: hidden;
    padding-top: 80px
}

.mob_developmentServices .mob-box {
    position: relative;
    margin: 0 auto
}

.mob_developmentServices .mob-box .mob-light-shade {
    width: 500px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    animation-name: stretch;
    animation-duration: 2.5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running
}

.mob_developmentServices .mob-box .mob-rtr.bse1,
.mob_developmentServices .mob-box .mob-rtr.bse2,
.mob_developmentServices .mob-box .mob-rtr.bse3,
.step-nbr-icon .front-shap,
.three-boxes li .sm-shap {
    animation-name: spin;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes stretch {
    0% {
        transform: scale(1);
        border-radius: 100%
    }
    100% {
        transform: scale(1.1)
    }
}

.mob_developmentServices .mob-box .mob-light-shade img {
    width: 100%;
    height: auto
}

.mob_developmentServices .mob-box .mob-light-shade.bse1 {
    top: -180px
}

.mob_developmentServices .mob-box .mob-light-shade.bse2 {
    top: 0
}

.mob_developmentServices .mob-box .mob-light-shade.bse3 {
    top: -180px
}

.mob_developmentServices .mob-box .mob-rtr {
    width: 500px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2
}

.box21 img,
.mob_developmentServices .mob-box .mob-rtr img {
    height: auto;
    width: 100%
}

.mob_developmentServices .mob-box .mob-rtr.bse1 {
    top: -180px;
    animation-duration: 10s
}

.mob_developmentServices .mob-box .mob-rtr.bse2 {
    top: 0;
    animation-duration: 15s
}

.mob_developmentServices .mob-box .mob-rtr.bse3 {
    top: -180px;
    animation-duration: 20s
}

.custom_text {
    text-align: center;
    margin-bottom: 50px
}

.custom_text h2 {
    margin-bottom: 20px;
    color: #000
}

.mob_developmentServices .row {
    margin: 0
}

.mob_developmentServices .row .colm {
    padding: 0
}

.box21 {
    text-align: center;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 3;
    background-color: #fff
}

.box21 .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 1px;
    color: #fff;
    padding: 30px 50px 50px;
    z-index: 1;
    background-color: #fff;
    -moz-transform: translate(0, 60%);
    -webkit-transform: translate(0, 80%);
    -o-transform: translate(0, 80%);
    -ms-transform: translate(0, 80%);
    transform: translate(0, 80%);
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.box21 .description,
.box21 .title,
.mob_developmentServices,
.overly-controll {
    position: relative
}

.box21:hover .box-content {
    -moz-transform: translate(0, 45%);
    -webkit-transform: translate(0, 45%);
    -o-transform: translate(0, 45%);
    -ms-transform: translate(0, 45%);
    transform: translate(0, 45%)
}

.box21 .title {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    color: #2d2d57;
    padding-bottom: 20px;
    margin-top: 20px;
    z-index: 1
}

.box21 .description {
    font-size: 14px;
    font-style: italic;
    padding: 0 10px;
    margin: 30px 0 15px;
    z-index: 1;
    color: #525252;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    line-height: 30px
}

.overly_box_content {
    padding: 0 0 50px;
    text-align: center
}

.overly_box_content h2 {
    font-weight: 700;
    margin-bottom: 20px;
    color: #000
}

.overly_box_content .padder {
    padding-left: 15%;
    padding-right: 15%;
    line-height: 30px;
    color: #000
}

.overly_box_content .em-box {
    margin-top: 50px
}

.overly_box_content .em-icon {
    float: left;
    margin-right: 15px
}

.overly_box_content .em-text {
    overflow: hidden;
    text-align: left;
    padding-top: 20px;
    color: #000
}

.overly_box_content .os-box {
    margin-top: 30px
}

.overly_box_content .os-box h3 {
    color: #000
}

.overly_box_content .os-circel {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    display: inline-block;
    border: 1px solid #ededed
}

.overly_box_content .os-circel img {
    width: 70px
}

.overly_box_content .os-text {
    padding-top: 15px;
    color: #000
}

.mob_developmentServices .overly-popup {
    display: none;
    float: right;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3
}

.mob_developmentServices .click-me1,
.mob_developmentServices .click-me2,
.mob_developmentServices .click-me3 {
    position: relative;
    z-index: 1;
    display: block
}

.mob_developmentServices .close {
    position: absolute;
    left: 32px;
    top: 32px;
    opacity: 1;
    border: 1px solid #000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mob_developmentServices .close:hover {
    opacity: 1;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg)
}

.mob_developmentServices .close:hover:after,
.mob_developmentServices .close:hover:before {
    background-color: red
}

.mob_developmentServices .close:after,
.mob_developmentServices .close:before {
    position: absolute;
    left: 23px;
    top: 7px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333
}

.mob_developmentServices .close:before {
    transform: rotate(45deg)
}

.mob_developmentServices .close:after {
    transform: rotate(-45deg)
}

.mob_developmentServices .click-me1.inBtn,
.mob_developmentServices .click-me2.inBtn,
.mob_developmentServices .click-me3.inBtn {
    border-radius: 50px;
    -web-border-radius: 50px;
    -moz-border-radius: 50px;
    background: #6a3698;
    background: -moz-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #6a3698), color-stop(100%, #179bf9));
    background: -webkit-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -o-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -ms-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: linear-gradient(135deg, #6a3698 0, #179bf9 100%);
    padding: 12px 25px;
    color: #fff;
    display: inline-block;
    border: 0;
    font-weight: 500;
    font-size: 20px;
    margin-top: 35px
}

@media only screen and (max-width:990px) {
    .box21 {
        margin-bottom: 30px;
        list-style: disc
    }
}

@media only screen and (max-width:479px) {
    .box21 .box-content {
        padding-top: 0
    }
}

@media only screen and (max-width:359px) {
    .box21 .title {
        padding-bottom: 10px
    }
}

.port_portfolio {
    text-align: center;
    position: relative;
    background: #193950;
    background: -moz-linear-gradient(-45deg, #193950 0, #721aa2 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #193950), color-stop(100%, #721aa2));
    background: -webkit-linear-gradient(-45deg, #193950 0, #721aa2 100%);
    background: -o-linear-gradient(-45deg, #193950 0, #721aa2 100%);
    background: -ms-linear-gradient(-45deg, #193950 0, #721aa2 100%);
    background: linear-gradient(135deg, #193950 0, #721aa2 100%)
}

.port_portfolio h2 {
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff
}

.port_portfolio p {
    color: #fff
}

.port_portfolio .nav-tabs {
    margin-top: 50px;
    text-align: center;
    border-bottom: 0
}

.port_portfolio .nav-tabs>li {
    display: inline-block;
    vertical-align: top;
    float: none
}

.port_portfolio .nav-tabs>li>a {
    color: #fff;
    opacity: .5;
    min-width: 160px;
    margin: 0;
    border: 0
}

.port_portfolio .nav-tabs>li>a abbr {
    display: block;
    margin-top: 15px
}

.port_portfolio .nav-tabs>li>a .tab-line {
    display: block;
    height: 4px;
    background-color: #fff;
    margin-top: 5px
}

.port_portfolio .nav-tabs>li>a .tab-line.tl1 {
    background-color: #fe5400
}

.port_portfolio .nav-tabs>li>a .tab-line.tl2 {
    background-color: #198e36
}

.port_portfolio .nav-tabs>li>a .tab-line.tl3 {
    background-color: #25cdf4
}

.port_portfolio .nav-tabs>li>a .tab-line.tl4 {
    background-color: #206dd5
}

.port_portfolio .nav-tabs>li>a .tab-line.tl5 {
    background-color: #14c90a
}

.port_portfolio .nav-tabs>li>a .tab-line.tl6 {
    background-color: #febd00
}

.port_portfolio .nav-tabs>li>a .tab-line.tl7 {
    background-color: #be4dd3
}

.port_portfolio .nav-tabs>li>a .tab-line.tl8 {
    background-color: #ff003c
}

.port_portfolio .nav-tabs>li.active>a,
.port_portfolio .nav-tabs>li.active>a:focus,
.port_portfolio .nav-tabs>li.active>a:hover {
    border: 0;
    color: #fff;
    background-color: transparent;
    opacity: 1
}

.port_portfolio .nav>li>a:focus,
.port_portfolio .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    opacity: 1;
    border: 0
}

.port_portfolio .tab-content .tab-pane {
    color: #fff
}

.mob_portfolio-box {
    width: 350px;
    height: 616px;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 30px auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #fff
}

.mob_portfolio-box img {
    max-width: 100%;
    height: auto;
    position: absolute;
    z-index: 0;
    margin: auto;
    left: 0;
    right: 0;
    padding: 0
}

.port_portfolio h3 {
    font-weight: 700;
    margin-bottom: 5px
}

.port_portfolio .mob-more {
    transition: .6s;
    margin-top: 10px;
    display: inline-block;
    width: 60px;
    height: 60px;
    padding-top: 16px;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.port_portfolio .mob-more:hover {
    background-color: #ffcb68;
    -webkit-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-box-shadow: 0 0 30px 0 rgba(255, 203, 104, .5);
    -moz-box-shadow: 0 0 30px 0 rgba(255, 203, 104, .5);
    box-shadow: 0 0 30px 0 rgba(255, 203, 104, .5)
}

.port_portfolio .mob-more .small-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #34316a;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.the-letest-tech .container_custom {
    position: relative;
    padding-bottom: 85px
}

.the-letest-tech h2 {
    margin-bottom: 20px;
    color: #000
}

.the-letest-tech p.p-gap {
    margin: 0 20% 20px;
    line-height: 30px
}

.the-letest-tech .nav-tabs {
    margin-top: 50px;
    text-align: center;
    border-bottom: 0
}

.the-letest-tech .nav-tabs>li {
    display: inline-block;
    vertical-align: top;
    float: none;
    width: 15.8%
}

.the-letest-tech .nav-tabs>li>a {
    color: #fff;
    opacity: 1;
    min-width: 160px;
    margin-right: 0;
    padding: 20px 15px;
    border: 1px solid #fff;
    border-bottom: 0;
    border-radius: 40px 40px 0 0;
    -moz-border-radius: 40px 40px 0 0;
    -webkit-border-radius: 40px 40px 0 0
}

.the-letest-tech .nav-tabs>li>a abbr {
    display: block;
    margin-top: 15px;
    color: #000
}

.the-letest-tech .nav-tabs>li.active>a,
.the-letest-tech .nav-tabs>li.active>a:focus,
.the-letest-tech .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #711aa1;
    border-bottom: 0;
    position: relative;
    top: 1px;
    z-index: 2;
    box-shadow: 0 -20px 20px rgba(34, 199, 223, .1);
    -webkit-box-shadow: 0 -20px 20px rgba(34, 199, 223, .1);
    -moz-box-shadow: 0 -20px 20px rgba(34, 199, 223, .1)
}

.the-letest-tech .nav-tabs>li.active:first-child>a::after,
.the-letest-tech .nav-tabs>li.active:last-child>a::after {
    width: 50px;
    height: 50px;
    content: "";
    background-color: #fff;
    position: absolute;
    bottom: -50px;
    z-index: 4
}

.the-letest-tech .nav-tabs>li.active:first-child>a::after {
    left: -1px;
    border-left: #711aa1 solid 1px
}

.the-letest-tech .nav-tabs>li.active:last-child>a::after {
    right: -1px;
    border-right: #711aa1 solid 1px
}

.the-letest-tech .nav>li>a:focus,
.the-letest-tech .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    opacity: 1
}

.the-letest-tech .tab-content {
    width: 96%;
    position: relative;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 20px 20px rgba(34, 199, 223, .1);
    -webkit-box-shadow: 0 20px 20px rgba(34, 199, 223, .1);
    -moz-box-shadow: 0 20px 20px rgba(34, 199, 223, .1);
    padding: 100px 50px;
    border: 1px solid #711aa1;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px 40px 40px 40px;
    margin: 0 auto 40px
}

.the-letest-tech .tab-content .tab-pane {
    color: #000
}

.the-letest-tech .nav-tabs>li>a .bdr-class {
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.the-letest-tech .color-shaps {
    position: absolute;
    bottom: 0;
    z-index: 0
}

.the-letest-tech .color-shaps.pink {
    right: 0;
    width: 564px
}

.the-letest-tech .color-shaps.sky {
    left: 22px;
    bottom: 70px;
    width: 290px
}

.the-letest-tech .color-shaps.pink img,
.the-letest-tech .color-shaps.sky img {
    width: 100%;
    height: auto
}

.whyUs_plans {
    position: relative;
    width: 100%;
    background-color: #f9f9f9
}

.whyUs_plans::after {
    content: '';
    height: 345px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background: #6a3698;
    background: -moz-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #6a3698), color-stop(100%, #179bf9));
    background: -webkit-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -o-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -ms-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: linear-gradient(135deg, #6a3698 0, #179bf9 100%)
}

.whyUs_plans h2,
.whyUs_plans p {
    color: #fff;
    margin-bottom: 20px;
    z-index: 1;
    position: relative
}

.why_usPlan {
    margin: 0 auto;
    padding: 50px 0 0;
    width: 100%
}

.why-panel {
    background-color: #fff;
    padding: 40px;
    position: relative;
    width: 100%;
    z-index: 10;
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .08), 0 20px 31px 3px rgba(0, 0, 0, .09), 0 8px 20px 7px rgba(0, 0, 0, .02);
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px
}

.whyUs_plans .form-control,
.whyUs_plans select {
    border-radius: 0;
    padding: 10px;
    height: auto;
    border: 0;
    border-bottom: #ccc solid 1px;
    box-shadow: none;
    width: 100%;
    color: #555
}

.whyUs_plans .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.whyUs_plans .frmRow .country_codes {
    width: 100%
}

.whyUs_plans .dropdown-toggle {
    border-radius: 0;
    padding: 10px;
    height: auto;
    border: 0;
    border-bottom: #ccc solid 1px
}

.whyUs_plans .open>.dropdown-toggle.btn-default:focus,
.whyUs_plans .open>.dropdown-toggle.btn-default:hover {
    background: 0;
    box-shadow: none
}

.whyUs_plans .btn-default:focus,
.whyUs_plans .btn-default:hover,
.whyUs_plans .btn-group.open .dropdown-toggle {
    background-color: transparent;
    box-shadow: none;
    outline: 0
}

.whyUs_plans .country_codes .dropdown-toggle {
    width: 100%;
    text-align: left
}

.whyUs_plans .country_codes .caret {
    float: right;
    margin-top: 8px
}

.whyUs_plans .frmRow {
    margin-bottom: 30px
}

.whyUs_plans .customUpload {
    position: relative;
    border-bottom: #ccc solid 1px
}

.whyUs_plans .customUpload br {
    display: none
}

.whyUs_plans .uptxt {
    line-height: 42px;
    text-transform: none;
    font-weight: 400;
    color: #555;
    margin-left: 10px
}

.whyUs_plans .frmRow .upBtn {
    position: relative;
    box-shadow: none;
    border: 0;
    background-image: none;
    background-repeat: no-repeat;
    background-color: transparent;
    min-width: 40px;
    height: 40px;
    margin-left: 5px
}

.whyUs_plans .frmRow .upld {
    padding: 10px 10px 10px 0;
    height: auto;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
    background-color: transparent;
    color: #555;
    border-radius: 0
}

.whyUs_plans .frmRow input::placeholder,
.whyUs_plans .frmRow textarea::placeholder {
    color: #555
}

.whyUs_plans .code {
    background: #6a3698;
    background: -moz-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #6a3698), color-stop(100%, #179bf9));
    background: -webkit-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -o-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -ms-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: linear-gradient(135deg, #6a3698 0, #179bf9 100%);
    padding: 10px 15px;
    color: #fff;
    display: inline-block
}

.whyUs_plans .submit {
    margin-top: 10px;
    border-radius: 50px;
    -web-border-radius: 50px;
    -moz-border-radius: 50px;
    background: #6a3698;
    background: -moz-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #6a3698), color-stop(100%, #179bf9));
    background: -webkit-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -o-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -ms-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: linear-gradient(135deg, #6a3698 0, #179bf9 100%);
    padding: 15px 30px;
    color: #fff;
    display: inline-block;
    border: 0;
    font-weight: 500;
    font-size: 20px
}

.whyUs_plans .submit:focus,
.whyUs_plans .submit:hover {
    color: #fff
}

.whyUs_plans label {
    font-weight: 400
}

.three-boxes {
    position: relative;
    z-index: 1;
    margin-top: 20px
}

.three-boxes li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 30px
}

.three-boxes li .rect-box {
    width: 190px;
    height: 190px;
    margin: auto;
    background-color: #fff;
    padding: 15px;
    text-align: center;
    box-shadow: 0 20px 20px rgba(34, 199, 223, .2);
    -webkit-box-shadow: 0 20px 20px rgba(34, 199, 223, .2);
    -moz-box-shadow: 0 20px 20px rgba(34, 199, 223, .2);
    position: relative;
    z-index: 1;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px
}

.three-boxes li .big-text {
    text-transform: uppercase;
    font-family: "cera_pro_black", Sans-serif;
    font-size: 38px;
    color: #564eaf;
    margin-top: 15px
}

.three-boxes li .small-text {
    font-size: 18px
}

.three-boxes li .sm-shap {
    width: 240px;
    height: 240px;
    position: absolute;
    left: -32px;
    top: 0;
    right: 0;
    bottom: auto;
    margin: auto
}

.three-boxes li .sm-shap img {
    width: 100%;
    height: auto
}

.thin-line {
    height: 1px;
    background-color: #564eaf;
    margin: 30px 0 20px
}

.three-boxes li .sm-shap.sm1 {
    animation-duration: 10s
}

.three-boxes li .sm-shap.sm2 {
    animation-duration: 12s
}

.three-boxes li .sm-shap.sm3 {
    animation-duration: 14s
}

.whyUs_plans .sub-content h3 {
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center
}

.whyUs_plans .sub-content p {
    color: #000;
    line-height: 30px;
    text-align: center
}

.whyUs_plans .owl-carousel .owl-nav.disabled {
    display: none
}

.whyUs_plans .owl-carousel .owl-nav {
    text-align: center;
    display: none
}

.whyUs_plans .owl-carousel .owl-dots {
    display: none
}

.whyUs_plans .owl-carousel .owl-nav button.owl-next,
.whyUs_plans .owl-carousel .owl-nav button.owl-prev {
    font-family: FontAwesome;
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -1000px;
    color: #fff;
    display: inline-block;
    background: #6a3698;
    background: -moz-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #6a3698), color-stop(100%, #179bf9));
    background: -webkit-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -o-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -ms-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: linear-gradient(135deg, #6a3698 0, #179bf9 100%);
    padding: 10px;
    margin: 2px
}

.whyUs_plans .owl-carousel .owl-nav button.owl-prev {
    -webkit-border-radius: 40px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 40px;
    -moz-border-radius-topright: 0;
    border-radius: 40px 0 40px 40px
}

.whyUs_plans .owl-carousel .owl-nav button.owl-next {
    -webkit-border-radius: 40px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 40px;
    -moz-border-radius-topleft: 0;
    border-radius: 0 40px 40px
}

.whyUs_plans .owl-carousel .owl-nav button.owl-prev::after {
    content: "\f104";
    position: absolute;
    left: 0;
    top: 8px;
    right: 0;
    text-indent: 0;
    margin: auto
}

.whyUs_plans .owl-carousel .owl-nav button.owl-next::before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 8px;
    right: 0;
    text-indent: 0;
    margin: auto
}

.whyUs_plans .awardBx-in {
    width: 150px;
    height: 150px;
    margin: auto
}

.whyUs_plans .awardBx-in img {
    width: 100%
}

.whyUs_plans .awardBx-in .hvr {
    display: none
}

.whyUs_plans .awardBx-in .mob,
.whyUs_plans .awardBx-in:hover .hvr {
    display: block
}

.whyUs_plans .awardBx-in:hover .mob {
    display: none
}

.whyUs_plans .form_say {
    line-height: 30px;
    margin-bottom: 0
}

.newFooter {
    padding: 50px 0 20px
}

.newFooter h4.abt {
    text-transform: uppercase
}

.newFooter .address_bar {
    background-color: #4119a0;
    padding: 50px 0;
    margin-top: 20px;
    position: relative
}

.newFooter .address_bar .newAddress li {
    display: inline-block;
    vertical-align: top;
    width: 19.5%
}

.newFooter .address_bar .newAddress li .adrs-hdr {
    margin-bottom: 20px
}

.newFooter .address_bar .newAddress li .adrs-hdr h3 {
    color: #fff;
    text-transform: uppercase
}

.newFooter .address_bar .newAddress li .adrs-body h4 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px
}

.newFooter .address_bar .newAddress li .adrs-body p {
    color: #fff;
    margin-bottom: 20px;
    line-height: 30px
}

.newFooter .address_bar .newAddress li .adrs-body p .tel {
    display: inline-block;
    width: 40px
}

.newFooter .address_bar .hrInq {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -30px;
    color: #fff;
    width: 316px;
    text-align: center;
    padding: 20px;
    border-radius: 50px;
    -web-border-radius: 50px;
    -moz-border-radius: 50px;
    background: #f660a6;
    background: -moz-linear-gradient(left, #f660a6 0, #f660a6 52%, #bc79e2 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, #f660a6), color-stop(52%, #f660a6), color-stop(100%, #bc79e2));
    background: -webkit-linear-gradient(left, #f660a6 0, #f660a6 52%, #bc79e2 100%);
    background: -o-linear-gradient(left, #f660a6 0, #f660a6 52%, #bc79e2 100%);
    background: -ms-linear-gradient(left, #f660a6 0, #f660a6 52%, #bc79e2 100%);
    background: linear-gradient(to right, #f660a6 0, #f660a6 52%, #bc79e2 100%)
}

.step_setup,
.stpr-mob-box {
    position: relative
}

.newFooter .footer-connect {
    padding-top: 80px
}

.newFooter .footer-connect h3 {
    color: #4f546a;
    text-transform: uppercase
}

.newFooter .footer-connect .footer-list {
    margin-top: 20px
}

.newFooter .footer-connect .footer-list li {
    margin: 10px 0;
    color: #4f546a
}

.newFooter .footer-connect .footer-list li a {
    color: #4f546a
}

.newFooter .footer-connect .footer-list li .list-icon {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    -web-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background: #ff5ba5;
    background: -moz-linear-gradient(-45deg, #ff5ba5 0, #a377f0 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #ff5ba5), color-stop(100%, #a377f0));
    background: -webkit-linear-gradient(-45deg, #ff5ba5 0, #a377f0 100%);
    background: -o-linear-gradient(-45deg, #ff5ba5 0, #a377f0 100%);
    background: -ms-linear-gradient(-45deg, #ff5ba5 0, #a377f0 100%);
    background: linear-gradient(135deg, #ff5ba5 0, #a377f0 100%)
}

.newFooter .footer-connect .footer-list li .list-icon img {
    width: 40px;
    margin-top: 3px
}

.newFooter .footer-connect .va {
    color: #f15fa8
}

.newFooter .copy-right {
    border-top: #b4b4b4 solid 1px;
    margin-top: 15px;
    padding-top: 20px;
    text-align: center
}

.newFooter .copy-right a {
    color: #6f40dc
}

.newFooter .copy-right span {
    color: #515368
}

.newFooter .copy-right .text-widget {
    margin-top: 10px
}

.step_setup {
    margin-top: 70px
}

.stpr-mob-box.top {
    margin-top: 50px
}

.stpr-mob-box.top2,
.stpr-mob-box.top3 {
    margin-top: 30px
}

.step-nbr-icon {
    width: 320px;
    height: 320px;
    margin: auto
}

.step-nbr-icon .back-shap,
.step-nbr-icon .front-shap {
    height: 300px;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    top: 0;
    right: 0
}

.step-nbr-icon .back-shap {
    width: 300px;
    z-index: 0
}

.step-nbr-icon .back-shap img {
    width: 100%
}

.step-nbr-icon .front-shap {
    width: 300px;
    z-index: 1;
    animation-duration: 10s
}

@keyframes spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.step-nbr-icon .front-shap img {
    width: 100%
}

.step-nbr-icon .mStep {
    width: 160px;
    position: relative;
    margin: auto;
    z-index: 2
}

.step-nbr-icon .mStep img,
.stps-mob .mStep-item img {
    width: 100%
}

.stps-mob .mStep-item {
    max-width: 550px;
    position: relative;
    margin: auto;
    z-index: 2
}

.stps-mob .mStep-item.itm2,
.stps-mob .mStep-item.itm3 {
    margin-top: 0
}

.stps-mob {
    background-color: #f5f5f5;
    padding: 50px 0
}

.stps-mob h2 {
    margin-bottom: 20px;
    text-align: center;
    color: #000
}

.stps-mob p {
    margin-bottom: 20px
}

.stps-mob h3,
.stps-mob h4 {
    font-weight: 700;
    margin-bottom: 20px;
    padding-top: 5px
}

.stpr-mob-box .mob-check-list {
    margin-top: 50px
}

.stpr-mob-box .mob-check-list li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 30px
}

.stpr-mob-box .mob-check-list li br {
    display: none
}

.stpr-mob-box .mob-check-list li .accept {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px
}

.stpr-mob-box .nextMob-button {
    margin-top: 50px;
    border-radius: 50px;
    -web-border-radius: 50px;
    -moz-border-radius: 50px;
    background: #6a3698;
    background: -moz-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #6a3698), color-stop(100%, #179bf9));
    background: -webkit-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -o-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -ms-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: linear-gradient(135deg, #6a3698 0, #179bf9 100%);
    background-color: rgba(0, 0, 0, 0);
    padding: 15px 30px;
    color: #fff;
    display: inline-block;
    border: 0;
    font-size: 20px;
    font-weight: 500
}

.newFooter .footer-connect p.sub {
    color: #4f546a;
    margin-top: 10px
}

.newFooter .address_bar h2 {
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 20px
}

.newFooter .address_bar p.sub {
    color: #fff;
    text-align: center;
    margin-bottom: 50px
}

.banner_section .subContent h1.titleTop.mob {
    margin-top: 10%
}

.cs-section {
    border-top: #b4b4b4 solid 1px;
    margin-top: 15px;
    padding-top: 20px;
    text-align: center
}

.cs-section h3 {
    margin-top: 10px
}

.cs-section ul.sMedia {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0
}

.cs-section ul.sMedia li {
    display: inline;
    margin: 0 5px
}

.cs-section .sMedia a.icoFacebook:hover i,
.cs-section .sMedia a.icoGoogle:hover i,
.cs-section .sMedia a.icoLinkedin:hover i,
.cs-section .sMedia a.icoRss:hover i,
.cs-section .sMedia a.icoTwitter:hover i,
.cs-section .sMedia a.icoVimeo:hover i {
    color: #fff
}

.cs-section .socialHoverClass,
.cs-section a.socialIcon:hover {
    color: #44bcdd
}

.cs-section .sMedia li a {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 20px;
    background: #ff5ba5;
    background: -moz-linear-gradient(-45deg, #ff5ba5 0, #a377f0 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #ff5ba5), color-stop(100%, #a377f0));
    background: -webkit-linear-gradient(-45deg, #ff5ba5 0, #a377f0 100%);
    background: -o-linear-gradient(-45deg, #ff5ba5 0, #a377f0 100%);
    background: -ms-linear-gradient(-45deg, #ff5ba5 0, #a377f0 100%);
    background: linear-gradient(135deg, #ff5ba5 0, #a377f0 100%)
}

.cd-single-project.background-one,
.cd-single-project.background-three,
.cd-single-project.background-two,
.projects-container .cd-close,
.projects-container .cd-single-project::after {
    background-repeat: no-repeat;
    background-position: center center
}

.cs-section .sMedia li i {
    margin: 0;
    line-height: 50px;
    text-align: center
}

.cs-section .sMedia li a:hover i,
.cs-section .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.cs-section .sMedia i {
    color: #fff;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.whyUs_plans .frmRow span.error {
    font-size: 12px;
    color: #ff0004;
    position: absolute;
    left: 15px;
    bottom: -15px
}

.projects-container {
    height: 780px;
    width: 100vw;
    position: relative;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 5px;
    background-color: #491d90;
    padding: 6px 6px 5px
}

.projects-container::before {
    content: 'mobile';
    display: none
}

.title-style {
    font-size: 35px;
    color: #000;
    font-weight: 700;
    margin: 40px 0
}

.projects-container .cd-single-project {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25%;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.projects-container .cd-single-project::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 25vh;
    width: 100%;
    background-image: url(../images/mob-service-1.jpg);
    background-size: 100% auto;
    -webkit-transition: opacity .5s, height .4s;
    -moz-transition: opacity .5s, height .4s;
    transition: opacity .5s, height .4s
}

.projects-container .cd-single-project::before {
    content: 'images/mob-service-1.jpg';
    display: none
}

.projects-container .cd-single-project:nth-of-type(2) {
    top: 25vh
}

.projects-container .cd-single-project:nth-of-type(2)::after {
    background-image: url(../images/mob-service-2.jpg)
}

.projects-container .cd-single-project:nth-of-type(2)::before {
    content: 'images/mob-service-2.jpg'
}

.projects-container .cd-single-project:nth-of-type(3) {
    top: 50vh
}

.projects-container .cd-single-project:nth-of-type(3)::after {
    background-image: url(../images/mob-service-3.jpg)
}

.projects-container .cd-single-project:nth-of-type(3)::before {
    content: 'images/mob-service-3.jpg'
}

.projects-container .cd-single-project.is-loaded {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.projects-container .cd-single-project.is-full-width {
    top: 0;
    height: auto;
    z-index: 1;
    cursor: auto;
    -webkit-transition: z-index 0s 0s, top .4s 0s;
    -moz-transition: z-index 0s 0s, top .4s 0s;
    transition: z-index 0s 0s, top .4s 0s
}

.projects-container .cd-single-project.is-full-width::after {
    height: 100vh
}

.cd-single-project.background-one {
    background-image: url(../images/mob-service-1.jpg)
}

.cd-single-project.background-two {
    background-image: url(../images/mob-service-2.jpg)
}

.cd-single-project.background-three {
    background-image: url(../images/mob-service-3.jpg)
}

.cd-single-project.background-one,
.cd-single-project.background-three,
.cd-single-project.background-two {
    background-size: 100% auto;
    -webkit-transition: all .5s !important;
    -moz-transition: all .5s !important;
    -o-transition: all .5s !important;
    transition: all .5s !important
}

.cd-single-project.background-one:hover,
.cd-single-project.background-three:hover,
.cd-single-project.background-two:hover {
    background-size: 120% auto
}

@media only screen and (min-width:1024px) {
    .projects-container::before {
        content: 'desktop'
    }
    .projects-container .cd-single-project {
        width: 33vw;
        height: 100%;
        opacity: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: width 0s;
        -moz-transition: width 0s;
        transition: width 0s
    }
    .projects-container .cd-single-project:first-of-type::before {
        content: 'images/mob-service-1.jpg'
    }
    .projects-container .cd-single-project:first-of-type::after {
        background-image: url(../images/mob-service-1.jpg)
    }
    .projects-container .cd-single-project:nth-of-type(2) {
        top: 0;
        left: 33vw
    }
    .projects-container .cd-single-project:nth-of-type(2)::before {
        content: 'images/mob-service-2.jpg'
    }
    .projects-container .cd-single-project:nth-of-type(2)::after {
        background-image: url(../images/mob-service-2.jpg)
    }
    .projects-container .cd-single-project:nth-of-type(3) {
        top: 0;
        left: 66vw
    }
    .projects-container .cd-single-project:nth-of-type(3)::before {
        content: 'images/mob-service-3.jpg'
    }
    .projects-container .cd-single-project:nth-of-type(3)::after {
        background-image: url(../images/mob-service-3.jpg)
    }
    .projects-container .cd-single-project::after {
        height: 100vh;
        width: 100%;
        opacity: 0
    }
    .projects-container .cd-single-project.is-loaded,
    .projects-container .cd-single-project.is-loaded::after {
        opacity: 1
    }
    .projects-container .cd-single-project.is-full-width {
        left: 0;
        width: 100vw;
        -webkit-transition: width .4s 0s, z-index 0s 0s, left .4s 0s;
        -moz-transition: width .4s 0s, z-index 0s 0s, left .4s 0s;
        transition: width .4s 0s, z-index 0s 0s, left .4s 0s
    }
}

@media only screen and (min-width:1170px) {
    .projects-container .cd-single-project::after {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .8s, opacity .5s;
        -moz-transition: -moz-transform .8s, opacity .5s;
        transition: transform .8s, opacity .5s
    }
    .projects-container .cd-single-project.is-loaded::after {
        opacity: 0
    }
    .no-touch .projects-container .cd-single-project:hover::after,
    .projects-container .cd-single-project.is-full-width.is-loaded::after {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.cd-title {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 12.5vh;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center
}

.is-full-width .cd-title {
    top: auto;
    bottom: 0;
    text-align: center;
    -webkit-transition: opacity 0s, top .4s;
    -moz-transition: opacity 0s, top .4s;
    transition: opacity 0s, top .4s
}

.cd-title>* {
    text-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cd-title h2 {
    font-size: 4.5rem;
    line-height: 1.5;
    font-weight: 700;
    color: #fff
}

.cd-title p {
    font-size: 2rem;
    font-style: italic;
    line-height: 1.2;
    padding: .4em 2em;
    display: none;
    color: #fff
}

@media only screen and (min-width:1024px) {
    .cd-title {
        top: auto;
        bottom: 0;
        width: 34vw;
        opacity: 0;
        -webkit-transform: translateY(-50%) translateX(-20px);
        -moz-transform: translateY(-50%) translateX(-20px);
        -ms-transform: translateY(-50%) translateX(-20px);
        -o-transform: translateY(-50%) translateX(-20px);
        transform: translateY(-50%) translateX(-20px)
    }
    .is-loaded .cd-title {
        opacity: 1;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform .6s, opacity .6s, left .4s;
        -moz-transition: -moz-transform .6s, opacity .6s, left .4s;
        transition: transform .6s, opacity .6s, left .4s
    }
    .is-loaded.is-full-width .cd-title {
        left: 37.5vw;
        -webkit-transition: -webkit-transform .6s, opacity 0s, left .4s;
        -moz-transition: -moz-transform .6s, opacity 0s, left .4s;
        transition: transform .6s, opacity 0s, left .4s
    }
    .cd-title p {
        display: block
    }
}

.cd-project-info {
    position: absolute;
    left: 0;
    top: -10px;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .9);
    clear: both;
    height: 100vw;
    visibility: hidden;
    opacity: 0;
    padding: 30px 0;
    cursor: auto;
    color: #3f538e;
    -webkit-transition: opacity .4s 0s, visibility 0s .4s;
    -moz-transition: opacity .4s 0s, visibility 0s .4s;
    transition: opacity .4s 0s, visibility 0s .4s
}

.is-full-width .cd-project-info {
    border-top: #ccc solid 1px;
    visibility: visible;
    opacity: 1
}

.cd-project-info p {
    margin: 0 auto;
    line-height: 22px;
    color: #000
}

@media only screen and (min-width:1024px) {
    .cd-project-info {
        position: relative;
        z-index: 1
    }
}

.projects-container .cd-close {
    display: block;
    z-index: 1;
    width: 44px;
    height: 44px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    visibility: hidden;
    -webkit-transition: -webkit-transform 1s 0s, visibility 0s 1s;
    -moz-transition: -moz-transform 1s 0s, visibility 0s 1s;
    transition: transform 1s 0s, visibility 0s 1s;
    position: absolute;
    top: 30px;
    left: 5%;
    background-image: url(../images/cd-icon-close-mobile.html);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: #fff;
    background-color: #8b199f;
    background-size: 70% auto
}

@media only screen and (min-width:1170px) {
    .cd-title h2 {
        font-size: 2.2rem
    }
    .projects-container .cd-close {
        background-image: url(../images/cd-icon-close-desktop.svg)
    }
}

.project-is-open .cd-close {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
    transition: transform .4s 0s, visibility 0s 0s
}

.no-touch .project-is-open .cd-close:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

@-webkit-keyframes cd-translate {
    0%,
    100% {
        -webkit-transform: translateX(-50%) scale(1)
    }
    50% {
        -webkit-transform: translateY(10px) translateX(-50%) scale(1)
    }
}

@-moz-keyframes cd-translate {
    0%,
    100% {
        -moz-transform: translateX(-50%) scale(1)
    }
    50% {
        -moz-transform: translateY(10px) translateX(-50%) scale(1)
    }
}

@keyframes cd-translate {
    0%,
    100% {
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }
    50% {
        -webkit-transform: translateY(10px) translateX(-50%) scale(1);
        -moz-transform: translateY(10px) translateX(-50%) scale(1);
        -ms-transform: translateY(10px) translateX(-50%) scale(1);
        -o-transform: translateY(10px) translateX(-50%) scale(1);
        transform: translateY(10px) translateX(-50%) scale(1)
    }
}

@media only screen and (max-width:1600px) {
    .iosSteps h3 {
        margin-top: 25%
    }
   
    .ios_solutions-services .icns li {
        margin: 10px
    }
    .ios_solutions-services .icns li .icon img {
        margin-top: 5px
    }
    .container_custom,
   .elementor-section.elementor-section-boxed > .elementor-container{
        width: 100% !important;
        max-width: 1400px !important;
    }
    .circel_section .mainClicel {
        width: 400px;
        height: 400px
    }
    .circel_section p {
        margin-top: 0
    }
    .circel_section .mainClicel .linkBoxes li img {
        width: 50px
    }
    .circel_section .mainClicel .linkBoxes li small {
        font-size: 10px
    }
    .circel_section .mainClicel .linkBoxes li.set5 {
        top: 240px
    }
    .circel_section .mainClicel .linkBoxes li.set6 {
        left: 194px;
        top: 232px
    }
    .circel_section .mainClicel .linkBoxes li.set5.sm1 {
        left: 92px;
        top: 240px
    }
    .circel_section .mainClicel .linkBoxes li.set6.sm2 {
        left: 200px;
        top: 240px
    }
    .circel_section .mainClicel .linkBoxes li.set4 {
        left: 260px;
        top: 130px
    }
    .androiddServicess.newWay .vactorBox {
        min-height: 246px
    }
    .banner_section.andrpod .isometric_cont .aniClouds.cds0 {
        width: 550px
    }
    .isometric_cont .aniClouds.cds2 {
        width: 628px
    }
    .isometric_cont .aniClouds.cds1 {
        width: 631px
    }
    .isometric_cont {
        top: -90px
    }
    .isometric_cont .aniClouds.cds0 {
        width: 630px
    }
    .the-letest-tech .nav-tabs>li>a {
        padding: 20px 0
    }
    .the-letest-tech .nav-tabs>li>a .bdr-class img {
        width: 100%
    }
    .the-letest-tech .nav-tabs>li>a abbr {
        font-size: 14px
    }
    .box21 .title {
        font-size: 16px
    }
    .box21:hover .box-content {
        -moz-transform: translate(0, 30%);
        -webkit-transform: translate(0, 30%);
        -o-transform: translate(0, 30%);
        -ms-transform: translate(0, 30%);
        transform: translate(0, 30%)
    }
    .overly-controll {
        min-height: 650px
    }
    .box21 .box-content {
        padding-top: 170px;
        -moz-transform: translate(0, 46%);
        -webkit-transform: translate(0, 46%);
        -o-transform: translate(0, 46%);
        -ms-transform: translate(0, 46%);
        transform: translate(0, 46%)
    }
    .mob_developmentServices .click-me1.inBtn,
    .mob_developmentServices .click-me2.inBtn,
    .mob_developmentServices .click-me3.inBtn {
        margin-top: 19px
    }
    .mob_portfolio-box {
        width: 100%;
        height: 585px
    }
    .port_portfolio .nav-tabs>li>a {
        min-width: 140px
    }
    .three-boxes li {
        margin: 30px 13px
    }
    .whyUs_plans .awardBx-in {
        width: 120px;
        height: 120px
    }
    .adds_value.iotBg.newbgs .abt.abt-left {
        width: 198px;
        left: -100px
    }
    .adds_value.iotBg.newbgs .abt.abt-right {
        width: 276px;
        right: -200px
    }
    .isometric_contIn {
        width: 400px
    }
    .iosSteps .timeImg,
    .iosSteps .timeImg.right {
        max-width: 85%
    }
    .iosSteps p {
        font-size: 14px;
        line-height: 24px
    }
    .iosSteps .line .layer_shap1 {
        width: 500px;
        height: 422px
    }
    .ios_solutions-services .icns li .icon {
        width: 80px;
        height: 100px
    }
    .ios_solutions-services.n_h .icns li .icon img {
        width: 63px;
        margin-top: 13px
    }
    .ios_solutions-services.empoweringSteps .iso_circelIcon {
        width: 180px;
        height: 180px
    }
    .ios_solutions-services.empoweringSteps .iso_circelIcon img {
        margin-top: 25px;
        width: 131px
    }
    .ios_solutions-services.empoweringSteps .threeStpes_shapImg {
        max-width: 245px
    }
    .ios_solutions-services.empoweringSteps .iso_circelIcon .sNbr {
        width: 60px;
        height: 60px;
        top: -5px;
        font-size: 24px
    }
    .ios_solutions-services.n_h .and {
        max-width: 300px;
        margin-top: 160px
    }
    .ios_solutions-services.empoweringSteps {
        padding: 70px 0
    }
    .androiddServicess.newWay .vctrBx .box-bot-line {
        width: 100%
    }
    .androiddServicess.newWay .vctrBx .box-item {
        max-width: 300px
    }
    .circel_section .aniShap,
    .circel_section .aniShap2 {
        width: 700px;
        height: 700px
    }
    .titlenew.topSet {
        margin-top: 100px
    }
    .androiddServicess.newWay .colx {
        margin-top: 0
    }
    .mob-thumb-box img {
        width: 100%
    }
    .mob-services-section .single-box h3 {
        font-size: 1.5em
    }
    .mob-services-section .single-box .simple-btn {
        margin-top: 10px
    }
    .step-nbr-icon .mStep {
        width: 110px
    }
    .step-nbr-icon .back-shap,
    .step-nbr-icon .front-shap {
        width: 200px;
        height: 200px
    }
    .stpr-mob-box .nextMob-button {
        padding: 13px 25px;
        font-size: 18px
    }
    .the-letest-tech .tab-content {
        width: 96.2%
    }
    .projects-container {
        height: 560px
    }
    .cd-title h2,
    .cd-title p {
        font-size: 1.7rem
    }
    .banner_section.mobApp-bgs .sectionImage-img,
    .banner_section.mobApp-bgs .sectionImage-img.layer-1 {
        top: 0
    }
    .step-nbr-icon .mStep {
        top: 20px
    }
    .overly_box_content .padder {
        padding-left: 0;
        padding-right: 0;
        line-height: 26px
    }
    .overly_box_content .em-box {
        margin-top: 20px
    }
    .overly_box_content .os-text {
        line-height: 26px
    }
    .overly_box_content .em-icon,
    .overly_box_content .os-circel img {
        width: 50px
    }
    .overly_box_content .em-text {
        padding-top: 0;
        line-height: 26px
    }
    .overly_box_content .os-box {
        margin-top: 15px
    }
}

@media only screen and (max-width:1500px) {
    .iosSteps h3 {
        margin-top: 25%
    }
    .ios_solutions-services .icns li {
        margin: 10px
    }
    .ios_solutions-services .icns li .icon img {
        margin-top: 5px
    }
    .container_custom,
   .elementor-section.elementor-section-boxed > .elementor-container {
        width: 100% !important;
        max-width: 1200px !important;
    }
    .circel_section .mainClicel {
        width: 400px;
        height: 400px
    }
    .circel_section p {
        margin-top: 0
    }
    .circel_section .mainClicel .linkBoxes li img {
        width: 50px
    }
    .circel_section .mainClicel .linkBoxes li small {
        font-size: 10px
    }
    .circel_section .mainClicel .linkBoxes li.set5 {
        top: 240px
    }
    .circel_section .mainClicel .linkBoxes li.set6 {
        left: 194px;
        top: 232px
    }
    .circel_section .mainClicel .linkBoxes li.set5.sm1 {
        left: 92px;
        top: 240px
    }
    .circel_section .mainClicel .linkBoxes li.set6.sm2 {
        left: 200px;
        top: 240px
    }
    .circel_section .mainClicel .linkBoxes li.set4 {
        left: 260px;
        top: 130px
    }
    .androiddServicess.newWay .vactorBox {
        min-height: 246px
    }
    .banner_section.andrpod .isometric_cont .aniClouds.cds0 {
        width: 550px
    }
    .isometric_cont .aniClouds.cds2 {
        width: 628px
    }
    .isometric_cont .aniClouds.cds1 {
        width: 631px
    }
    .isometric_cont {
        top: -90px
    }
    .isometric_cont .aniClouds.cds0 {
        width: 630px
    }
    .the-letest-tech .nav-tabs>li>a {
        padding: 20px 0
    }
    .the-letest-tech .nav-tabs>li>a .bdr-class img {
        width: 100%
    }
    .the-letest-tech .nav-tabs>li>a abbr {
        font-size: 14px
    }
    .box21 .title {
        font-size: 16px
    }
    .box21:hover .box-content {
        -moz-transform: translate(0, 30%);
        -webkit-transform: translate(0, 30%);
        -o-transform: translate(0, 30%);
        -ms-transform: translate(0, 30%);
        transform: translate(0, 30%)
    }
    .overly-controll {
        min-height: 650px
    }
    .box21 .box-content {
        padding-top: 170px;
        -moz-transform: translate(0, 46%);
        -webkit-transform: translate(0, 46%);
        -o-transform: translate(0, 46%);
        -ms-transform: translate(0, 46%);
        transform: translate(0, 46%)
    }
    .mob_developmentServices .click-me1.inBtn,
    .mob_developmentServices .click-me2.inBtn,
    .mob_developmentServices .click-me3.inBtn {
        margin-top: 19px
    }
    .mob_portfolio-box {
        width: 100%;
        height: 585px
    }
    .port_portfolio .nav-tabs>li>a {
        min-width: 140px
    }
    .three-boxes li {
        margin: 30px 13px
    }
    .whyUs_plans .awardBx-in {
        width: 120px;
        height: 120px
    }
    .adds_value.iotBg.newbgs .abt.abt-left {
        width: 198px;
        left: -100px
    }
    .adds_value.iotBg.newbgs .abt.abt-right {
        width: 276px;
        right: -200px
    }
    .isometric_contIn {
        width: 400px
    }
    .iosSteps .timeImg,
    .iosSteps .timeImg.right {
        max-width: 85%
    }
    .iosSteps p {
        font-size: 14px;
        line-height: 24px
    }
    .iosSteps .line .layer_shap1 {
        width: 500px;
        height: 422px
    }
    .ios_solutions-services .icns li .icon {
        width: 80px;
        height: 100px
    }
    .ios_solutions-services.n_h .icns li .icon img {
        width: 63px;
        margin-top: 13px
    }
    .ios_solutions-services.empoweringSteps .iso_circelIcon {
        width: 180px;
        height: 180px
    }
    .ios_solutions-services.empoweringSteps .iso_circelIcon img {
        margin-top: 25px;
        width: 131px
    }
    .ios_solutions-services.empoweringSteps .threeStpes_shapImg {
        max-width: 245px
    }
    .ios_solutions-services.empoweringSteps .iso_circelIcon .sNbr {
        width: 60px;
        height: 60px;
        top: -5px;
        font-size: 24px
    }
    .ios_solutions-services.n_h .and {
        max-width: 300px;
        margin-top: 160px
    }
    .ios_solutions-services.empoweringSteps {
        padding: 70px 0
    }
    .androiddServicess.newWay .vctrBx .box-bot-line {
        width: 100%
    }
    .androiddServicess.newWay .vctrBx .box-item {
        max-width: 300px
    }
    .circel_section .aniShap,
    .circel_section .aniShap2 {
        width: 700px;
        height: 700px
    }
    .titlenew.topSet {
        margin-top: 100px
    }
    .androiddServicess.newWay .colx {
        margin-top: 0
    }
    .mob-thumb-box img {
        width: 100%
    }
    .mob-services-section .single-box h3 {
        font-size: 1.5em
    }
    .mob-services-section .single-box .simple-btn {
        margin-top: 10px
    }
    .step-nbr-icon .mStep {
        width: 110px
    }
    .step-nbr-icon .back-shap,
    .step-nbr-icon .front-shap {
        width: 200px;
        height: 200px
    }
    .stpr-mob-box .nextMob-button {
        padding: 13px 25px;
        font-size: 18px
    }
    .the-letest-tech .tab-content {
        width: 96.2%
    }
    .projects-container {
        height: 680px
    }
    .cd-title h2,
    .cd-title p {
        font-size: 1.7rem
    }
    .banner_section.mobApp-bgs .sectionImage-img,
    .banner_section.mobApp-bgs .sectionImage-img.layer-1 {
        top: 60px
    }
    .step-nbr-icon .mStep {
        top: 20px
    }
    .overly_box_content .padder {
        padding-left: 0;
        padding-right: 0;
        line-height: 26px
    }
    .overly_box_content .em-box {
        margin-top: 20px
    }
    .overly_box_content .os-text {
        line-height: 22px
    }
    .overly_box_content .em-icon,
    .overly_box_content .os-circel img {
        width: 50px
    }
    .overly_box_content .em-text {
        padding-top: 0;
        line-height: 26px
    }
    .overly_box_content .os-box {
        margin-top: 15px
    }
}

@media only screen and (max-width:1366px) {
    .the-letest-tech .tab-content {
        width: 96.4%
    }
    .three-boxes li .rect-box {
        width: 190px;
        height: 190px
    }
   
    .container_custom,
   .elementor-section.elementor-section-boxed > .elementor-container {
        width: 100% !important;
        max-width: 1170px !important;
    }
}

@media only screen and (max-width:1200px) {
    .container_custom,
   .elementor-section.elementor-section-boxed > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
    }
   
    .thin-line,
    .three-boxes li .small-text {
        font-size: 16px
    }
    .three-boxes li .rect-box {
        width: 170px;
        height: 170px
    }
    .three-boxes li .sm-shap {
        width: 200px;
        height: 200px
    }
    .whyUs_plans .awardBx-in {
        width: 100px;
        height: 100px
    }
    .whyUs_plans .owl-carousel .owl-nav {
        top: 30px
    }
    .whyUs_plans .form_say {
        line-height: 26px
    }
    .thin-line {
        margin-top: 20px
    }
    .mob_portfolio-box {
        height: 435px
    }
    .port_portfolio .nav-tabs>li>a {
        min-width: 125px;
        padding: 10px
    }
    .projects-container {
        height: 680px
    }
    .cd-title h2,
    .cd-title p {
        font-size: 1.5rem
    }
    .the-letest-tech .tab-content {
        width: 96.9%
    }
    .mob-services-section .single-box h3 {
        font-size: 1.4em
    }
    .banner_section.mobApp-bgs .sectionImage-img,
    .banner_section.mobApp-bgs .sectionImage-img.layer-1 {
        top: 0
    }
    .the-letest-tech .nav-tabs>li>a abbr {
        font-size: 13px
    }
}

@media only screen and (max-width:1300px) {
    .cd-title h2 {
        font-size: 1.5rem
    }
    .three-boxes li {
        margin: 30px 10px
    }
    .sectionImage-img {
        right: 180px
    }
    .the-letest-tech .tab-content {
        width: 96.5%
    }
}

.iot_tabs.sswd.newTab_section.tabsChanger .oitTabs .tab-content .iconTag li span {
    color: #000
}

.iot_tabs.sswd.newTab_section.tabsChanger .blast-points li em {
    color: #000;
    opacity: 1
}

@media only screen and (max-width:991px) {
    .container_custom,
   .elementor-section.elementor-section-boxed > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
    }
    .isometric_cont {
        display: none
    }
    .isometric_contIn {
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width:767px) {
    .the-letest-tech p.p-gap {
        margin: 0 3% 20px
    }
    .the-letest-tech .tab-content {
        padding: 15px 15px
    }
    .the-letest-tech .nav-tabs>li {
        width: 49%
    }
    .the-letest-tech .nav-tabs>li>a {
        border-bottom: 1px solid #fff;
        border-radius: 40px 40px 40px 40px;
        -moz-border-radius: 40px 40px 40px 40px;
        -webkit-border-radius: 40px 40px 40px 40px
    }
    .the-letest-tech .nav-tabs>li.active>a,
    .the-letest-tech .nav-tabs>li.active>a:hover {
        border-bottom: 1px solid #711aa1;
        border-radius: 40px 40px 40px 40px;
        -moz-border-radius: 40px 40px 40px 40px;
        -webkit-border-radius: 40px 40px 40px 40px;
        top: 0
    }
    .the-letest-tech .nav-tabs>li.active:first-child>a::after,
    .the-letest-tech .nav-tabs>li.active:last-child>a::after {
        display: none
    }
    .the-letest-tech .tab-content {
        margin-top: 15px
    }
    .the-letest-tech .color-shaps.pink {
        width: 80%;
        bottom: 50px;
        z-index: -1
    }
    .the-letest-tech .color-shaps.sky {
        bottom: 70px;
        width: 70%;
        z-index: -1
    }
    .banner_section .leftPadd {
        padding-left: 0
    }
    .banner_section .subContent h1.titleTop.mob {
        margin-top: 0
    }
    .banner_section .container-fluid {
        display: block
    }
    .banner_section .subContent {
        display: block
    }
    .banner_section {
        height: auto
    }
    .banner_section .leftPadd {
        padding-top: 0
    }
    .projects-container .cd-single-project {
        height: 100%
    }
    .container_custom,
   .elementor-section.elementor-section-boxed > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
    }
    .projects-container {
        height: auto;
        min-height: 1900px;
        overflow: visible
    }
    .cd-single-project.background-one {
        background-image: none
    }
    .cd-single-project.background-two {
        background-image: none
    }
    .cd-single-project.background-three {
        background-image: none
    }
    .projects-container .cd-single-project::after {
        height: 75vh
    }
    .projects-container .cd-single-project:nth-of-type(2) {
        top: 75vh
    }
    .projects-container .cd-single-project:nth-of-type(3) {
        top: 150vh
    }
    .projects-container .cd-single-project.is-loaded.is-full-width:nth-of-type(2) {
        top: 0
    }
    .projects-container .cd-single-project.is-loaded.is-full-width:nth-of-type(3) {
        top: 0
    }
    .cd-project-info {
        position: relative;
        z-index: 1;
        height: 360vh;
        padding-top: 50px
    }
    .projects-container .cd-close {
        top: -23px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        background-image: url(../images/cd-icon-close-mobile.html)
    }
    .cd-project-info .overly_box_content h2 {
        font-size: 24px
    }
    .cd-title {
        top: 6vh
    }
    .three-boxes li .big-text {
        font-size: 20px
    }
    .three-boxes li .rect-box {
        width: 106px;
        height: 136px;
        padding: 5px
    }
    .three-boxes li .small-text {
        font-size: 13px
    }
    .three-boxes li .sm-shap {
        width: 150px;
        height: 150px
    }
    .whyUs_plans::after {
        height: 294px
    }
    .thin-line {
        margin-top: 15px;
        margin-bottom: 15px
    }
    .whyUs_plans .sub-content {
        margin-top: 50px;
        margin-right: 0;
        margin-left: 0
    }
    .three-boxes {
        text-align: center
    }
    .three-boxes li {
        margin: 30px 5px;
        display: inline-block
    }
    .whyUs_plans .owl-carousel .owl-nav {
        position: static;
        margin-bottom: 20px;
        right: 0
    }
    .why-panel {
        padding: 40px
    }
    .scrollup {
        bottom: 80px
    }
    .whyUs_plans h2,
    .whyUs_plans p {
        text-align: center
    }
    .whyUs_plans .sub-content h3 {
        text-align: center
    }
    .whyUs_plans .sub-content p {
        text-align: center
    }
    .newFooter .address_bar .newAddress li {
        width: 49%
    }
    .stps-mob p {
        text-align: center
    }
    .stps-mob h3 {
        text-align: center
    }
    .step_setup .btn-centr {
        text-align: center
    }
    .mob-services-section .single-box h3 {
        text-align: center;
        margin-top: 15px
    }
    .mob-services-section .single-box p {
        text-align: center
    }
    .banner_section .subContent h1.titleTop.mob {
        text-align: center;
        font-size: 26px;
        margin-top: 10%
    }
    .banner_section .subContent p {
        text-align: center
    }
    .banner_section .subContent .tc {
        text-align: center;
        position: relative;
        z-index: 4
    }
    .banner_section .subContent h1.titleTop {
        margin-top: 0;
        text-align: center
    }
    .isometric_contIn {
        max-width: 400px;
        width: 100%
    }
    .titlenew.topSet {
        margin-top: 30px
    }
    .adds_value p {
        margin-left: 5%;
        margin-right: 5%
    }
    .iosSteps .line .layer_shap1 {
        width: 310px;
        height: 292px
    }
    .iosSteps .line.right .layer_shap1.dwn {
        bottom: 0;
        top: auto
    }
    .ios_solutions-services .icns li {
        width: 90px
    }
    .ios_solutions-services.n_h .and {
        margin-top: 30px
    }
    .circel_section .mainClicel {
        width: 330px;
        height: 330px;
        border-width: 10px
    }
    .circel_section .mainClicel .linkBoxes li.set1 {
        left: 79px;
        top: 18px
    }
    .circel_section .mainClicel .linkBoxes li.set2 {
        left: 183px;
        top: 20px
    }
    .circel_section .mainClicel .linkBoxes li.set3 {
        left: 5px;
        top: 114px
    }
    .circel_section .mainClicel .linkBoxes li.set4 {
        left: 240px;
        top: 114px
    }
    .circel_section .mainClicel .linkBoxes li.set6 {
        left: 164px;
        top: 202px
    }
    .circel_section .mainClicel .linkBoxes li.set5 {
        top: 210px;
        left: 58px
    }
    .circel_section .mainClicel .linkBoxes li.set5.sm1 {
        left: 82px;
        top: 220px
    }
    .circel_section .mainClicel .linkBoxes li.set6.sm2 {
        left: 180px;
        top: 210px
    }
    .circel_section .mainClicel .linkBoxes li.set3.sm3 {
        left: 10px;
        top: 110px
    }
    .circel_section p {
        margin-top: 30px;
        text-align: center
    }
    .circel_section div.text-center {
        margin-bottom: 30px
    }
    .iosSteps {
        padding: 50px 0 50px
    }
    .iosSteps p {
        text-align: center
    }
    .iosSteps .timeText.right {
        margin-left: 0
    }
    .iosSteps .timeText {
        width: 100%
    }
    .iosSteps .timeText.left {
        margin-right: 0;
        margin-bottom: 50px
    }
    .iosSteps h3 {
        text-align: center
    }
    .sectionImage {
        display: none
    }
    .subContent .blueButton.btnns {
        font-size: 15px
    }
    .ios_solutions-services.empoweringSteps p {
        text-align: center
    }
    .androiddServicess.newWay .colx p {
        text-align: center
    }
    .circel_section p {
        text-align: center
    }
    .isometric_cont {
        display: none
    }
    .banner_section.mobApp-bgs {
        padding-bottom: 50px
    }
    .the-letest-tech .tab-content .tab-pane {
        text-align: center
    }
    .the-letest-tech .tab-content .tab-pane h3 {
        margin-bottom: 20px
    }
    .banner_section {
        padding-bottom: 50px
    }
    .androiddServicess.newWay .vctrBx .box-bot-line {
        max-width: 340px;
        margin: 0 auto
    }
    .three-boxes {
        overflow: hidden
    }
}

@media only screen and (max-width:640px) {
    .the-letest-tech .nav-tabs>li {
        width: 49%
    }
    .three-boxes li .rect-box {
        width: 96px;
        height: 136px;
        padding: 5px
    }
    .cd-single-project.background-one .overly_box_content .em-box {
        margin-top: 40px;
        margin-bottom: 40px
    }
    .newFooter .address_bar .newAddress li {
        width: 100%
    }
}

.hire-pages-gradiant {
    background: #af37db;
    background: -moz-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #af37db), color-stop(100%, #fd3159));
    background: -webkit-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -o-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -ms-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: linear-gradient(135deg, #af37db 0, #fd3159 100%)
}

.hireDedicated-page {
    height: 100%;
    position: relative;
    overflow: hidden;
    padding: 150px 0 70px 0
}

.hireDedicated-page .container {
    z-index: 2;
    position: relative;
    display: table;
    text-align: center;
    height: 100%
}

.hireDedicated-page .subContent {
    display: table-cell;
    vertical-align: middle
}

.hireDedicated-page .subContent .blueButton {
    margin-top: 20px;
    background-color: #e0d700;
    min-width: 170px;
    color: #000;
    line-height: 32px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 0;
    font-size: 15px;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .3);
    box-shadow: 0 0 2px rgba(0, 0, 0, .3);
    padding: 17px 30px;
    height: auto;
    font-weight: 600;
    text-transform: uppercase
}

.hireDedicated-page .subContent h1 {
    font-size: 3em;
    color: #fff;
    font-weight: 300;
    margin: 10px 0;
    text-align: left;
    font-weight: 700;
    margin-top: 0
}

.hireDedicated-page .subContent p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-top: 30px;
    text-align: left
}

.hireDedicated-page .hire-banner-points {
    margin: 40px 0
}

.hireDedicated-page .hire-banner-points li {
    text-align: left;
    margin: 10px 0;
    color: #fff;
    font-weight: 500;
    list-style: disc;
    margin-left: 15px
}

.hireDedicated-page .hire-banner-points li b {
    font-weight: 800
}

.hireDedicated-page .btn {
    margin-top: 20px;
    background-color: #e0d700;
    min-width: 170px;
    color: #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 32px
}

.hireDedicated-page .btn:focus,
.hireDedicated-page .btn:hover {
    color: #000;
    background-color: #fff
}

.hireDedicated-page .whyUs_plans::after {
    background: 0
}

.hireDedicated-page .why_usPlan {
    padding-top: 0
}

.hireDedicated-page .why_usPlan .why-panel {
    padding: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.hireDedicated-page .btn.submit {
    color: #fff
}

.hireDedicated-page .whyUs_plans .frmRow {
    margin-bottom: 15px
}

.hireDedicated-page .whyUs_plans .frmRow label {
    text-align: left
}

.hireDedicated-page .whyUs_plans .uptxt {
    margin-left: -50px
}

.hireDedicated-page .whyUs_plans .bnrFormTitle {
    font-weight: 700;
    margin-bottom: 15px
}

.hireDedicated-page .btn abbr {
    font-size: 40px;
    color: red;
    font-weight: 700;
    vertical-align: middle;
    margin: 0 5px
}

.whyUs_plans.single-awards {
    padding: 30px 0
}

.whyUs_plans.single-awards::after {
    display: none
}

.adds_value.hire-colns {
    text-align: left
}

.whyUs_plans.single-awards .awardBx-in br {
    display: none
}

.adds_value.hire-colns .hirebox-colors {
    min-height: 290px;
    padding: 20px;
    background-color: #0495a5;
    margin-bottom: 30px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(248, 72, 139, .3);
    -webkit-box-shadow: 0 10px 25px 0 rgba(248, 72, 139, .3);
    -moz-box-shadow: 0 10px 25px 0 rgba(248, 72, 139, .3)
}

.adds_value.hire-colns .hirebox-colors.hc1 {
    background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -webkit-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -moz-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%)
}

.adds_value.hire-colns .hirebox-colors.hc2 {
    background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%);
    -webkit-background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%);
    -moz-background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%)
}

.adds_value.hire-colns .hirebox-colors.hc4 {
    background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%);
    -webkit-background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%);
    -moz-background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%)
}

.adds_value.hire-colns .hirebox-colors.hc3 {
    background: linear-gradient(-35deg, #ff9802 0, #ff047e 100%);
    -webkit-background: linear-gradient(-35deg, #ff9802 0, #ff047e 100%);
    -moz-background: linear-gradient(-35deg, #ff9802 0, #ff047e 100%)
}

.adds_value.hire-colns .hirebox-colors h3 {
    font-size: 22px;
    font-weight: 700;
    color: #fff
}

.adds_value.hire-colns .hirebox-colors .hire-details {
    margin-top: 30px
}

.adds_value.hire-colns .hirebox-colors .hire-details li {
    color: #fff;
    margin-bottom: 15px
}

.adds_value.hire-colns .hirebox-colors .hire-details li.line {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 10px
}

.adds_value.hire-colns .hirebox-colors .hire-details li span {
    font-weight: 700
}

.adds_value.hire-colns .lt-btn {
    margin-top: 30px
}

.adds_value.hire-colns .lt-btn .blueButton {
    background: linear-gradient(135deg, #6a3698 0, #179bf9 100%);
    -webkit-background: linear-gradient(135deg, #6a3698 0, #179bf9 100%);
    -moz-background: linear-gradient(135deg, #6a3698 0, #179bf9 100%)
}

.stepscolorbg {
    padding: 50px 0;
    background-image: linear-gradient(180deg, #6e52de 0, #c644fc 100%);
    -webkit-background-image: linear-gradient(180deg, #6e52de 0, #c644fc 100%);
    -moz-background-image: linear-gradient(180deg, #6e52de 0, #c644fc 100%)
}

.stepscolorbg h2 {
    color: #fff;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px
}

.stepscolorbg p {
    color: #fff;
    text-align: center
}

.color-steps {
    border: 0;
    border-radius: 5px;
    color: #000;
    margin-top: 50px;
    text-align: center
}

.color-steps li {
    vertical-align: top;
    min-height: 230px;
    position: relative;
    display: inline-block;
    width: 17.8%;
    margin: 10px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .25);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .25);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .25);
    padding: 70px 15px 15px 15px;
    text-align: center
}

.color-steps li .hireStep {
    font-size: 18px;
    padding-top: 8px;
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    display: inline-block;
    text-align: center;
    height: 40px;
    background: #af37db;
    background: -moz-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #af37db), color-stop(100%, #fd3159));
    background: -webkit-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -o-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -ms-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: linear-gradient(135deg, #af37db 0, #fd3159 100%);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #fff;
    font-weight: 600
}

.color-steps li .nme {
    margin-top: 10px
}

.new-allTabs {
    background-color: #f5f5f5
}

.new-allTabs h2 {
    margin-bottom: 30px;
    text-align: center
}

.new-allTabs p {
    text-align: center
}

.new-allTabs .hireTabs .nav-tabs {
    text-align: center;
    border-bottom: 0;
    margin-top: 30px
}

.new-allTabs .hireTabs .nav-tabs li {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 5px
}

.new-allTabs .hireTabs .nav-tabs li a {
    background-color: #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    font-weight: 600;
    border: 0;
    color: #272727;
    padding: 15px 30px
}

.new-allTabs .hireTabs .nav-tabs li.active a {
    color: #fff;
    background: #af37db;
    background: -moz-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #af37db), color-stop(100%, #fd3159));
    background: -webkit-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -o-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -ms-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: linear-gradient(135deg, #af37db 0, #fd3159 100%)
}

.new-allTabs .hireTabs .tab-content {
    padding: 30px 0
}

.new-allTabs .hireTabs .tab-content .hireTag {
    text-align: center
}

.new-allTabs .hireTabs .tab-content li abbr img {
    margin-top: 11px
}

.new-allTabs .hireTabs .tab-content .hireTag li abbr {
    display: inline-block;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    background-position: center center
}

.new-allTabs .hireTabs .tab-content .hireTag li span {
    display: block;
    color: #000;
    font-weight: 600;
    margin-top: 10px
}

.new-allTabs .hireTabs .tab-content .hireTag li:focus,
.new-allTabs .hireTabs .tab-content .hireTag li:hover {
    background: linear-gradient(-35deg, #8a63f2 0, #c444fb 100%);
    -webkit-background: linear-gradient(-35deg, #8a63f2 0, #c444fb 100%);
    -moz-background: linear-gradient(-35deg, #8a63f2 0, #c444fb 100%)
}

.hireTabs .tab-content .hireTag li:hover span {
    color: #fff
}

.new-allTabs .hireTabs .tab-content li a {
    display: block;
    width: 220px;
    padding: 35px 10px
}

.new-allTabs .hireTabs .tab-content li {
    display: inline-block;
    margin: 13px 10px;
    vertical-align: top;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .25);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .25);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .25)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg1 abbr {
    background-image: url(../images/hirs1.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg1:hover abbr {
    background-image: url(../images/hirs-hvr1.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg2 abbr {
    background-image: url(../images/hirs2.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg2:hover abbr {
    background-image: url(../images/hirs-hvr2.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg3 abbr {
    background-image: url(../images/hirs3.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg3:hover abbr {
    background-image: url(../images/hirs-hvr3.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg4 abbr {
    background-image: url(../images/hirs4.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg4:hover abbr {
    background-image: url(../images/hirs-hvr4.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg5 abbr {
    background-image: url(../images/hirs5.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg5:hover abbr {
    background-image: url(../images/hirs-hvr5.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg6 abbr {
    background-image: url(../images/hirs6.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg6:hover abbr {
    background-image: url(../images/hirs-hvr6.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg7 abbr {
    background-image: url(../images/hirs7.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg7:hover abbr {
    background-image: url(../images/hirs-hvr7.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg8 abbr {
    background-image: url(../images/hirs8.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg8:hover abbr {
    background-image: url(../images/hirs-hvr8.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg9 abbr {
    background-image: url(../images/hirs9.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg9:hover abbr {
    background-image: url(../images/hirs-hvr9.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg10 abbr {
    background-image: url(../images/hirs10.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg10:hover abbr {
    background-image: url(../images/hirs-hvr10.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg11 abbr {
    background-image: url(../images/hirs11.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg11:hover abbr {
    background-image: url(../images/hirs-hvr11.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg12 abbr {
    background-image: url(../images/hirs-ionic1.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg12:hover abbr {
    background-image: url(../images/hirs-ionic1-hover.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg13 abbr {
    background-image: url(../images/hirs-react1.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg13:hover abbr {
    background-image: url(../images/hirs-react1-hover.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg0-2 abbr {
    background-image: url(../img/h-hire1.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg0-2:hover abbr {
    background-image: url(../img/h-hire1-hvr.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg0-7 abbr {
    background-image: url(../img/h-hire2.png)
}

.new-allTabs .hireTabs .tab-content .hireTag li.bg0-7:hover abbr {
    background-image: url(../img/h-hire2-hvr.png)
}

.new-allTabs h3 {
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center
}

.ios-beterServices {
    padding: 100px 0
}

.ios-beterServices h2 {
    color: #000;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 700
}

.ios-beterServices p {
    color: #000;
    text-align: center;
    margin-bottom: 30px
}

.ios-beterServices .iosSrv-box {
    margin: 50px 0
}

.ios-beterServices .srv-box {
    margin-right: 20px
}

.ios-beterServices .srv-dtl {
    overflow: hidden
}

.ios-beterServices .srv-dtl h3 {
    font-weight: 700;
    color: #6046a4;
    margin-bottom: 5px;
    margin-top: 20px
}

.ios-beterServices .list-box-ios {
    -webkit-box-shadow: 0 15px 25px 0 rgba(254, 1, 9, .2);
    box-shadow: 0 15px 25px 0 rgba(254, 1, 9, .2);
    background-color: #fff;
    margin-right: 40px;
    position: relative
}

.ios-beterServices .list-box-ios {
    margin-top: 50px;
    position: relative
}

.ios-beterServices .list-box-ios:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 49%;
    background-color: #fff2f3
}

.ios-beterServices .hire_full_stack.owl-carousel .list-box-ios:before {
    width: 57.5%
}

.ios-beterServices .list-box-ios ul {
    margin-bottom: 0
}

.ios-beterServices .list-box-ios li {
    background: #fff2f3;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff2f3), to(white));
    background: linear-gradient(0deg, #fff2f3 0, #fff 100%);
    padding: 24px 20px 24px 70px
}

.ios-beterServices .list-box-ios li h3 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0
}

.ios-beterServices .list-box-ios li br {
    display: none
}

.ios-beterServices .list-box-ios li .iconrgs {
    padding-top: 5px;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    background-color: #ccc;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.ios-beterServices .list-box-ios li .iconrgs img {
    width: 40px
}

.ios-beterServices .list-box-ios li .iconrgs i {
    font-size: 30px;
    color: #fff;
    margin-top: 4px
}

.ios-beterServices .list-box-ios li .iconrgs.igs1 {
    background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -webkit-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -moz-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%)
}

.ios-beterServices .list-box-ios li .iconrgs.igs2 {
    background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%);
    -webkit-background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%);
    -moz-background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%)
}

.ios-beterServices .list-box-ios li .iconrgs.igs3 {
    background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%);
    -webkit-background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%);
    -moz-background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%)
}

.ios-beterServices .list-box-ios li .iconrgs.igs4 {
    background: linear-gradient(-35deg, #ff9802 0, #ff047e 100%);
    -webkit-background: linear-gradient(-35deg, #ff9802 0, #ff047e 100%);
    -moz-background: linear-gradient(-35deg, #ff9802 0, #ff047e 100%)
}

.ios-beterServices .list-box-ios li .iconrgs.igs5 {
    background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -webkit-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -moz-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%)
}

.ios-beterServices .list-box-ios li .iconrgs.igs6 {
    background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%);
    -webkit-background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%);
    -moz-background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%)
}

.ios-beterServices.tab-add .list-box-ios {
    margin-top: 30px;
    margin-bottom: 0;
    position: relative
}

.ios-beterServices.tab-add .list-box-ios:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 49%;
    background-color: #e1e1e16b
}

.ios-beterServices.tab-add .list-box-ios li {
    padding: 0;
    background: 0;
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border-bottom: 2px solid #fff;
    font-weight: 700;
    font-size: 16px;
    color: #333;
    text-align: left
}

.ios-beterServices.tab-add .list-box-ios li i {
    font-size: 20px;
    color: #333
}

.ios-beterServices.tab-add .list-box-ios li br {
    display: none
}

.ios-beterServices.tab-add .list-box-ios li .iconrgs {
    padding-top: 5px;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    background-color: #ccc;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.ios-beterServices.tab-add .list-box-ios li .iconrgs i {
    font-size: 30px;
    color: #fff;
    margin-top: 4px
}

.ios-beterServices.tab-add .list-box-ios li a {
    color: #333;
    padding: 26px 26px 26px 70px;
    border: 0;
    margin: 0
}

.ios-beterServices.tab-add .list-box-ios li a:hover {
    background: #e1e1e16b
}

.ios-beterServices.tab-add .list-box-ios li.active a {
    border: 0;
    background: #fff;
    position: relative
}

.ios-beterServices.tab-add .list-box-ios li.active a:after {
    content: "";
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #fff
}

.ios-beterServices.tab-add .list-box-ios li a .title-h3 {
    font-size: 16px;
    margin: 0
}

.ios-beterServices.tab-add .list-box-ios .box-d-sign {
    padding-top: 30px
}

.ios-beterServices.tab-add .list-box-ios li .iconrgs {
    box-shadow: none;
    background: #a2a2a2
}

.ios-beterServices.tab-add .list-box-ios li.active a .iconrgs {
    background-color: #2970f2
}

.ios-beterServices.tab-add .list-box-ios .nav-tabs {
    border-bottom: 0
}

.ios-beterServices.tab-add .list-box-ios .tb-lst {
    margin-bottom: 30px
}

.ios-beterServices.tab-add .list-box-ios .tb-lst li {
    margin-bottom: 10px
}

.adds_value .extra-features.mob {
    display: none
}

.adds_value .extra-features.mob {
    display: none
}

.adds_value .extra-features {
    margin-top: 30px
}

.adds_value .extra-features li {
    width: 48%;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
    color: #333
}

.adds_value .extra-features li i {
    font-size: 20px;
    color: #333
}

.adds_value .av-points {
    font-family: "cera_pro_medium", Sans-serif;
    margin-bottom: 20px;
    margin-top: 10px
}

.hireDedicated-page .appForm {
    max-width: 400px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, .7);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 20px 24px;
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0 10px 20px 0 rgba(175, 55, 219, .3);
    -moz-box-shadow: 0 10px 20px 0 rgba(175, 55, 219, .3);
    box-shadow: 0 10px 20px 0 rgba(175, 55, 219, .3)
}

.hireDedicated-page .appForm .icon-frm {
    margin-bottom: 20px
}

.hireDedicated-page .appForm .heading-form {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    color: #000
}

.hireDedicated-page .appForm .form-text {
    color: #333;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 10px
}

.hireDedicated-page .appForm .form-control {
    height: auto;
    padding: 10px;
    background: #fff;
    color: #333;
    border: 1px solid #af37db
}

.hireDedicated-page .appForm .checkbox_form {
    color: #333;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
    line-height: normal
}

.hireDedicated-page .appForm .checkbox_form br {
    display: none
}

.hireDedicated-page .appForm select option {
    color: #333
}

.hireDedicated-page .appForm .msg {
    height: 80px;
    resize: vertical
}

.hireDedicated-page .appForm span.error {
    left: 16px;
    top: 43px;
    font-weight: 600;
    background-color: transparent
}

.hireDedicated-page .appForm .msg-frm span.error {
    top: 80px
}

.hireDedicated-page .appForm .checkbox_form span.error {
    top: 20px
}

.hireDedicated-page .appForm ::-webkit-input-placeholder {
    color: #333
}

.hireDedicated-page .appForm :-ms-input-placeholder {
    color: #333
}

.hireDedicated-page .appForm ::placeholder {
    color: #333
}

.hireDedicated-page .appForm .iti {
    margin-left: 23px;
    padding-left: 22px;
    border-bottom: 0
}

.hireDedicated-page .appForm .iti.iti--allow-dropdown .iti__selected-flag {
    width: 86px
}

.hireDedicated-page .appForm .iti.iti--allow-dropdown .iti__selected-flag .iti__flag {
    left: -10px;
    margin-left: -10px
}

.hireDedicated-page .appForm .iti.iti--allow-dropdown .iti__flag-container {
    width: 110px;
    left: -24px;
    border-radius: 4px;
    padding: 10px 20px;
    background-color: #fff;
    border: 1px solid #af37db
}

.hireDedicated-page .appForm .form-control#inner_pre_phone {
    border: 0;
    border-radius: 0;
    background: 0;
    box-shadow: none
}

.hireDedicated-page .appForm .iti.iti--allow-dropdown .iti__country-list {
    z-index: 99
}

.hireDedicated-page #contact_results .error {
    max-width: 500px;
    margin: 50px auto 0 auto
}

.tab-add .mobile-version {
    text-align: center;
    display: none
}

.tab-add .mobile-version .panel-title {
    font-size: 16px;
    font-weight: 700;
    color: #000
}

.tab-add .mobile-version .panel-body .title-h3 {
    margin-bottom: 20px;
    font-weight: 700
}

.hireDedicated-page .appForm .style_2 {
    background: #af37db;
    background: -moz-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #af37db), color-stop(100%, #fd3159));
    background: -webkit-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -o-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -ms-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: linear-gradient(135deg, #af37db 0, #fd3159 100%);
    color: #fff;
    border: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "cera_pro_medium", Sans-serif;
    padding: 10px 30px
}

.box-d-sign {
    padding: 50px 30px 30px 30px
}

.box-d-sign h3 {
    text-align: left;
    font-weight: 700;
    margin-bottom: 20px
}

.box-d-sign p {
    text-align: left
}

.half2half {
    position: relative;
    padding: 50px;
    background-color: #8200f2;
    background: linear-gradient(-35deg, #c444fb 0, #f04bb2 100%);
    -webkit-background: linear-gradient(-35deg, #8200f2 0, #f04bb2 100%);
    -moz-background: linear-gradient(-35deg, #8200f2 0, #f04bb2 100%)
}

.half2half h2 {
    color: #fff;
    margin-bottom: 30px;
    font-weight: 700;
    text-align: center
}

.half2half h2.h2tow {
    margin-top: 100px
}

.half2half p {
    color: #fff
}

.half2half .em-list {
    margin-top: 50px
}

.half2half .em-list li {
    margin-bottom: 30px
}

.half2half .em-list li .em-icon {
    margin-bottom: 20px
}

.half2half .em-list li .em-icon.img {
    margin-bottom: 20px;
    position: relative;
    margin-top: -20px;
    width: 120px;
    height: 168px;
    background-image: url(../images/icn-base.png);
    background-repeat: no-repeat;
    background-position: top left
}

.half2half .em-list li .em-icon.img .white-base {
    padding-top: 17px;
    width: 88px;
    height: 88px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 10px
}

.half2half .em-list li .em-dtls {
    overflow: hidden
}

.half2half .em-list li .em-dtls.mt {
    padding-top: 80px
}

.half2half .em-list li .em-dtls h3 {
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    margin-top: 10px
}

.half2half .em-list li .em-dtls p {
    color: #fff
}

.btnn-r .blueButton {
    background: linear-gradient(135deg, #6a3698 0, #179bf9 100%);
    -webkit-background: linear-gradient(135deg, #6a3698 0, #179bf9 100%);
    -moz-background: linear-gradient(135deg, #6a3698 0, #179bf9 100%)
}

.bwn-sec {
    padding: 50px 0
}

.bwn-sec h2 {
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
    color: #000
}

.benefits-coln {
    margin-bottom: 50px
}

.benefits-coln h3 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px
}

.hiring-standards {
    background-color: #f5f5f5;
    padding: 50px 0;
    background-image: linear-gradient(180deg, #6e52de 0, #c644fc 100%);
    -webkit-background-image: linear-gradient(180deg, #6e52de 0, #c644fc 100%);
    -moz-background-image: linear-gradient(180deg, #6e52de 0, #c644fc 100%)
}

.hiring-standards h2 {
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-bottom: 50px
}

.hiring-standards p {
    color: #fff
}

.hiring-standards .em-list {
    margin-top: 50px
}

.hiring-standards .em-list li {
    margin-bottom: 30px
}

.hiring-standards .em-list li .em-icon {
    margin-bottom: 20px;
    margin-right: 20px
}

.hiring-standards .em-list li .em-icon.img {
    margin-bottom: 20px;
    position: relative;
    margin-top: -20px;
    width: 120px;
    height: 168px;
    background-image: url(../images/icn-base.png);
    background-repeat: no-repeat;
    background-position: top left
}

.hiring-standards .em-list li .em-icon.img .white-base {
    padding-top: 17px;
    width: 88px;
    height: 88px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 10px
}

.hiring-standards .em-list li .em-dtls {
    overflow: hidden
}

.hiring-standards .em-list li .em-dtls.mt {
    padding-top: 80px
}

.hiring-standards .em-list li .em-dtls h3 {
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    margin-top: 15px
}

.hiring-standards .em-list li .em-dtls p {
    color: #fff
}

@media only screen and (max-width:1440px) {
    .hireDedicated-page .why_usPlan .why-panel {
        padding: 20px
    }
    .whyUs_plans .form-control,
    .whyUs_plans select {
        padding: 7px
    }
    .hireDedicated-page h1 {
        padding-top: 0;
        line-height: 44px;
        font-size: 3.1em
    }
    .hireDedicated-page .why_usPlan {
        padding-top: 130px
    }
}

@media only screen and (max-width:1366px) {
    .whyUs_plans .form-control,
    .whyUs_plans select {
        padding: 5px;
        font-size: 13px
    }
    .whyUs_plans .uptxt {
        line-height: 31px
    }
    .whyUs_plans .frmRow .upld {
        padding: 5px 5px 6px 0
    }
    .hireDedicated-page .why_usPlan .why-panel {
        padding: 20px
    }
    .hireDedicated-page .why_usPlan {
        padding-top: 130px
    }
    .hireDedicated-page h1 {
        padding-top: 0;
        line-height: 44px;
        font-size: 3em
    }
    .hireDedicated-page .subContent p {
        margin-top: 20px
    }
    .hireDedicated-page .hire-banner-points {
        margin: 20px 0
    }
    .hireDedicated-page .btn {
        margin-top: 15px;
        line-height: 15px
    }
    .hireDedicated-page .whyUs_plans .frmRow {
        margin-bottom: 13px
    }
}

@media only screen and (max-width:1200px) {
    .hireDedicated-page h1 {
        padding-top: 0
    }
}

@media only screen and (max-width:767px) {
    .hireDedicated-page .whyUs_plans {
        margin-top: 30px
    }
    .hireDedicated-page .whyUs_plans .uptxt {
        margin-left: -170px
    }
    .hireDedicated-page h1 {
        padding-top: 20px;
        font-size: 2.4em
    }
    .adds_value.hire-colns .lt-btn {
        text-align: center;
        margin-bottom: 30px
    }
    .adds_value.hire-colns p {
        text-align: center
    }
    .ios-beterServices .list-box-ios li h3 {
        font-size: 16px
    }
    .box-d-sign .btnn-r {
        text-align: center
    }
    .box-d-sign p {
        text-align: center
    }
    .benefits-coln h3 {
        text-align: center;
        margin-top: 0
    }
    .benefits-coln p {
        text-align: center
    }
    .adds_value.madcValue.howAnd_why.iotBg.gcv.black_heading.hire-colns h2 {
        text-align: center
    }
    .ios-beterServices .list-box-ios {
        margin-right: 0
    }
    .hireDedicated-page .img-cntr {
        padding-top: 100px
    }
}

@media only screen and (max-width:480px) {
    .color-steps li {
        width: 90%
    }
    .adds_value.hire-colns .lt-btn {
        margin-bottom: 30px
    }
    .hireDedicated-page .why_usPlan {
        padding-top: 0
    }
    .adds_value.hire-colns .hirebox-colors {
        margin-left: 10%;
        margin-right: 10%
    }
    .adds_value.hire-colns h1 {
        text-align: center
    }
}

@media only screen and (max-width:360px) {
    .hero-recaptcha .g-recaptcha iframe {
        -moz-transform: scale(.8);
        -webkit-transform: scale(.8);
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
    .hireDedicated-page .btn {
        min-width: 100%;
        white-space: normal
    }
    .hireDedicated-page .why_usPlan .why-panel {
        padding: 15px
    }
}

.fantasySports-bnr {
    height: auto;
    padding-bottom: 50px;
    position: relative;
    background: #693898;
    background: -moz-linear-gradient(-45deg, #693898 0, #545ab7 21%, #545ab7 54%, #9012bc 100%);
    background: -webkit-linear-gradient(-45deg, #693898 0, #545ab7 21%, #545ab7 54%, #9012bc 100%);
    background: linear-gradient(135deg, #693898 0, #545ab7 21%, #545ab7 54%, #9012bc 100%)
}

.fantasySports-bnr::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-image: url(../images/fantasy-patrn.png);
    background-position: right bottom;
    background-repeat: no-repeat
}

.fantasySports-bnr .fantasy-text {
    padding: 80px 20px 0 40px
}

.fantasySports-bnr h1 {
    padding-top: 7%;
    font-size: 3.4em;
    color: #fff;
    font-weight: 700;
    margin: 10px 0 50px 0
}

.fantasySports-bnr h3 {
    color: #fff;
    margin: 10px 0 30px 0
}

.fantasySports-bnr p {
    color: #fff;
    margin-bottom: 30px;
    line-height: 26px
}

.fantasySports-bnr .btn-default {
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    padding: 18px 30px;
    margin-top: 30px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.fantasySports-bnr .btn-default:active,
.fantasySports-bnr .btn-default:focus,
.fantasySports-bnr .btn-default:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.fantasySports-bnr .fantasy-mob-group {
    position: relative;
    width: 980px;
    margin: 0 auto;
    min-height: 680px
}

.fantasySports-bnr .fantasy-mob-left {
    max-width: 382px;
    position: absolute;
    left: 0;
    bottom: -162px;
    z-index: 1
}

.fantasySports-bnr .fantasy-mob-middle {
    max-width: 412px;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -175px
}

.fantasySports-bnr .fantasy-mob-right {
    max-width: 382px;
    position: absolute;
    right: 0;
    bottom: -162px;
    z-index: 1
}

.fantasySports-bnr .fantasy-text .banr-listing {
    margin-top: 30px;
    margin-bottom: 30px
}

.fantasySports-bnr .fantasy-text .banr-listing li {
    color: #fff;
    margin-bottom: 22px;
    font-size: 16px;
    position: relative;
    padding-left: 40px
}

.fantasySports-bnr .fantasy-text .banr-listing li img {
    margin-right: 0;
    position: absolute;
    left: 0;
    top: 0
}

.fantasy-about {
    padding-top: 200px;
    padding-bottom: 50px
}

.fantasy-about .btn-default {
    margin-top: 30px;
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.fantasy-about .btn-default:active,
.fantasy-about .btn-default:focus,
.fantasy-about .btn-default:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.fantasy-about h2 {
    margin: 0 0 50px 0
}

.fantasy-about p {
    margin-bottom: 30px;
    line-height: 26px
}

.fantasy-about-list {
    margin-left: 50px
}

.fantasy-about-list li {
    text-align: left;
    margin-bottom: 24px;
    font-size: 18px;
    position: relative;
    padding-left: 40px;
    font-weight: 600
}

.fantasy-about-list li img {
    position: absolute;
    left: 0;
    top: 0
}

.section-tabs-title {
    margin-top: 50px;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 100px
}

.section-tabs-title h2 {
    color: #000;
    margin: 0 0 20px 0
}

.section-tabs-title h3 {
    color: #000;
    margin: 0 0 20px 0
}

.fantasy_section-tabs {
    position: relative;
    background-color: #0f72e4;
    padding-bottom: 10px
}

.fantasy_section-tabs .subContainer {
    width: 80%
}

.fantasy_section-tabs::before {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
    background: #7332d4;
    background: -moz-linear-gradient(left, #7332d4 0, #763afe 100%);
    background: -webkit-linear-gradient(left, #7332d4 0, #763afe 100%);
    background: linear-gradient(to right, #7332d4 0, #763afe 100%)
}

.fantasy_section-tabs::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0;
    background: #1d8cde;
    background: -moz-linear-gradient(left, #1d8cde 0, #0f72e4 100%);
    background: -webkit-linear-gradient(left, #1d8cde 0, #0f72e4 100%);
    background: linear-gradient(to right, #1d8cde 0, #0f72e4 100%)
}

.fantasy_section-tabs .app_feature {
    position: relative;
    z-index: 1
}

.fantasy_section-tabs .app_feature .img {
    margin: 0 auto
}

.fantasy_section-tabs .feature_list {
    margin: 84px 0;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.fantasy_section-tabs .feature_list li {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.fantasy_section-tabs .feature_list .icon {
    border: 2px solid #2970f2;
    text-align: center;
    margin: 0 10px;
    position: relative
}

.fantasy_section-tabs .feature_list.fadeInRight .icon {
    border-bottom: 0;
    border-top: 0;
    border-right: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 0
}

.fantasy_section-tabs .feature_list.fadeInLeft .icon {
    border-bottom: 0;
    border-top: 0;
    border-left: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 0
}

.fantasy_section-tabs .feature_list .icon::after {
    background-color: #fff;
    content: "";
    height: 2px;
    left: 100%;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 2;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s
}

.fantasy_section-tabs .feature_list.active .icon::after,
.fantasy_section-tabs .feature_list:hover .icon::after {
    width: 150px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s
}

.fantasy_section-tabs .feature_list .icon:before {
    background-color: #fff;
    box-shadow: 0 0 0 5px rgba(126, 124, 252, .4);
    animation: shadzoom 1s infinite;
    -webkit-animation: shadzoom 1s infinite;
    -moz-animation: shadzoom 1s infinite;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    content: "";
    height: 20px;
    position: absolute;
    right: -15px;
    top: calc(50% - 10px);
    width: 20px;
    z-index: 2;
    opacity: 0;
    transition: all 1.5s ease 0s;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s
}

.fantasy_section-tabs .feature_list.active .icon::before,
.fantasy_section-tabs .feature_list:hover .icon::before {
    opacity: 1;
    transition: all 1.5s ease 0s;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s
}

.fantasy_section-tabs .fealist_right .feature_list .icon::after {
    right: 100%;
    left: auto
}

.fantasy_section-tabs .fealist_right .feature_list .icon::before {
    left: -15px;
    right: auto
}

.fantasy_section-tabs .feature_list .icon abbr {
    display: inline-block;
    background-color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    position: absolute;
    right: -15px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    z-index: 2;
    opacity: 1
}

.fantasy_section-tabs .feature_list .icon abbr.right {
    left: -15px
}

@keyframes shadzoom {
    0% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, .4)
    }
    50% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .4)
    }
    100% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, .4)
    }
}

@-webkit-keyframes shadzoom {
    0% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, .4)
    }
    50% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .4)
    }
    100% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, .4)
    }
}

@-moz-keyframes shadzoom {
    0% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, .4)
    }
    50% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .4)
    }
    100% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, .4)
    }
}

@-o-keyframes shadzoom {
    0% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, .4)
    }
    50% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .4)
    }
    100% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, .4)
    }
}

.fantasy-app-choose h2 {
    text-align: center;
    margin: 0 0 20px
}

.fantasy-app-choose.cyber-industry-focus.case-studies.nw-blogs h2 {
    font-size: 30px
}

.fantasy-app-choose.cyber-industry-focus.case-studies.nw-blogs .free-title {
    font-size: 24px;
    text-align: left;
    color: #000;
    font-weight: 700;
    margin: 0 0 20px;
    font-family: inherit;
    line-height: 1.1
}

.fantasy-app-choose h3 {
    color: #000;
    margin: 68px 0 20px
}

.fantasy-app-choose p {
    margin-bottom: 30px
}

.fantasy-app-choose p.pt {
    margin-bottom: 20px
}

.fantasy-app-choose .red-line {
    width: 147px;
    height: 7px;
    background-color: #ff3871;
    margin: 0 auto 0 auto;
    display: inline-block
}

.fantasy-app-choose .text-center.ln {
    margin-bottom: 30px
}

.fantasy-app-choose .fant-choose-mob {
    position: relative;
    width: 732px;
    margin: 0 auto;
    min-height: 747px
}

.fantasy-app-choose .wc-img-left {
    max-width: 369px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.fantasy-app-choose .wc-img-right {
    max-width: 418px;
    position: absolute;
    right: 0;
    bottom: -17px;
    z-index: 1
}

.fantasy-app-choose .fantasy-about-list2 {
    margin-top: 30px
}

.fantasy-app-choose .fantasy-about-list2 li {
    text-align: left;
    margin-bottom: 24px;
    font-size: 18px;
    position: relative;
    padding-left: 40px;
    font-weight: 600
}

.fantasy-app-choose .fantasy-about-list2 li img {
    position: absolute;
    left: 0;
    top: 0
}

.fantasy-app-choose .get-an-app a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 30px
}

.help-you {
    background-color: #41189f;
    text-align: center
}

.help-you h2 {
    color: #fff;
    margin: 0 0 20px 0
}

.help-you p {
    color: #fff;
    margin: 0 0 40px 0
}

.help-you .btn-default {
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    padding: 18px 30px
}

.fantasySports-bnr .btn-default:active,
.fantasySports-bnr .btn-default:focus,
.help-you .btn-default:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.live-demo {
    background: #331664;
    position: relative;
    min-height: 320px;
    background: -moz-linear-gradient(left, #331664 0, #6a2b77 100%);
    background: -webkit-linear-gradient(left, #331664 0, #6a2b77 100%);
    background: linear-gradient(to right, #331664 0, #6a2b77 100%);
    text-align: center
}

.live-demo:after {
    position: absolute;
    content: "";
    left: 20%;
    bottom: -32px;
    width: 279px;
    height: 328px;
    background-image: url(../images/live-demo.png);
    background-repeat: no-repeat
}

.live-demo h2 {
    color: #fff;
    margin: 32px 0 20px 0
}

.live-demo p {
    color: #fff;
    margin: 0 0 40px 0
}

.live-demo .btn-default {
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    padding: 18px 30px
}

.fantasySports-bnr .btn-default:active,
.fantasySports-bnr .btn-default:focus,
.live-demo .btn-default:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.fantasy-app-choose.trending {
    padding-top: 100px
}

.fantasy-app-choose.trending h2 {
    text-align: left;
    margin-bottom: 10px
}

.fantasy-app-choose.trending .tTop {
    padding-top: 50px
}

.fantasy-app-choose.trending .btn-default {
    margin-top: 30px;
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.fantasy-app-choose.trending .btn-default:active,
.fantasy-app-choose.trending .btn-default:focus,
.fantasy-app-choose.trending .btn-default:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.core-features {
    background-color: #f5f5f5
}

.core-features h2 {
    color: #000;
    margin: 0 0 20px 0;
    text-align: center
}

.core-features .vTabs {
    margin-top: 30px
}

.core-features .tabs-left {
    border-bottom: 0;
    padding-top: 2px;
    text-align: center;
    margin-bottom: 50px;
    margin-left: -10px
}

.core-features .tabs-left>li {
    float: none;
    display: inline-block;
    margin: 10px 10px;
    border: 0
}

.core-features .tabs-left>li {
    margin-right: -1px
}

.core-features .tabs-left>li a span {
    vertical-align: middle;
    margin-right: 5px;
    width: 56px;
    height: 56px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #a5a5a5
}

.core-features .tabs-left>li>a {
    opacity: .5;
    max-width: 320px;
    color: #000;
    display: block;
    background-color: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 0;
    font-weight: 700;
    padding: 5px 15px 5px 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.core-features .tabs-left>li>a span img {
    margin-top: 11px;
    width: 36px
}

.core-features .tabs-left>li.active>a,
.tabs-left>li.active>a:focus,
.tabs-left>li.active>a:hover {
    border: 0;
    opacity: 1;
    color: #9510c2
}

.core-features .tabs-left>li.active>a span,
.tabs-left>li.active>a:focus span,
.tabs-left>li.active>a:hover span {
    background-color: #ff4caa
}

.core-features .core-icons {
    margin-bottom: 0
}

.core-features .core-icons h4 {
    margin-top: 10px
}

.core-features .coreList-icons {
    text-align: center
}

.core-features .coreList-icons li {
    display: inline-block;
    vertical-align: top;
    width: 13%;
    margin: 20px
}

.special-benefits-section {
    text-align: center;
    background: #ff55a9;
    background: -moz-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: -webkit-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: linear-gradient(to right, #ff55a9 0, #8200f2 100%)
}

.special-benefits-section h2 {
    color: #fff;
    margin: 0 0 20px 0
}

.special-benefits-section h3 {
    color: #fff;
    margin: 0 0 6px 0
}

.special-benefits-section p {
    color: #fff;
    margin: 0 0 40px 0
}

.special-benefits-section .sbi-icons {
    text-align: center
}

.special-benefits-section .sbi-icons li {
    width: 19.5%;
    display: inline-block;
    vertical-align: top
}

.special-benefits-section .sbi-icons li img {
    max-width: 80px
}

.fantasy_section-tabs .app_feature br {
    display: none
}

.sports-games-solutions {
    background: #331664;
    padding-top: 100px;
    position: relative;
    background: -moz-linear-gradient(left, #331664 0, #6a2b77 100%);
    background: -webkit-linear-gradient(left, #331664 0, #6a2b77 100%);
    background: linear-gradient(to right, #331664 0, #6a2b77 100%)
}

.sports-games-solutions h2 {
    text-align: center;
    color: #000;
    margin: 0 0 20px;
    color: #fff
}

.sports-games-solutions p {
    margin-bottom: 30px;
    color: #fff
}

.sports-games-solutions .single-icon-box {
    margin: 50px 0;
    padding-top: 30px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.sports-games-solutions .single-icon-box span {
    width: 50px;
    height: 4px;
    background-color: #ff3871;
    display: inline-block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.sports-games-solutions .single-icon-box img {
    max-width: 120px;
    width: 100%
}

.sports-games-solutions .bx-footer {
    font-weight: 700;
    color: #fff;
    padding: 15px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.sports-games-solutions .sp-ga-list {
    text-align: center
}

.sports-games-solutions .sp-ga-list li {
    display: inline-block;
    width: 12%;
    margin: 1px;
    vertical-align: top
}

.sports-games-solutions .sp-ga-list li:hover .single-icon-box {
    background-color: rgba(0, 0, 0, .2)
}

.sports-games-solutions .sp-ga-list li:hover .single-icon-box span {
    background-color: #fff
}

.fantasy-sports-app-sol {
    background-color: #41189f
}

.fantasy-sports-app-sol h2 {
    color: #fff;
    margin: 0 0 20px 0;
    text-align: center
}

.fantasy-sports-app-sol h3 {
    color: #fff;
    margin: 0 0 7px 0;
    min-height: 54px
}

.fantasy-sports-app-sol .fsas-col {
    margin-top: 50px;
    text-align: center
}

.fantasy-sports-app-sol p {
    color: #fff
}

.fantasy-sports-app-sol .wht-bx {
    min-height: 235px;
    color: #fff;
    background-color: #4f21b9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 30px
}

.fantasy-sports-app-sol .wht-bx a {
    color: #fff
}

.fantasy-sports-app-sol.vc-exchange.hold-for.resto-page .wht-bx {
    color: #fff
}

.fantasy-sports-app-sol .wht-bx ul {
    text-align: left;
    margin-left: 15px
}

.fantasy-sports-app-sol .wht-bx ul li {
    text-align: left;
    list-style: disc;
    margin-bottom: 10px
}

.hirePagesBnr {
    height: 100vh;
    position: relative;
    background-position: top center;
    background: #19066d;
    background: -moz-linear-gradient(-45deg, #19066d 0, #00b4b1 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #19066d), color-stop(100%, #00b4b1));
    background: -webkit-linear-gradient(-45deg, #19066d 0, #00b4b1 100%);
    background: -o-linear-gradient(-45deg, #19066d 0, #00b4b1 100%);
    background: -ms-linear-gradient(-45deg, #19066d 0, #00b4b1 100%);
    background: linear-gradient(135deg, #19066d 0, #00b4b1 100%)
}

.hirePagesBnr::before {
    position: absolute;
    content: "";
    background-image: url(../images/hire-app-developer-banner.html);
    background-size: 100% auto;
    width: 35%;
    height: 73%;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 5% auto auto;
    background-color: transparent;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center
}

.hirePagesBnr .container {
    z-index: 2;
    position: relative;
    display: table;
    text-align: center;
    height: 100%
}

.hirePagesBnr .subContent {
    display: table-cell;
    vertical-align: middle
}

.hirePagesBnr .subContent h1 {
    font-size: 3.4em;
    color: #fff;
    font-weight: 700;
    margin: 10px 0;
    font-weight: 800;
    text-align: left
}

.hirePagesBnr .subContent p {
    text-align: left;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin-top: 30px
}

.hirePagesBnr .hire-banner-points {
    margin: 40px 0
}

.hirePagesBnr .hire-banner-points li {
    text-align: left;
    margin: 10px 0 10px 15px;
    color: #fff;
    font-weight: 500;
    list-style: disc;
    font-size: 16px
}

.hirePagesBnr .subContent .btn {
    margin-top: 20px;
    background-color: #e0d700;
    min-width: 170px;
    color: #000;
    line-height: 32px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.hirePagesBnr .mobImg {
    max-width: 600px;
    width: 100%;
    margin-top: 50px;
    margin-bottom: -50px;
    display: none
}

.sports-games-solutions.ewallet-app-solutions .single-icon-box {
    text-align: center
}

.sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-item img {
    display: inline-block
}

.sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-nav.disabled {
    display: block
}

.sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-nav {
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 100px
}

.sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-next,
.sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-prev {
    font-family: FontAwesome;
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -1000px;
    color: #fff;
    display: inline-block;
    background: #6a3698;
    background: -moz-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #6a3698), color-stop(100%, #179bf9));
    background: -webkit-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -o-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -ms-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: linear-gradient(135deg, #6a3698 0, #179bf9 100%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
    margin: 2px
}

.sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-prev {
    position: absolute;
    left: -10%;
    -webkit-border-radius: 40px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 40px;
    -moz-border-radius-topright: 0;
    border-radius: 40px;
    border-top-right-radius: 0
}

.sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-next {
    position: absolute;
    right: -10%;
    -webkit-border-radius: 40px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 40px;
    -moz-border-radius-topleft: 0;
    border-radius: 40px;
    border-top-left-radius: 0
}

.sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-prev::after {
    content: "\f104";
    position: absolute;
    left: 0;
    top: 8px;
    right: 0;
    text-indent: 0;
    margin: auto
}

.sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-next::before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 8px;
    right: 0;
    text-indent: 0;
    margin: auto
}

.sports-games-solutions .single-icon-box {
    margin: 20px 0
}

.fantasy-sports-app-sol.great-features h4 {
    color: #fff;
    font-weight: 700;
    margin: 0 0 7px 0;
    font-size: 20px
}

.fantasy-sports-app-sol.great-features .wht-bx {
    padding: 20px;
    font-size: 16px
}

.fantasy-sports-app-sol.great-features .gf-icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background-color: #4f21b9;
    border: 1px dashed rgba(255, 255, 255, .4);
    text-align: center;
    margin-bottom: 10px
}

.fantasy-sports-app-sol.great-features .gf-icon img {
    margin-top: 13px
}

.type-ewallet-tabs .nav-tabs {
    border-bottom: 0;
    text-align: center;
    margin: 50px 0
}

.type-ewallet-tabs .nav-tabs li {
    display: inline-block;
    margin: 10px;
    float: none;
    vertical-align: top
}

.type-ewallet-tabs .nav-tabs li a {
    opacity: .5;
    color: #000;
    display: block;
    background-color: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 0;
    font-weight: 700;
    padding: 20px 50px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.type-ewallet-tabs .nav-tabs li.active a,
.type-ewallet-tabs .nav-tabs li.active a:hover,
.type-ewallet-tabs .nav-tabs li.active aa:focus {
    border: 0;
    opacity: 1;
    color: #9510c2
}

.difference-wallet {
    position: relative;
    background: #ff55a9
}

.difference-wallet::before {
    background-color: #8200f2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    content: ""
}

.difference-wallet .container {
    position: relative;
    z-index: 1
}

.difference-wallet .btn-in {
    margin-top: 50px
}

.difference-box {
    margin-top: 20px;
    border: 1px dashed rgba(255, 255, 255, .4);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    text-align: left;
    -webkit-box-shadow: 0 0 50px 4px rgba(225, 15, 90, .11);
    box-shadow: 0 0 50px 4px rgba(225, 15, 90, .11)
}

.difference-box h3 {
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin-top: 30px
}

.difference-box .difference-points {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px
}

.difference-box .difference-points li {
    padding: 0 15px 20px 20px;
    color: #fff;
    position: relative;
    font-size: 15px;
    font-weight: 500
}

.difference-box .difference-points li span {
    display: inline-block;
    font-weight: 700;
    padding-top: 8px;
    width: 10px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 7px;
    height: 10px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    text-align: center;
    margin-bottom: 10px
}

.and-and {
    position: relative
}

.pays-to-choose {
    margin-top: 50px;
    text-align: center;
    padding-bottom: 30px;
    background-color: #f0f0f0;
    padding: 50px 0
}

.pays-to-choose h2 {
    color: #000;
    margin: 0 0 20px 0
}

.pays-to-choose .pays-box {
    margin: 50px 0 0 0;
    padding: 0 50px
}

.pays-to-choose.savvy_food .pays-box {
    padding: 0;
    text-align: left
}

.pays-to-choose .pays-box img {
    display: none
}

.pays-to-choose .pays-box p {
    font-weight: 500
}

.pays-to-choose .pays-box h3 {
    margin-bottom: 20px
}

.error-404.not-found .four-0-four {
    min-height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden;
    background: #940ec1;
    background: -moz-linear-gradient(-45deg, #940ec1 0, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #940ec1), color-stop(8%, #940ec1), color-stop(51%, #118ae0), color-stop(80%, #6a3697), color-stop(100%, #6a3697));
    background: -webkit-linear-gradient(-45deg, #940ec1 0, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    background: -o-linear-gradient(-45deg, #940ec1 0, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    background: -ms-linear-gradient(-45deg, #940ec1 0, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    background: linear-gradient(135deg, #940ec1 0, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%)
}

.error-404.not-found .four-0-four .page-header {
    padding-bottom: 0;
    margin: 0;
    border-bottom: 0;
    text-align: center
}

.error-404.not-found .four-0-four .page-header h1 {
    color: #fff
}

.error-404.not-found .page-content {
    text-align: center
}

.error-404.not-found .page-content p {
    margin-bottom: 20px
}

.error-404.not-found .page-content .search-form {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto
}

.error-404.not-found .page-content label {
    vertical-align: top
}

.error-404.not-found .page-content .search-field {
    border-radius: 5px;
    -web-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #ccc;
    padding: 6px 12px
}

.error-404.not-found .page-content .search-submit {
    display: inline-block;
    padding: 8px 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background: #9f76fb;
    background: -moz-linear-gradient(-45deg, #9f76fb 0, #38a9dc 100%);
    background: -webkit-linear-gradient(-45deg, #9f76fb 0, #38a9dc 100%);
    background: linear-gradient(135deg, #9f76fb 0, #38a9dc 100%);
    border-radius: 5px;
    -web-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    border: 0
}

.error-404.not-found .page-content .error-404-error {
    text-align: center;
    margin-top: 40px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-shadow: 0 10px 30px 0 rgba(248, 72, 139, .2);
    -web-box-shadow: 0 10px 30px 0 rgba(248, 72, 139, .2);
    -moz-box-shadow: 0 10px 30px 0 rgba(248, 72, 139, .2);
    background-image: url(../images/tab-bggg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-top: 8px;
    padding-bottom: 60px;
    border-radius: 15px;
    -web-border-radius: 15px;
    -moz-border-radius: 15px;
    margin-bottom: 40px
}

.four0four-bnr {
    background-color: #2d4be2;
    text-align: center;
    padding: 120px 0 50px 0
}

.four0four-bnr h2 {
    font-size: 3em;
    color: #fff;
    font-weight: 700;
    margin: 0 0 20px 0
}

.error404_error {
    text-align: center;
    margin-top: 40px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-shadow: 0 10px 30px 0 rgba(248, 72, 139, .2);
    background-image: url(../images/tab-bggg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-top: 8px;
    padding-bottom: 60px
}

.error404_error img {
    max-width: 503px;
    width: 100%
}

h4.ttllss {
    margin: 2% 0;
    text-align: center
}

.btn404 {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    height: 44px;
    width: 166px;
    border-radius: 25px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 12px;
    display: block;
    background: #2d4be2;
    background: -moz-linear-gradient(45deg, #2d4be2 0, #fb5e99 16%, #fb5e99 26%, #2d4be2 50%);
    background: -webkit-linear-gradient(45deg, #2d4be2 0, #fb5e99 16%, #fb5e99 26%, #2d4be2 50%);
    background: linear-gradient(45deg, #2d4be2 0, #fb5e99 16%, #fb5e99 26%, #2d4be2 50%);
    -webkit-box-shadow: 0 9px 2px 0 rgba(248, 72, 139, .2);
    -moz-box-shadow: 0 9px 2px 0 rgba(248, 72, 139, .2);
    box-shadow: 0 9px 2px 0 rgba(248, 72, 139, .2)
}

.btn404:focus,
.btn404:hover {
    text-decoration: none;
    color: #fff
}

.hire-dedicated-developers-bnr {
    max-width: 1000px;
    width: 100%;
    margin: 100px auto 0 auto;
    position: absolute;
    right: -80px;
    bottom: -80px;
    top: auto;
    left: auto
}

.cryptocurrency-exchange-bnr {
    height: auto;
    padding-bottom: 50px;
    position: relative;
    background: #693898;
    background: -moz-linear-gradient(-45deg, #693898 0, #545ab7 21%, #545ab7 54%, #9012bc 100%);
    background: -webkit-linear-gradient(-45deg, #693898 0, #545ab7 21%, #545ab7 54%, #9012bc 100%);
    background: linear-gradient(135deg, #693898 0, #545ab7 21%, #545ab7 54%, #9012bc 100%)
}

.cryptocurrency-exchange-bnr::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-image: url(../images/cryptocurrency-pattren.png);
    background-position: center bottom;
    background-repeat: no-repeat
}

.cryptocurrency-exchange-bnr h1 {
    text-align: center;
    padding-top: 10%;
    font-size: 3.4em;
    color: #fff;
    font-weight: 700;
    margin: 10px 0 50px 0
}

.cryptocurrency-exchange-bnr p {
    color: #fff;
    margin-bottom: 30px;
    line-height: 26px
}

.cryptocurrency-exchange-bnr .container {
    position: relative;
    z-index: 1
}

.cryptocurrency-exchange-bnr .cryptocurrency-change {
    overflow: hidden;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: -100px;
    background-color: #fff;
    border: solid 15px #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .36)
}

.cryptocurrency-exchange-bnr .cryptocurrency-change img {
    width: 100%
}

.crypto-solutions-other {
    position: relative;
    background-color: #0f72e4
}

.crypto-solutions-other .container {
    position: relative;
    z-index: 1
}

.crypto-solutions-other h2 {
    text-align: left;
    color: #000;
    font-weight: 700;
    margin: 0 0 20px;
    color: #fff
}

.crypto-solutions-other h2.leftpdd {
    padding-left: 10%
}

.crypto-solutions-other .free-title {
    text-align: left;
    color: #000;
    margin: 0 0 20px;
    color: #fff;
    font-size: 30px;
    font-family: "cera_pro_black", Sans-serif;
    line-height: 1.1
}

.crypto-solutions-other .free-title.paddleft {
    padding-left: 10%
}

.crypto-solutions-other .subContainer {
    width: 80%
}

.crypto-solutions-other::before {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
    background: #7332d4;
    background: -moz-linear-gradient(left, #7332d4 0, #763afe 100%);
    background: -webkit-linear-gradient(left, #7332d4 0, #763afe 100%);
    background: linear-gradient(to right, #7332d4 0, #763afe 100%)
}

.crypto-solutions-other::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0;
    background: #1d8cde;
    background: -moz-linear-gradient(left, #1d8cde 0, #0f72e4 100%);
    background: -webkit-linear-gradient(left, #1d8cde 0, #0f72e4 100%);
    background: linear-gradient(to right, #1d8cde 0, #0f72e4 100%)
}

.crypto-solutions-other .btn-default {
    margin-top: 30px;
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.crypto-solutions-other .btn-default:active,
.crypto-solutions-other .btn-default:focus,
.crypto-solutions-other .btn-default:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.crypto-solutions-other .mCntr.pd-left {
    padding-left: 10%
}

.crypto-solutions-other .content-box {
    margin-top: 50px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

.crypto-solutions-other .content-box.pd-left {
    padding-left: 10%;
    padding-right: 0
}

.crypto-solutions-other .content-box p {
    color: #fff;
    margin-bottom: 30px;
    line-height: 26px
}

.crypto-solutions-other .content-box p a {
    color: #00ffb6;
    text-decoration: underline
}

.crypto-solutions-other .buy_sell {
    text-align: center
}

.crypto-solutions-other .buy_sell .buy-screen {
    max-width: 341px;
    width: 100%;
    margin: 0 auto
}

.crypto-solutions-other .buy_sell .sell-screen {
    max-width: 341px;
    width: 100%;
    margin: 0 auto
}

.crypto-solutions-other .os-services {
    padding-left: 10%
}

.crypto-solutions-other .os-services.os-padd {
    padding-left: 0
}

.crypto-solutions-other .os-services li {
    padding: 15px 20px 15px 80px;
    position: relative
}

.crypto-solutions-other .os-services li h3 {
    color: #fff
}

.crypto-solutions-other .os-services li .free-title {
    color: #fff;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
    font-family: "cera_pro_medium", Sans-serif;
}

.crypto-solutions-other .os-services li .os-icon {
    position: absolute;
    left: 0;
    top: 23px;
    background-color: #fff;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    -webkit-box-shadow: 0 0 20px 0 rgba(118, 58, 253, .5);
    -moz-box-shadow: 0 0 20px 0 rgba(118, 58, 253, .5);
    box-shadow: 0 0 20px 0 rgba(118, 58, 253, .5)
}

.crypto-solutions-other .os-services li .os-icon::before {
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    width: 64px;
    height: 64px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.crypto-solutions-other .os-services li .os-icon img {
    margin-top: 3px;
    position: relative;
    z-index: 1
}

.crypto-solutions-other .os-services li p {
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px
}

.fantasy-sports-app-sol.vc-exchange {
    padding-bottom: 70px;
    background: #331664;
    background: -moz-linear-gradient(left, #331664 0, #6a2b77 100%);
    background: -webkit-linear-gradient(left, #331664 0, #6a2b77 100%);
    background: linear-gradient(to right, #331664 0, #6a2b77 100%)
}

.fantasy-sports-app-sol.vc-exchange .wht-bx {
    background-color: rgba(0, 0, 0, .2)
}

.processLaunching {
    background: #ff55a9;
    text-align: center;
    background: -moz-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: -webkit-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: linear-gradient(to right, #ff55a9 0, #8200f2 100%)
}

.advantage-box .advantageImg {
    overflow: hidden;
    max-width: 467px;
    margin: 40px auto 10px auto;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .36)
}

.advantage-box .advantageImg img {
    width: 100%
}

.advantage-box .advantageImg.impadd {
    padding: 10px
}

.processLaunching h2 {
    color: #fff;
    margin-bottom: 40px
}

.bitcoinExchange h2 {
    font-size: 3em;
    font-weight: 700;
    margin: 15px 0 20px 0
}

.bitcoinExchange h3 {
    font-weight: 700;
    margin: 15px 0 20px 0;
    opacity: .7
}

.bitcoinExchange p {
    text-align: left;
    margin-bottom: 30px
}

.bitcoinExchange .bitcoinExchange-box {
    padding: 20px;
    position: relative
}

.bitcoinExchange .bitcoinExchange-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 25%;
    bottom: 30%;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .25);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .25);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .25)
}

.bitcoinExchange .bitcoinExchange-box img {
    position: relative;
    z-index: 1;
    max-width: 210px
}

.bitcoinExchange .bitcoinExchange-box.bxb-top {
    margin-top: 60%
}

.bitcoinExchange .btn-default {
    margin-top: 20px;
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.bitcoinExchange .btn-default:active,
.bitcoinExchange .btn-default:focus,
.bitcoinExchange .btn-default:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.what-cryptocurrency p {
    margin-bottom: 30px
}

.what-cryptocurrency h2 {
    margin: 15px 0 20px 0;
    text-align: center
}

.what-cryptocurrency .wac-img {
    max-width: 700px;
    margin: 0 auto
}

.what-cryptocurrency .wac-img img {
    width: 100%
}

.what-cryptocurrency .short-bar {
    width: 100px;
    height: 10px;
    margin-bottom: 30px;
    margin-top: 50px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: #ff55a9;
    background: -moz-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: -webkit-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: linear-gradient(to right, #ff55a9 0, #8200f2 100%)
}

.what-cryptocurrency .all-coins {
    margin-top: 50px
}

.what-cryptocurrency .all-coins li {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-bottom: 20px
}

.what-cryptocurrency .all-coins li h4 {
    font-weight: 700;
    margin: 10px 0
}

.what-cryptocurrency .all-coins li img {
    width: auto;
    display: inline-block
}

.what-cryptocurrency .owl-carousel .owl-nav.disabled {
    display: block
}

.what-cryptocurrency .owl-carousel .owl-nav {
    text-align: center;
    position: relative;
    right: 0;
    top: 0;
    margin-top: 20px
}

.what-cryptocurrency .owl-carousel .owl-nav button.owl-next,
.what-cryptocurrency .owl-carousel .owl-nav button.owl-prev {
    font-family: FontAwesome;
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -1000px;
    color: #fff;
    display: inline-block;
    background: #6a3698;
    background: -moz-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #6a3698), color-stop(100%, #179bf9));
    background: -webkit-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -o-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -ms-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: linear-gradient(135deg, #6a3698 0, #179bf9 100%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
    margin: 10px
}

.what-cryptocurrency .owl-carousel .owl-nav button.owl-prev {
    -webkit-border-radius: 40px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 40px;
    -moz-border-radius-topright: 0;
    border-radius: 40px;
    border-top-right-radius: 0
}

.what-cryptocurrency .owl-carousel .owl-nav button.owl-next {
    -webkit-border-radius: 40px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 40px;
    -moz-border-radius-topleft: 0;
    border-radius: 40px;
    border-top-left-radius: 0
}

.what-cryptocurrency .owl-carousel .owl-nav button.owl-prev::after {
    content: "\f104";
    position: absolute;
    left: 0;
    top: 8px;
    right: 0;
    text-indent: 0;
    margin: auto
}

.what-cryptocurrency .owl-carousel .owl-nav button.owl-next::before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 8px;
    right: 0;
    text-indent: 0;
    margin: auto
}

.timeline-centered {
    position: relative;
    margin-bottom: 30px;
    margin-top: 40px
}

.timeline-centered:after,
.timeline-centered:before {
    content: " ";
    display: table
}

.timeline-centered:after {
    clear: both
}

.timeline-centered:after,
.timeline-centered:before {
    content: " ";
    display: table
}

.timeline-centered:after {
    clear: both
}

.timeline-centered:before {
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    background: #f5f5f6;
    left: 50%;
    top: 20px;
    bottom: 20px;
    margin-left: -2px
}

.timeline-centered .timeline-entry {
    position: relative;
    width: 50%;
    float: right;
    margin-bottom: 40px;
    clear: both
}

.timeline-centered .timeline-entry:after,
.timeline-centered .timeline-entry:before {
    content: " ";
    display: table
}

.timeline-centered .timeline-entry:after {
    clear: both
}

.timeline-centered .timeline-entry:after,
.timeline-centered .timeline-entry:before {
    content: " ";
    display: table
}

.timeline-centered .timeline-entry:after {
    clear: both
}

.timeline-centered .timeline-entry.begin {
    margin-bottom: 0
}

.timeline-centered .timeline-entry.left-aligned {
    float: left
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
    margin-left: 0;
    margin-right: -18px
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
    left: auto;
    right: -100px;
    text-align: left
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
    float: right
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
    margin-left: 0;
    margin-right: 70px
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -9px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.timeline-centered .timeline-entry .timeline-entry-inner {
    position: relative;
    margin-left: -22px
}

.timeline-centered .timeline-entry .timeline-entry-inner:after,
.timeline-centered .timeline-entry .timeline-entry-inner:before {
    content: " ";
    display: table
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both
}

.timeline-centered .timeline-entry .timeline-entry-inner:after,
.timeline-centered .timeline-entry .timeline-entry-inner:before {
    content: " ";
    display: table
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
    font-weight: 700;
    display: block;
    font-size: 18px;
    position: absolute;
    left: -100px;
    text-align: right;
    padding: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    margin-top: 10px;
    background: #fff;
    color: #737881;
    display: block;
    width: 20px;
    height: 20px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    float: left;
    border: 2px solid #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-one {
    background-color: #ff187b;
    color: #fff;
    margin-left: 10px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-two {
    background-color: #8f13bc;
    color: #fff;
    margin-right: 10px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-three {
    background-color: #21a9e1;
    color: #fff;
    margin-left: 10px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-four {
    background-color: #fad839;
    color: #fff;
    margin-right: 10px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-five {
    background-color: #02bf75;
    color: #fff;
    margin-left: 10px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-six {
    background-color: #f87e25;
    color: #fff;
    margin-right: 10px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-seven {
    background-color: #7e7db1;
    color: #fff;
    margin-left: 10px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    position: relative;
    background: #fff;
    padding: 15px;
    margin-left: 70px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .36);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .36);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .36)
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent #f5f5f6 transparent transparent;
    left: 0;
    top: 10px;
    margin-left: -9px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h3,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
    margin: 0;
    line-height: 1.428571429;
    text-align: left
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p+p {
    margin-top: 15px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h3 {
    font-size: 18px;
    margin-bottom: 6px;
    text-align: left
}

.fantasy-about.crypto-ex-dev {
    padding-top: 120px
}

.diverse-range {
    background: #7333da;
    background: -moz-linear-gradient(-45deg, #7333da 0, #167ee1 100%);
    background: -webkit-linear-gradient(-45deg, #7333da 0, #167ee1 100%);
    background: linear-gradient(135deg, #7333da 0, #167ee1 100%)
}

.diverse-range h2 {
    font-family: "cera_pro_black", Sans-serif;
    margin: 15px 0 50px 0;
    text-align: center;
    color: #fff
}

.diverse-range p {
    color: #fff;
    margin-top: 30px
}

.diverse-range .buy_sell {
    text-align: center
}

.diverse-range .buy_sell br {
    display: none
}

.diverse-range .buy_sell .buy-screen {
    max-width: 341px;
    width: 100%;
    margin: 0 auto
}

.diverse-range .buy_sell .sell-screen {
    max-width: 341px;
    width: 100%;
    margin: 0 auto
}

.dr-services {
    margin-top: 20px
}

.diverse-range .dr-services li {
    padding: 5px 20px 15px 80px;
    position: relative
}

.diverse-range .dr-services li br {
    display: none
}

.diverse-range .dr-services li .dr-icon {
    position: absolute;
    left: 0;
    top: 23px;
    background-color: #fff;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    -webkit-box-shadow: 0 0 20px 0 rgba(118, 58, 253, .5);
    -moz-box-shadow: 0 0 20px 0 rgba(118, 58, 253, .5);
    box-shadow: 0 0 20px 0 rgba(118, 58, 253, .5)
}

.diverse-range .dr-services li .dr-icon::before {
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    width: 64px;
    height: 64px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.diverse-range .dr-services li .dr-icon img {
    margin-top: 3px;
    position: relative;
    z-index: 1
}

.diverse-range .dr-services li h4 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 33px
}

.diverse-range .dr-services li p {
    color: #fff
}

.on-demand-food-delivery-app-development {
    overflow: hidden
}

.on-demand-food-delivery-app-development .food-delivery-group {
    position: relative;
    width: 1365px;
    margin: 0 auto;
    min-height: 782px
}

.on-demand-food-delivery-app-development .food-delivery-app-mob {
    max-width: 367px;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 1
}

.on-demand-food-delivery-app-development .food-delivery-app-web {
    max-width: 1250px;
    width: 100%;
    z-index: 0;
    position: absolute;
    right: 0;
    bottom: 0
}

.food-delivery-app-about h2 {
    margin: 15px 0 50px 0
}

.food-delivery-app-about .food-app-list {
    margin-bottom: 30px
}

.food-delivery-app-about .food-app-list li {
    padding: 5px 20px 15px 70px;
    position: relative
}

.food-delivery-app-about .food-app-list li br {
    display: none
}

.food-delivery-app-about .food-app-list li .dr-icon {
    position: absolute;
    left: 0;
    top: 23px
}

.food-delivery-app-about .food-app-list li h4 {
    margin-bottom: 10px;
    margin-top: 33px
}

.food-delivery-app-about .btn-default {
    margin-top: 20px;
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.food-delivery-app-about .btn-default:active,
.food-delivery-app-about .btn-default:focus,
.food-delivery-app-about .btn-default:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.fantasy_section-tabs.restaurant-appFeatures .feature_list {
    margin: 59px 0
}

.fantasy-app-choose.streamline-kitchen h4 {
    font-weight: 700;
    font-size: 24px
}

.types-ofo {
    background: #ff55a9;
    background: -moz-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: -webkit-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: linear-gradient(to right, #ff55a9 0, #8200f2 100%)
}

.types-ofo h2 {
    margin: 15px 0 50px 0;
    color: #fff
}

.types-ofo h3 {
    font-size: 1.8em;
    font-weight: 700;
    margin: 0 0 50px 0;
    color: #fff
}

.types-ofo p {
    color: #fff
}

.types-ofo .ofo-services {
    margin-top: 60px
}

.types-ofo .ofo-services li {
    padding: 15px 20px 15px 30px;
    position: relative;
    border: 1px dashed rgba(255, 255, 255, .4);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-box-shadow: 0 0 50px 4px rgba(225, 15, 90, .11);
    box-shadow: 0 0 50px 4px rgba(225, 15, 90, .11);
    display: inline-block;
    margin: 10px 10px 10px 0;
    vertical-align: top
}

.types-ofo .difference-box .difference-points li span {
    top: 17px
}

.types-ofo .ofo-services li .ofo-icon {
    position: absolute;
    left: 10px;
    top: 23px;
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    -webkit-box-shadow: 0 0 20px 0 rgba(118, 58, 253, .5);
    -moz-box-shadow: 0 0 20px 0 rgba(118, 58, 253, .5);
    box-shadow: 0 0 20px 0 rgba(118, 58, 253, .5)
}

.types-ofo .ofo-services li h4 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 4px
}

.types-ofo .ofo-services li p {
    color: #fff
}

.types-ofo .btn-default {
    margin-top: 20px;
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    background-color: transparent;
    border: 1px solid #fff;
    margin-top: 50px
}

.types-ofo .btn-default:active,
.types-ofo .btn-default:focus,
.types-ofo .btn-default:hover {
    border-color: #fff;
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.types-ofo .difference-box .difference-points li {
    padding-bottom: 10px;
    padding-top: 10px
}

.fda-development h2 {
    margin: 15px 0 50px 0
}

.fda-development p {
    margin-bottom: 30px
}

.fda-development .fda-services {
    margin-top: -10px
}

.fda-development .fda-services li {
    padding: 15px 20px 15px 80px;
    position: relative
}

.fda-development .fda-services li .ofo-icon {
    position: absolute;
    left: 0;
    top: 11px;
    font-weight: 700;
    font-size: 30px
}

.fda-development .fda-services li h4 {
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0
}

.fantasy-sports-app-sol.vc-exchange.hold-for .wht-bx {
    min-height: 225px;
    text-align: center
}

.fantasy-sports-app-sol.vc-exchange.hold-for h3 {
    text-align: center
}

.cf-features {
    text-align: center
}

.cf-features .fsas-col {
    margin-bottom: 50px
}

.cf-features h2 {
    margin: 15px 0 50px 0
}

.cf-features h4 {
    margin-bottom: 15px;
    font-size: 18px;
    font-family: "cera_pro_medium", Sans-serif;
}

.cf-features h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-family: "cera_pro_medium", Sans-serif;
}

.cf-features .gf-icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border: 1px dashed rgba(79, 33, 185, .4);
    text-align: center;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 40px 0 rgba(79, 33, 185, .3);
    -moz-box-shadow: 0 0 40px 0 rgba(79, 33, 185, .3);
    box-shadow: 0 0 40px 0 rgba(79, 33, 185, .3)
}

.cf-features .gf-icon img {
    margin-top: 14px
}

.fantasy-app-choose .kd-pc {
    max-width: 1081px;
    width: 100%;
    margin: 0 auto
}

.portBoxNew {
    margin-bottom: 20px;
    position: relative;
    transition: all .5s ease-in-out
}

.portBoxNew .clickPopup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 21%;
    left: 0;
    z-index: 1
}

.new_portfolioTabs .productsName h2 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.new_portfolioTabs .productsName p {
    font-size: 15px;
    font-weight: 500;
    color: #7f7f7f;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.new_portfolioTabs .productsName {
    background-color: #fafafa;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 15px 15px 30px;
    margin-bottom: 20px;
    position: relative;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .09);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .09)
}

.new_portfolioTabs .productsName .appIcon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -62px;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border: 1px solid #616161;
    padding: 10px;
    background: #8c8c8c;
    box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, .7)
}

.new_portfolioTabs .productsName .appIcon .appIn {
    background: #fff;
    width: 78px;
    height: 78px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    overflow: hidden
}

.new_portfolioTabs .portBoxNew .appBox .appMobile img {
    max-width: 343px;
    margin: 0 auto
}

.fantasy-about.re-realestate {
    padding-top: 50px
}

.re-realestate .re-services {
    padding-left: 10%
}

.re-realestate .re-services li {
    padding: 5px 20px 5px 70px;
    position: relative
}

.re-realestate .re-services li .re-icon {
    position: absolute;
    left: 0;
    top: 8px
}

.re-realestate .re-services li .re-icon::before {
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    width: 64px;
    height: 64px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.re-realestate .re-services li .re-icon img {
    margin-top: 3px;
    position: relative;
    z-index: 1
}

.re-realestate .re-services li h3 {
    margin-bottom: 25px;
    text-align: left;
    margin-top: 18px
}

.re-realestate .re-services li p {
    text-align: left;
    margin-bottom: 20px
}

.ems-effect-m-solutions {
    background-color: #f0f0f0;
    padding-bottom: 100px
}

.ems-effect-m-solutions h2 {
    font-size: 2.6em;
    font-weight: 700;
    margin: 15px 0 50px 0;
    text-align: left
}

.ems-effect-m-solutions .sb-side-box p {
    text-align: left;
    margin-bottom: 30px
}

.ems-effect-m-solutions .box-white {
    background-color: #fff;
    padding: 50px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-box-shadow: 0 0 20px 0 rgba(143, 19, 188, .3);
    -moz-box-shadow: 0 0 20px 0 rgba(143, 19, 188, .3);
    box-shadow: 0 0 20px 0 rgba(143, 19, 188, .3)
}

.ems-effect-m-solutions .m-box {
    text-align: center;
    margin: 50px 0
}

.ems-effect-m-solutions .m-box h3 {
    margin-bottom: 5px;
    font-family: inherit;
    font-weight: 700
}

.re-ar-vr {
    background-color: #f0f0f0
}

.re-ar-vr h2 {
    text-align: left;
    margin-bottom: 20px
}

.what-cryptocurrency.re-ar-vr .short-bar {
    margin-top: 0
}

.re-ar-vr .btn-default {
    margin-top: 20px;
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.re-ar-vr .btn-default:active,
.re-ar-vr .btn-default:focus,
.re-ar-vr .btn-default:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.mind-real-app-deve-lopment {
    background: #690cb9;
    background: -moz-linear-gradient(45deg, #690cb9 0, #b10398 100%);
    background: -webkit-linear-gradient(45deg, #690cb9 0, #b10398 100%);
    background: linear-gradient(45deg, #690cb9 0, #b10398 100%);
    color: #fff
}

.mind-real-app-deve-lopment h2 {
    margin: 15px 0 50px 0;
    color: #fff
}

.mind-real-app-deve-lopment p {
    margin-top: 30px
}

.mind-real-app-deve-lopment .re-box {
    text-align: center;
    margin-bottom: 30px
}

.mind-real-app-deve-lopment .re-box .re-box-icon {
    position: absolute;
    top: 10px;
    right: 0;
    left: 0
}

.mind-real-app-deve-lopment .re-box div {
    padding: 20px 0
}

.mind-real-app-deve-lopment .re-box:hover img {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transition-duration: .8s;
    transition-property: transform
}

.mind-real-app-deve-lopment .btn-default {
    margin-top: 20px;
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    background-color: transparent;
    border: 1px solid #fff;
    margin-top: 50px
}

.mind-real-app-deve-lopment .btn-default:active,
.mind-real-app-deve-lopment .btn-default:focus,
.mind-real-app-deve-lopment .btn-default:hover {
    border-color: #fff;
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.realestate-oaf .light-box {
    min-height: 200px;
    margin: 10px;
    padding: 15px;
    background-color: rgba(255, 255, 255, .05);
    color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.sports-games-solutions.realestate-oaf .bx-footer {
    min-height: 76px
}

.fantasy-sports-app-sol.great-features.realestate-ff h4 {
    min-height: 45px
}

.hire-pages-gradiant.hireDedicated-page.cyber-security {
    height: 100vh;
    background: #a931a2;
    background: -moz-linear-gradient(-45deg, #a931a2 0, #3c1ac8 100%);
    background: -webkit-linear-gradient(-45deg, #a931a2 0, #3c1ac8 100%);
    background: linear-gradient(135deg, #a931a2 0, #3c1ac8 100%)
}

.hire-pages-gradiant.hireDedicated-page.cyber-security .hire-dedicated-developers-bnr {
    max-width: 750px;
    right: 50px;
    bottom: 50px;
    margin: auto
}

.hire-pages-gradiant.hireDedicated-page.cyber-security h1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 100px;
    line-height: 90px
}

.hire-pages-gradiant.hireDedicated-page.cyber-security h1 span {
    display: block;
    font-weight: 400;
    font-size: 70px
}

.cyber-form {
    padding: 50px;
    background-color: #fff;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    margin-top: 110px
}

.cyber-form .cyber-row {
    text-align: left;
    margin-bottom: 20px
}

.cyber-form .cyber-row span.error {
    position: absolute;
    left: 10px;
    bottom: -15px;
    font-size: 12px;
    color: #ff0004
}

.cyber-form .cahbox_form.cyber-row span.error {
    left: 25px;
    bottom: 5px
}

.cyber-form h3 {
    text-align: left;
    font-weight: 700;
    margin-bottom: 10px
}

.cyber-form p {
    text-align: left
}

.cyber-form .cyber-row .cl {
    font-weight: 600
}

.cyber-form .cyber-row .form-control {
    height: auto;
    padding: 10px;
    border: 0;
    border-bottom: #ccc solid 1px;
    box-shadow: none;
    border-radius: 0
}

.cyber-form .cyber-row.line {
    position: relative
}

.cyber-form .cyber-row.line::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 1px;
    background-color: #b100ff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cyber-form .cyber-row.line:hover::after {
    width: 100%
}

.cyber-form .btn-left {
    text-align: left
}

.cyber-icon {
    position: absolute;
    left: 20px;
    top: -50px
}

.cyber-form .cyber-row .btn-default {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 20px
}

.sports-games-solutions.cyber-solution {
    padding-top: 50px
}

.sports-games-solutions.cyber-solution .single-icon-box {
    padding-top: 0;
    margin: 0
}

.effective-security .es-icons {
    text-align: center;
    margin-top: 50px
}

.effective-security .es-icons li {
    display: inline-block;
    vertical-align: top;
    width: 12%;
    position: relative;
    margin: 15px
}

.effective-security .es-icons li .overly-link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.effective-security .es-icons li .circle-bdr-o {
    width: 128px;
    height: 128px;
    margin: 0 auto 15px auto;
    text-align: center;
    position: relative;
    z-index: 1
}

.effective-security .es-icons li:hover .img-rot {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transition-duration: .8s;
    transition-property: transform
}

.effective-security .es-icons li .circle-bdr-o .img-static {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1
}

.effective-security .es-icons li h3 {
    font-weight: 600
}

.cyber-industry-focus .btn-default {
    margin-top: 20px;
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.cyber-industry-focus .btn-default:active,
.cyber-industry-focus .btn-default:focus,
.cyber-industry-focus .btn-default:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.cyber-industry-focus .tbs-img {
    max-width: 555px;
    margin: 0 auto
}

.cyber-industry-focus .tbs-img img {
    width: 100%;
    height: auto
}

.fantasy-app-choose.trending.cybershield {
    padding-top: 50px
}

.cybershield .cybershield-text {
    margin-top: 50px;
    padding: 50px;
    background-color: #fff;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4)
}

.cybershield .cybershield-text p {
    margin-bottom: 30px;
    padding: 0
}

.cybershield .red-line {
    width: 100px;
    height: 10px;
    margin-bottom: 0;
    margin-top: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: #ff55a9;
    background: -moz-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: -webkit-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: linear-gradient(to right, #ff55a9 0, #8200f2 100%)
}

.fantasy-app-choose.trending.cybershield .fantasy-about-list2 {
    margin-top: 50px
}

.fantasy-sports-app-sol.ee-cybersecurity .fsas-col {
    margin-top: 20px
}

.fantasy-sports-app-sol.ee-cybersecurity .wht-bx {
    min-height: 125px
}

.cf-features.cyber-benefits {
    background-color: #f5f5f5
}

.cf-features.cyber-benefits h2 {
    margin-bottom: 20px
}

.cf-features.cyber-benefits p {
    margin-bottom: 30px
}

.case-studies .story-box {
    margin-top: 30px
}

.case-studies .story-box .story-img {
    max-width: 476px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4)
}

.case-studies .story-box h3 {
    margin-top: 0;
    font-size: 24px
}

.case-studies .story-box .free-title {
    margin-top: 0;
    font-size: 24px;
    font-family: inherit;
    line-height: 1.1;
    font-weight: 700
}

.case-studies .cs-btn {
    padding-right: 16px;
    color: #41189f;
    text-decoration: underline;
    background-image: url(../images/small-arrow.png);
    background-repeat: no-repeat;
    background-position: center right
}

.game-development-bnr {
    background-image: url(../images/game-bnr-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-size: cover
}

.game-development-bnr::before {
    background: 0
}

.game-app-web-development .cybershield-text {
    padding: 50px;
    background-color: #fff;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4)
}

.game-app-web-development .cybershield-text p {
    text-align: left;
    font-weight: 600
}

.game-development-bnr .btn-default {
    margin-top: 20px;
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.cyber-industry-focus .btn-default:active,
.cyber-industry-focus .btn-default:focus,
.game-development-bnr .btn-default:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff
}

.game-develop-area .gf-icon-base {
    display: inline-block;
    width: 99px;
    height: 99px;
    position: relative;
    text-align: center;
    margin-bottom: 10px
}

.game-develop-area .gf-icon-base .obm-stic {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    margin: auto
}

.cf-features.cyber-benefits.game-develop-area h2 {
    margin-bottom: 50px
}

.sports-games-solutions.gener-games .single-icon-box {
    padding-top: 0;
    margin: 0 0 30px 0
}

.sports-games-solutions.gener-games p {
    text-align: center
}

.gener-games {
    background: #ff55a9;
    text-align: center;
    background: -moz-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: -webkit-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: linear-gradient(to right, #ff55a9 0, #8200f2 100%)
}

.gener-games .icon-rotater {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.sports-games-solutions.gener-games .single-icon-box span {
    background-color: #ffd938
}

.gener-games .icon-rotater .rtr {
    -webkit-animation: rotation 6s infinite linear
}

.sports-games-solutions.gener-games .bx-footer {
    padding: 3px 5px 15px 5px
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

.gener-games .icon-rotater .stc {
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    bottom: 0;
    margin: auto
}

.game-specialization {
    background: #5f00a0
}

.game-specialization h2 {
    margin: 15px 0 50px 0;
    color: #fff;
    text-align: center
}

.game-specialization .os-screen {
    border: #fff solid 2px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.game-specialization .os-screen img {
    width: 100%;
    height: auto
}

.game-specialization .owl-carousel .owl-nav.disabled {
    display: block
}

.game-specialization .owl-carousel .owl-nav {
    text-align: center;
    position: relative;
    right: 0;
    top: 0;
    margin-top: 20px
}

.game-specialization .owl-carousel .owl-nav .owl-next,
.game-specialization .owl-carousel .owl-nav .owl-prev {
    font-family: FontAwesome;
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    font-size: 24px;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
    margin: 10px;
    background: #ff55a9;
    background: -moz-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: -webkit-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: linear-gradient(to right, #ff55a9 0, #8200f2 100%)
}

.game-specialization .owl-carousel .owl-nav .owl-prev {
    -webkit-border-radius: 40px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 40px;
    -moz-border-radius-topright: 0;
    border-radius: 40px;
    border-top-right-radius: 0
}

.game-specialization .owl-carousel .owl-nav .owl-next {
    -webkit-border-radius: 40px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 40px;
    -moz-border-radius-topleft: 0;
    border-radius: 40px;
    border-top-left-radius: 0
}

.os-free {
    text-align: center;
    margin-bottom: 50px
}

.os-free img {
    width: 160px
}

.what-cryptocurrency.re-ar-vr.game-development-process h2 {
    text-align: center
}

.what-cryptocurrency.re-ar-vr.game-development-process p {
    text-align: center
}

.what-cryptocurrency.re-ar-vr.game-development-process .short-bar {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px
}

.game-technologies h2 {
    margin: 15px 0 50px 0;
    text-align: center
}

.game-technologies .game-tech-box {
    text-align: center;
    margin-bottom: 50px
}

.game-technologies .game-tech-box h3 {
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px
}

.game-work-box {
    text-align: center;
    margin-bottom: 50px
}

.game-work-box h4 {
    font-weight: 700;
    margin-top: 10px
}

.game-app-choose {
    text-align: center
}

.game-why-choose {
    background: #201d61;
    background: -moz-linear-gradient(-45deg, #201d61 0, #3e074e 100%);
    background: -webkit-linear-gradient(-45deg, #201d61 0, #3e074e 100%);
    background: linear-gradient(135deg, #201d61 0, #3e074e 100%)
}

.game-why-choose h2 {
    margin: 15px 0 20px 0;
    color: #fff;
    text-align: center
}

.game-why-choose p {
    color: #fff;
    margin-bottom: 50px
}

.game-why-choose .whyCbox {
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 40px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomright: 25px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    -webkit-box-shadow: 0 0 100px 0 rgba(240, 0, 84, .5);
    -moz-box-shadow: 0 0 100px 0 rgba(240, 0, 84, .5);
    box-shadow: 0 0 100px 0 rgba(240, 0, 84, .5)
}

.game-why-choose .whyCbox p {
    margin-bottom: 0
}

.game-why-choose .game-choose-box {
    text-align: center;
    margin-bottom: 50px
}

.game-why-choose .game-choose-box h4 {
    margin-top: 10px;
    color: #fff
}

.game-why-choose .game-choose-box .icon-base-back {
    width: 234px;
    height: 168px;
    background-image: url(../images/icon-base-back.png);
    background-repeat: no-repeat;
    background-position: ccenter center;
    margin: 0 auto
}

.game-why-choose .game-choose-box .icon-base-back img {
    margin-top: 12px
}

.game-timeline {
    position: relative;
    padding: 4px 0 0 0;
    margin-top: 22px;
    list-style: none
}

.game-timeline>li:nth-child(even) {
    position: relative;
    margin-bottom: 50px;
    height: 180px;
    right: -100px
}

.game-timeline>li:nth-child(odd) {
    position: relative;
    margin-bottom: 50px;
    height: 180px;
    left: -100px
}

.game-timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table
}

.game-timeline>li:after {
    clear: both;
    min-height: 170px
}

.game-timeline>li .timeline-panel {
    position: relative;
    float: left;
    width: 41%;
    padding: 0 20px 20px 30px;
    text-align: right
}

.game-timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0
}

.game-timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0
}

.game-timeline>li .timeline-image {
    z-index: 1;
    position: absolute;
    left: 50%;
    border: 7px solid #8502f0;
    text-align: center;
    border-radius: 100%;
    background-color: #fff;
    width: 200px;
    height: 200px;
    margin-left: -100px
}

.game-timeline>li .timeline-image img {
    margin-top: 14px
}

.game-timeline>li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px
}

.game-timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left
}

.game-timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0
}

.game-timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0
}

.game-timeline>li:last-child {
    margin-bottom: 0
}

.game-timeline .timeline-heading h4 {
    margin-top: 22px;
    margin-bottom: 4px;
    padding: 0;
    color: #fb52ac;
    text-transform: uppercase;
    font-weight: 600
}

.game-timeline .timeline-heading h4.subheading {
    margin: 0 0 30px 0;
    padding: 0;
    text-transform: none;
    font-size: 24px;
    font-weight: 700;
    color: #8301f1
}

.game-timeline .timeline-body>p {
    margin-bottom: 10px;
    font-weight: 500
}

.what-cryptocurrency.re-ar-vr.game-development-process {
    background-image: url(../images/game-light-bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.what-cryptocurrency.re-ar-vr.game-development-process .timeline-body p.text-muted-left {
    text-align: left
}

.what-cryptocurrency.re-ar-vr.game-development-process .timeline-body p.text-muted-right {
    text-align: right
}

.game-timeline .timeline-body>ul {
    margin-bottom: 0;
    color: grey
}

.game-timeline>li:nth-child(odd) .line:before {
    content: "";
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 58%;
    width: 4px;
    height: 340px;
    background-color: #8502f0;
    -ms-transform: rotate(-44deg);
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg)
}

.game-timeline>li:nth-child(even) .line:before {
    content: "";
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 42.5%;
    width: 4px;
    height: 340px;
    background-color: #8502f0;
    -ms-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    transform: rotate(44deg)
}

.game-app-web-development .fantasy-about-list2 li {
    text-align: left;
    margin-bottom: 24px;
    font-size: 18px;
    position: relative;
    padding-left: 40px;
    font-weight: 600
}

.game-app-web-development .fantasy-about-list2 li img {
    position: absolute;
    left: 0;
    top: 0
}

.game-app-web-development h3 {
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 30px;
    background: linear-gradient(to right, #3841dd 0, #ed2e50 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.game-development-bnr .btn-img {
    margin-top: 20px;
    display: inline-block
}

.game-work-box a h4 {
    color: #9510c2
}

@media(min-width:992px) and (max-width:1199px) {
    .game-timeline>li:nth-child(even) {
        margin-bottom: 0;
        min-height: 0;
        right: 0
    }
    .game-timeline>li:nth-child(odd) {
        margin-bottom: 0;
        min-height: 0;
        left: 0
    }
    .game-timeline>li:nth-child(even) .timeline-image {
        left: 0;
        margin-left: 0
    }
    .game-timeline>li:nth-child(odd) .timeline-image {
        left: 690px;
        margin-left: 0
    }
    .game-timeline>li:nth-child(even) .timeline-panel {
        width: 76%;
        padding: 0 0 20px 0;
        text-align: left
    }
    .game-timeline>li:nth-child(odd) .timeline-panel {
        width: 70%;
        padding: 0 0 20px 0;
        text-align: right
    }
    .game-timeline>li .line {
        display: none
    }
    .game-technologies .game-tech-box img {
        width: 150px
    }
    .game-app-web-development .cybershield-text h3 {
        font-size: 20px;
        position: relative;
        padding-left: 80px;
        margin-bottom: 40px
    }
    .game-app-web-development .cybershield-text h3 img {
        width: 70px;
        position: absolute;
        left: 0;
        top: -10px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .game-timeline>li:nth-child(even) {
        margin-bottom: 0;
        min-height: 0;
        right: 0
    }
    .game-timeline>li:nth-child(odd) {
        margin-bottom: 0;
        min-height: 0;
        left: 0
    }
    .game-timeline>li:nth-child(even) .timeline-image {
        left: 0;
        margin-left: 0
    }
    .timeline>li:nth-child(odd) .timeline-image {
        left: 520px;
        margin-left: 0
    }
    .game-timeline>li:nth-child(even) .timeline-panel {
        width: 70%;
        padding: 0 0 20px 0;
        text-align: left
    }
    .game-timeline>li:nth-child(odd) .timeline-panel {
        width: 70%;
        padding: 0 0 20px 0;
        text-align: right
    }
    .game-timeline>li .line {
        display: none
    }
    .game-work-box img {
        width: 100px
    }
}

@media only screen and (max-width:767px) {
    .game-timeline>li:nth-child(even) {
        margin-bottom: 0;
        min-height: 0;
        right: 0;
        display: inline-block
    }
    .game-timeline>li:nth-child(odd) {
        margin-bottom: 0;
        min-height: 0;
        left: 0
    }
    .game-timeline>li .timeline-image {
        position: static;
        width: 150px;
        height: 150px;
        margin-bottom: 0;
        display: inline-block
    }
    .game-timeline>li:nth-child(even) .timeline-image {
        left: 0;
        margin-left: 0;
        display: inline-block
    }
    .game-timeline>li:nth-child(odd) .timeline-image {
        float: none;
        left: 0;
        margin-left: 0
    }
    .game-timeline>li:nth-child(even) .timeline-panel {
        width: 100%;
        padding: 20px 0 20px 14px
    }
    .game-timeline>li:nth-child(odd) .timeline-panel {
        width: 100%;
        padding: 20px 14px 20px 0
    }
    .game-timeline>li .line {
        display: none
    }
    .game-app-web-development .cybershield-text h3 {
        font-size: 20px;
        position: relative;
        padding-left: 60px;
        margin-bottom: 40px
    }
    .game-app-web-development .cybershield-text h3 img {
        width: 50px;
        position: absolute;
        left: 0;
        top: -10px
    }
    .game-app-web-development .cybershield-text {
        padding: 30px
    }
    .cf-features.cyber-benefits.game-develop-area h2 {
        font-size: 24px
    }
    .game-specialization h2 {
        font-size: 24px
    }
    .what-cryptocurrency.re-ar-vr.game-development-process .timeline-body p.text-muted-left {
        text-align: center
    }
    .what-cryptocurrency.re-ar-vr.game-development-process .timeline-body p.text-muted-right {
        text-align: center
    }
    .game-technologies h2 {
        font-size: 24px
    }
    .game-timeline .timeline-heading h4 {
        text-align: center;
        margin-top: 15px
    }
    .game-timeline>li.timeline-inverted>.timeline-panel {
        float: none
    }
    .game-why-choose h2 {
        font-size: 24px
    }
    .what-cryptocurrency h2 {
        font-size: 24px
    }
}

.footer_mobile_request_btn {
    display: none
}

.clone-scripts .bxox-icons {
    text-align: center
}

.clone-scripts .bxox-icons li {
    display: inline-block;
    margin: 10px;
    padding: 10px 20px;
    vertical-align: top;
    -webkit-box-shadow: 10px 10px 5px 0 rgba(64, 0, 120, .2);
    -moz-box-shadow: 10px 10px 5px 0 rgba(64, 0, 120, .2);
    box-shadow: 10px 10px 5px 0 rgba(64, 0, 120, .2)
}

.clone-scripts .bxox-icons li h4 {
    font-weight: 700;
    color: #fff
}

h2.tma-title {
    margin-left: 80px;
    text-align: left
}

.fantasy-sports-app-sol.ee-cybersecurity.travel-smart .wht-bx {
    min-height: 115px
}

.fullStack-page .list-box-ios {
    margin: 50px
}

.fullStack-page .list-box-ios li h3 {
    font-size: 18px;
    font-weight: 600
}

.fullStack-page .owl-carousel .owl-item img {
    width: auto;
    display: inline-block
}

.fullStack-page .owl-carousel .owl-nav {
    display: none
}

.fullStack-page .owl-carousel .owl-dots {
    text-align: center
}

.fullStack-page .owl-carousel .owl-dots .owl-dot {
    width: 16px;
    height: 16px;
    background-color: #ccc;
    display: inline-block;
    margin: 10px;
    -webkit-border-radius: 50px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 50px;
    -moz-border-radius-bottomright: 0;
    border-radius: 50px;
    border-bottom-right-radius: 0
}

.fullStack-page .owl-carousel .owl-dots .owl-dot.active {
    background: #6e52de;
    background-image: linear-gradient(180deg, #6e52de 0, #c644fc 100%);
    -webkit-background-image: linear-gradient(180deg, #6e52de 0, #c644fc 100%);
    -moz-background-image: linear-gradient(180deg, #6e52de 0, #c644fc 100%)
}

.three-tier {
    background-color: #f0f0f0
}

.three-tier h2 {
    text-align: center;
    font-weight: 700;
    font-size: 3em;
    margin-bottom: 50px
}

.three-tier h3 {
    font-weight: 700;
    margin-bottom: 30px
}

.three-tier .fantasy-about-list {
    margin: 30px 0 0 0
}

.three-tier .fantasy-about-list li {
    text-align: left;
    margin-bottom: 24px;
    font-size: 18px;
    position: relative;
    padding-left: 40px;
    font-weight: 600
}

.three-tier .fantasy-about-list li img {
    position: absolute;
    left: 0;
    top: 0
}

.banner_ios_section {
    height: 100vh;
    overflow: hidden;
    position: relative;
    background: #a713a8;
    background: -moz-linear-gradient(-45deg, #a713a8 0, #8b52e2 37%, #8d53e2 72%, #6e17c0 100%);
    background: -webkit-linear-gradient(-45deg, #a713a8 0, #8b52e2 37%, #8d53e2 72%, #6e17c0 100%);
    background: linear-gradient(135deg, #a713a8 0, #8b52e2 37%, #8d53e2 72%, #6e17c0 100%)
}

.banner_ios_section::after {
    width: 1378px;
    height: 709px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 50px auto auto;
    background-image: url(../images/ios-pattren.png);
    background-repeat: no-repeat;
    background-position: center center
}

.banner_ios_section .container-fluid {
    z-index: 2;
    position: relative;
    display: table;
    height: 100%
}

.banner_ios_section .subContent {
    display: table-cell;
    vertical-align: middle
}

.banner_ios_section .subContent h1 {
    color: #fff;
    margin: 10px 0
}

.banner_ios_section .subContent h1.titleTop {
    margin-top: 20%
}

.banner_ios_section .subContent p {
    color: #fff;
    margin-top: 30px
}

.banner_ios_section .subContent p span {
    font-weight: 700
}

.banner_ios_section .subContent .btnns {
    margin-top: 20px;
    background-color: transparent;
    font-size: 16px;
    font-weight: 700;
    border: #fff solid 1px;
    padding: 17px 30px;
    color: #fff
}

.banner_ios_section .leftPadd {
    padding-left: 100px
}

.banner_ios_section .hire-banner-points {
    margin: 40px 0
}

.banner_ios_section .hire-banner-points li {
    text-align: left;
    margin: 10px 0;
    color: #fff;
    font-weight: 500;
    list-style: disc;
    margin-left: 15px
}

.iPhone-page-about h2 {
    margin-bottom: 30px;
    margin-top: 50px
}

.iPhone-page-about p {
    margin-bottom: 30px
}

.iPhone-page-about .ios-abt-img {
    max-width: 542px;
    height: auto;
    margin: 0 auto
}

.iPhone-page-about .ios-abt-img.andImg {
    max-width: 400px
}

.iPhone-page-about .ios-abt-img img {
    width: 100%
}

.iPhone-native-hybrid {
    background-color: #f5f6f6
}

.iPhone-native-hybrid h2 {
    margin-bottom: 20px
}

.iPhone-native-hybrid h3 {
    margin-bottom: 20px
}

.iPhone-native-hybrid p.bot {
    margin-bottom: 50px
}

.iPhone-native-hybrid .tb-style li {
    margin: 0 10px 20px 0;
    text-align: center;
    width: 140px;
    position: relative;
    color: #000;
    text-align: center;
    display: inline-block
}

.iPhone-native-hybrid .tb-style li span.oBg1 {
    background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -webkit-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -moz-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%)
}

.iPhone-native-hybrid .tb-style li span.oBg2 {
    background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%);
    -webkit-background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%);
    -moz-background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%)
}

.iPhone-native-hybrid .tb-style li span.oBg3 {
    background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%);
    -webkit-background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%);
    -moz-background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%)
}

.iPhone-native-hybrid .tb-style li span.oBg4 {
    background: linear-gradient(-35deg, #ff9802 0, #ff047e 100%);
    -webkit-background: linear-gradient(-35deg, #ff9802 0, #ff047e 100%);
    -moz-background: linear-gradient(-35deg, #ff9802 0, #ff047e 100%)
}

.iPhone-native-hybrid .tb-style li span.oBg5 {
    background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -webkit-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -moz-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%)
}

.iPhone-native-hybrid .tb-style li span.oBg6 {
    background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%);
    -webkit-background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%);
    -moz-background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%)
}

.iPhone-native-hybrid .tb-style li span {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    vertical-align: middle;
    width: 56px;
    height: 56px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #a5a5a5
}

.iPhone-native-hybrid .tb-style li abbr {
    position: relative;
    margin-top: 10px;
    display: block;
    background-color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: 0;
    font-weight: 700;
    padding: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.iPhone-native-hybrid .tb-style li abbr::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 4px;
    background-color: red;
    top: -2px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.iPhone-native-hybrid .tb-style li abbr.inlin1::after {
    background-color: #5b56d7;
    background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -webkit-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -moz-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%)
}

.iPhone-native-hybrid .tb-style li abbr.inlin2::after {
    background: #e040fb;
    background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%);
    -webkit-background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%);
    -moz-background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%)
}

.iPhone-native-hybrid .tb-style li abbr.inlin3::after {
    background: #7ed500;
    background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%);
    -webkit-background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%);
    -moz-background: linear-gradient(-35deg, #7ed500 0, #00bf8d 100%)
}

.ios-step-slider {
    position: relative;
    z-index: 1
}

.ios-step-slider h2 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 50px;
    color: #fff
}

.ios-step-slider .free-title {
    text-align: center;
    font-family: "cera_pro_black", Sans-serif;
    margin-bottom: 50px;
    color: #fff;
    font-size: 30px;
    line-height: 1.1
}

.ios-step-slider .free-title-sub {
    margin-bottom: 30px;
    color: #fff;
    margin-top: 10px;
    font-size: 24px;
    font-family: "cera_pro_black", Sans-serif;
    line-height: 1.1
}

.ios-step-slider h3 {
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff;
    margin-top: 10px
}

.ios-step-slider p {
    margin-bottom: 30px;
    color: #fff;
    line-height: 30px
}

.ios-step-slider .btn-default {
    margin-top: 0;
    background-color: transparent;
    box-shadow: none;
    font-size: 16px;
    font-weight: 700;
    border: #fff solid 1px;
    padding: 17px 30px;
    color: #fff
}

.ios-step-slider .btn-default:active,
.ios-step-slider .btn-default:focus,
.ios-step-slider .btn-default:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.ios-step-slider .timeImg {
    max-width: 750px;
    margin: auto auto auto auto;
    position: relative;
    z-index: 2
}

.ios-step-slider .timeImg img {
    width: 100%
}

.ios-step-slider .section-slider {
    z-index: 2
}

.ios-step-slider .section-slider .item {
    padding: 50px 0 80px 0;
    min-height: 760px
}

.ios-step-slider .section-slider .item-bg1 {
    background: #f14cb1;
    background: -moz-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: -webkit-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: linear-gradient(45deg, #f14cb1 1%, #8200f2 100%)
}

.ios-step-slider .section-slider .item-bg2 {
    background: #129ef3;
    background: -moz-linear-gradient(45deg, #129ef3 0, #1033af 100%);
    background: -webkit-linear-gradient(45deg, #129ef3 0, #1033af 100%);
    background: linear-gradient(45deg, #129ef3 0, #1033af 100%)
}

.ios-step-slider .section-slider .item-bg3 {
    background: #514df5;
    background: -moz-linear-gradient(45deg, #514df5 0, #fb2847 100%);
    background: -webkit-linear-gradient(45deg, #514df5 0, #fb2847 100%);
    background: linear-gradient(45deg, #514df5 0, #fb2847 100%)
}

.ios-step-slider .section-slider.owl-carousel .owl-nav {
    display: none
}

.ios-step-slider .section-slider.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px
}

.ios-step-slider .section-slider.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(255, 255, 255, .5);
    -moz-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg)
}

.ios-step-slider .section-slider.owl-carousel .owl-dots .owl-dot.active {
    background-color: #fff
}

.iPhone-page-services-half {
    padding-top: 50px;
    padding-bottom: 50px
}

.crypto-solutions-other.iPhone-page-services-half .os-services li {
    margin-bottom: 20px
}

.crypto-solutions-other.iPhone-page-services-half .os-services li h3 {
    font-size: 20px;
    color: #fff;
    margin: 0
}

.crypto-solutions-other.iPhone-page-services-half .os-services li br {
    display: none
}

.crypto-solutions-other.iPhone-page-services-half .os-services li .os-icon {
    top: 5px
}

.crypto-solutions-other.iPhone-page-services-half .os-services {
    margin-top: 50px
}

.ios-ods {
    position: relative;
    text-align: center
}

.ios-ods.padd50 {
    padding-top: 100px
}

.ios-ods::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: #f14cb1
}

.ios-ods::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: #8200f2
}

.ios-ods .h2center {
    width: 25%;
    display: inline-block;
    background-color: #fff;
    padding: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -40px;
    z-index: 1;
    margin-bottom: 50px;
    border-radius: 50px;
    -web-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-box-shadow: 0 0 30px 0 rgba(180, 5, 248, .1);
    -moz-box-shadow: 0 0 30px 0 rgba(180, 5, 248, .1);
    box-shadow: 0 0 30px 0 rgba(180, 5, 248, .1)
}

.ios-ods h2 {
    font-weight: 700;
    text-align: center
}

.ios-ods .free-title {
    font-family: "cera_pro_black", Sans-serif;
    text-align: center;
    font-size: 30px;
    line-height: 1.1;
    color: inherit
}

.ios-ods .owl-carousel .owl-nav {
    display: none
}

.ios-ods .owl-carousel .owl-dots {
    text-align: center;
    margin-top: 40px
}

.ios-ods .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(255, 255, 255, .5);
    -moz-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg)
}

.ios-ods .owl-carousel .owl-dots .owl-dot.active {
    background-color: #fff
}

.ios-ods .owl-carousel .owl-item.center .ios-ods-in .ios-overly {
    border: #fff solid 1px
}

.ios-ods .owl-carousel .owl-item.center .ios-ods-in .ios-overly {
    display: block
}

.ios-ods .ios-ods-in {
    position: relative
}

.ios-ods .ios-ods-in img {
    width: 100%
}

.ios-ods .ios-ods-in .ios-overly {
    display: none;
    text-align: center;
    padding: 20px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .8)
}

.ios-ods .ios-ods-in .ios-overly h3 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px
}

.ios-ods .ios-ods-in .ios-overly p {
    color: #fff;
    margin-bottom: 20px
}

.ios-ods .ios-ods-in .ios-overly .btn {
    border: 0;
    color: #fff;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.why-choose9hz .heading {
    font-size: 30px;
    font-family: "cera_pro_black", Sans-serif;
    text-align: center
}

.why-choose9hz .heading h2 {
    font-size: 30px;
    display: inline-block
}

.why-choose9hz .heading p {
    display: inline-block
}

.why-choose9hz h2 {
    margin-bottom: 0
}

.why-choose9hz .choose-bx {
    position: relative;
    margin: 15px;
    text-align: center;
    margin-top: 50px
}

.why-choose9hz .choose-bx .overly-link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.why-choose9hz .choose-bx .circle-bdr-o {
    width: 128px;
    height: 128px;
    margin: 0 auto 15px auto;
    text-align: center;
    position: relative;
    z-index: 1
}

.why-choose9hz .choose-bx:hover .img-rot {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transition-duration: .8s;
    transition-property: transform
}

.why-choose9hz .choose-bx .circle-bdr-o .img-static {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1
}

.why-choose9hz .choose-bx h3 {
    font-size: 16px
}

.why-choose9hz .choose-bx p.title {
    font-weight: 600;
    font-size: 16px
}

.why-choose9hz .new-allTabs p.title {
    font-weight: 600;
    font-size: 16px
}

.why-choose9hz .nhz-ds {
    text-align: center
}

.why-choose9hz .nhz-ds li {
    display: inline-block;
    vertical-align: top;
    width: 14.5%;
    margin: 10px
}

.node-js-half .os-services li {
    margin-bottom: 20px
}

.node-js-half .os-services li br {
    display: none
}

.node-js-half .os-services li .os-icon {
    top: 3px
}

.node-js-half .os-services li h3 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 7px;
    font-size: 18px
}

.node-js-half .os-services li .free-title {
    color: #fff;
    font-family: "cera_pro_bold";
    margin-top: 6px;
    margin-bottom: 10px;
    font-size: 18px
}

.fantasy-app-choose.nw-blogs h2 {
    text-align: left
}

.fantasy-app-choose.nw-blogs p {
    text-align: left
}

.fantasy-app-choose.nw-blogs .tr {
    text-align: right;
    margin-top: 37px
}

.nw-blogs .bBx {
    max-width: 476px;
    margin: 0 auto;
    background-color: #f6f8ff;
    border-radius: 10px;
    padding: 20px 20px 50px 20px;
    min-height: 280px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.nw-blogs .wp-post-image {
    max-width: 476px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4)
}

.nw-blogs .cs-btn {
    border: #fff solid 10px;
    padding: 0;
    position: absolute;
    left: 20px;
    bottom: -40px;
    width: 80px;
    display: inline-block;
    height: 80px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.nw-blogs .story-box .cs-btn img {
    margin-top: 16px
}

.ios-ods .mob-content-center {
    display: table;
    height: 100%
}

.ios-ods .mob-content-center .mb-cnt-in {
    display: table-cell;
    vertical-align: middle
}

.clients-delighted {
    background-color: #f6f8ff;
    overflow: hidden
}

.clients-delighted .cl-set {
    position: relative;
    padding-left: 20px;
    margin-top: 26px
}

.clients-delighted .cl-set .left-line {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #8402f1;
    width: 5px
}

.clients-delighted .cl-set h3 {
    font-family: "cera_pro_bold";
    color: #8402f1;
    margin-bottom: 0
}

.clients-delighted .cl-set .free-sub {
    font-family: "cera_pro_bold";
    color: #8402f1;
    font-size: 24px;
    line-height: 1.1
}

.clients-delighted .cl-set p {
    font-weight: 600;
    margin-bottom: 0;
    line-height: normal
}

.clients-delighted .dc-clients {
    background-color: #fff;
    min-height: 210px;
    position: relative;
    -webkit-box-shadow: 0 0 30px 0 rgba(180, 5, 248, .3);
    -moz-box-shadow: 0 0 30px 0 rgba(180, 5, 248, .3);
    box-shadow: 0 0 30px 0 rgba(180, 5, 248, .3)
}

.clients-delighted .dc-box {
    background: #f14cb1;
    height: 100px;
    width: 276px;
    position: relative;
    top: 53px;
    left: -10px;
    padding: 10px 10px 10px 20px;
    background: -moz-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: -webkit-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    -webkit-border-top-right-radius: 150px;
    -webkit-border-bottom-right-radius: 150px;
    -moz-border-radius-topright: 150px;
    -moz-border-radius-bottomright: 150px;
    border-top-right-radius: 150px;
    border-bottom-right-radius: 150px
}

.clients-delighted .dc-box::after {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    width: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: transparent #3a006a transparent transparent
}

.clients-delighted .dc-box h2 {
    font-size: 50px;
    font-family: "cera_pro_black", Sans-serif;
    color: #fff;
    margin-bottom: 0
}

.clients-delighted .dc-box .client-sub {
    font-size: 50px;
    font-family: "cera_pro_black", Sans-serif;
    color: #fff;
    line-height: 1.1
}

.clients-delighted .dc-box p {
    font-weight: 600;
    color: #fff;
    margin-bottom: 0
}

.clients-delighted .dc-cli-ents.owl-carousel .owl-nav.disabled {
    display: block
}

.clients-delighted .dc-cli-ents.owl-carousel .owl-nav {
    text-align: center;
    position: absolute;
    left: -92px;
    top: 34px;
    margin-top: 20px
}

.clients-delighted .dc-cli-ents.owl-carousel .owl-prev {
    display: none
}

.clients-delighted .dc-cli-ents.owl-carousel .owl-next {
    font-family: FontAwesome;
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -1000px;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
    margin: 10px;
    background-color: #fff
}

.clients-delighted .dc-cli-ents.owl-carousel .owl-next {
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px
}

.clients-delighted .dc-cli-ents.owl-carousel .owl-next::before {
    content: "\f105";
    position: absolute;
    left: 0;
    font-size: 30px;
    top: 7px;
    right: -1px;
    text-indent: 0;
    margin: auto;
    color: #f14cb1
}

.clients-delighted .dc-cli-ents.owl-carousel .owl-dots {
    display: none
}

.clients-delighted .client-circel {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-box-shadow: 0 0 26px 0 rgba(180, 5, 248, .3);
    -moz-box-shadow: 0 0 26px 0 rgba(180, 5, 248, .3);
    box-shadow: 0 0 26px 0 rgba(180, 5, 248, .3)
}

.clients-delighted .dc-cli-ents-outr {
    padding: 20px 0 20px 30px;
    text-align: center
}

.clients-delighted .owl-carousel .owl-item {
    text-align: center
}

.clients-delighted .owl-carousel .owl-item .item {
    margin: 20px 0
}

.clients-delighted .owl-carousel .owl-item .client-circel img {
    width: auto;
    margin: 0 auto 0 auto
}

figure.on-demand-solution-slider {
    color: #fff;
    position: relative;
    overflow: hidden;
    margin: 10px;
    min-width: 220px;
    max-width: 384px;
    max-height: 518px;
    width: 100%;
    background: #000;
    text-align: center;
    margin: 0 auto
}

figure.on-demand-solution-slider * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

figure.on-demand-solution-slider img {
    opacity: 1;
    width: 100%;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

figure.on-demand-solution-slider figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left
}

figure.on-demand-solution-slider figcaption>div {
    float: left;
    height: 100%;
    overflow: hidden;
    width: 50%;
    position: relative
}

figure.on-demand-solution-slider figcaption::before {
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 50%;
    width: 2px;
    content: '';
    opacity: 0;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

figure.on-demand-solution-slider h3,
figure.on-demand-solution-slider p {
    margin: 0;
    padding: 20px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    -webkit-transition: opacity .45s, -webkit-transform .45s;
    transition: opacity .45s, -webkit-transform .45s, -moz-transform .45s, -o-transform .45s, transform .45s
}

figure.on-demand-solution-slider h3 {
    text-align: right;
    font-size: 17PX;
    display: inline-block;
    word-spacing: -.1em;
    font-weight: 300;
    text-transform: uppercase;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

figure.on-demand-solution-slider h3 span {
    font-weight: 800
}

figure.on-demand-solution-slider p {
    display: block;
    font-size: 14px;
    bottom: 0;
    text-align: left;
    font-weight: 300;
    top: 0;
    color: #000;
    background: #fff;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

figure.on-demand-solution-slider a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    color: #fff
}

figure.on-demand-solution-slider:hover img {
    opacity: .7
}

figure.on-demand-solution-slider:hover figcaption h3,
figure.on-demand-solution-slider:hover figcaption p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

figure.on-demand-solution-slider:hover figcaption h3 {
    opacity: 1
}

figure.on-demand-solution-slider:hover figcaption p {
    opacity: 1
}

figure.on-demand-solution-slider:hover figcaption::before {
    background: #fff;
    top: 0;
    bottom: 0;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

figure.on-demand-solution-slider .sub-title {
    margin: 0;
    padding: 20px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    -webkit-transition: opacity .45s, -webkit-transform .45s;
    transition: opacity .45s, -webkit-transform .45s, -moz-transform .45s, -o-transform .45s, transform .45s
}

figure.on-demand-solution-slider .sub-title {
    text-align: right;
    font-size: 17PX;
    display: inline-block;
    word-spacing: -.1em;
    font-weight: 300;
    text-transform: uppercase;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

figure.on-demand-solution-slider .sub-title span {
    font-weight: 800
}

figure.on-demand-solution-slider:hover figcaption .sub-title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

figure.on-demand-solution-slider:hover figcaption .sub-title {
    opacity: 1
}

.tabsChanger .iot_tabs .free-title {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    font-family: inherit;
    line-height: 1.1
}

.top-reasons-choose h2 {
    font-weight: 700;
    margin-bottom: 50px
}

.top-reasons-choose h3 {
    margin-bottom: 20px
}

.top-reasons-choose .semi-box {
    margin-bottom: 50px
}

.top-reasons-choose .list-box {
    background-color: #f5f5f5;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding: 20px;
    -webkit-box-shadow: 0 0 30px 0 rgba(180, 5, 248, .3);
    -moz-box-shadow: 0 0 30px 0 rgba(180, 5, 248, .3);
    box-shadow: 0 0 30px 0 rgba(180, 5, 248, .3)
}

.top-reasons-choose .list-box li {
    margin: 0 10px 20px 0;
    text-align: center;
    color: #000;
    display: inline-block;
    background-color: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 0;
    font-weight: 700;
    padding: 5px 15px 5px 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.top-reasons-choose .list-box li span.oBg1 {
    background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -webkit-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%);
    -moz-background: linear-gradient(-35deg, #c444fb 0, #5b56d7 100%)
}

.top-reasons-choose .list-box li span.oBg2 {
    background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%);
    -webkit-background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%);
    -moz-background: linear-gradient(-35deg, #e040fb 0, #fe5e31 100%)
}

.top-reasons-choose .list-box li span.oBg3 {
    background: #00b09b;
    background: -webkit-linear-gradient(to left, #96c93d, #00b09b);
    background: linear-gradient(to left, #96c93d, #00b09b)
}

.top-reasons-choose .list-box li span.oBg4 {
    background: #fc4a1a;
    background: -webkit-linear-gradient(to left, #f7b733, #fc4a1a);
    background: linear-gradient(to left, #f7b733, #fc4a1a)
}

.top-reasons-choose .list-box li span.oBg5 {
    background: #667db6;
    background: -webkit-linear-gradient(to left, #667db6, #0082c8, #0082c8, #667db6);
    background: linear-gradient(to left, #667db6, #0082c8, #0082c8, #667db6)
}

.top-reasons-choose .list-box li span.oBg6 {
    background: #f96;
    background: -webkit-linear-gradient(to left, #ff5e62, #f96);
    background: linear-gradient(to left, #ff5e62, #f96)
}

.top-reasons-choose .list-box li span.oBg7 {
    background: #396afc;
    background: -webkit-linear-gradient(to left, #2948ff, #396afc);
    background: linear-gradient(to left, #2948ff, #396afc)
}

.top-reasons-choose .list-box li span.oBg8 {
    background: #642b73;
    background: -webkit-linear-gradient(to left, #c6426e, #642b73);
    background: linear-gradient(to left, #c6426e, #642b73)
}

.top-reasons-choose .list-box li span {
    vertical-align: middle;
    margin-right: 5px;
    width: 56px;
    height: 56px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #a5a5a5
}

.top-reasons-choose .list-box li span img {
    margin-top: 4px
}

.top-reasons-choose .list-box li abbr {
    display: inline-block
}

.php-section-whip-smart h2 {
    font-weight: 700;
    margin-bottom: 20px
}

.php-section-whip-smart p {
    margin-bottom: 50px
}

.whip-smart-list li {
    position: relative;
    margin-bottom: 30px;
    font-weight: 600;
    margin-top: 10px;
    display: block;
    background-color: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 0;
    font-weight: 700;
    padding: 15px 15px 15px 20px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.whip-smart-list li::after {
    width: 14px;
    height: 10px;
    content: "";
    position: absolute;
    left: -5px;
    top: 21px;
    background: #f14cb1;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: -moz-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: -webkit-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: linear-gradient(45deg, #f14cb1 1%, #8200f2 100%)
}

.node-js-half .inr-list {
    margin-top: 50px
}

.node-js-half .inr-list h3 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px
}

.top-reasons-choose.full-label .list-box li {
    display: block;
    text-align: left
}

.top-reasons-choose.full-label .list-box {
    background: 0;
    box-shadow: none;
    padding: 0;
    border-radius: 0
}

.new-home-badges {
    background-color: #f5f5f5
}

.new-home-badges h2 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px
}

.new-home-badges .free-title {
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: inherit;
    line-height: 1.1;
    font-size: 30px
}

.new-home-badges .bagde-row {
    text-align: center
}

.new-home-badges .bagde-row li {
    display: inline-block;
    vertical-align: top;
    margin: 5px 3px
}

.new-home-badges .home-badge {
    position: relative;
    width: 238px;
    height: 325px;
    background-color: #fff;
    margin: auto;
    border: 1px solid #cae0e7
}

.new-home-badges .home-badge:hover {
    background: #2b74d5;
    background: -moz-linear-gradient(-45deg, #2b74d5 0, #5b49e4 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #2b74d5), color-stop(100%, #5b49e4));
    background: -webkit-linear-gradient(-45deg, #2b74d5 0, #5b49e4 100%);
    background: -o-linear-gradient(-45deg, #2b74d5 0, #5b49e4 100%);
    background: -ms-linear-gradient(-45deg, #2b74d5 0, #5b49e4 100%);
    background: linear-gradient(135deg, #2b74d5 0, #5b49e4 100%)
}

.new-home-badges .home-badge .home-badge-circle {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 218px;
    height: 218px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    margin: 30px auto auto auto
}

.new-home-badges .home-badge:hover .home-badge-circle {
    background-color: #fff
}

.new-home-badges .home-badge h4 {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0
}

.new-home-badges .home-badge:hover h4 {
    color: #fff
}

.new-home-badges .home-badge .home-badge-circle img {
    margin-top: 14px
}

.new-home-badges .home-badge .badge-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.new-home-badges .title-design {
    text-align: center;
    margin-bottom: 30px
}

.new-home-badges .title-design abbr {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border: #ccc solid 3px;
    position: relative
}

.new-home-badges .title-design abbr::after {
    position: absolute;
    left: 100%;
    width: 50px;
    height: 2px;
    background-color: #ccc;
    content: "";
    top: 4px
}

.new-home-badges .title-design abbr::before {
    position: absolute;
    right: 100%;
    width: 50px;
    height: 2px;
    background-color: #ccc;
    content: "";
    top: 4px
}

.new-home-badges .home-badge-slider.owl-carousel .owl-item img {
    width: 188px;
    margin-left: auto;
    margin-right: auto
}

.new-home-badges .home-badge-slider.owl-carousel .owl-nav.disabled {
    display: block
}

.new-home-badges .home-badge-slider.owl-carousel .owl-nav {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px
}

.new-home-badges .home-badge-slider.owl-carousel .owl-next,
.new-home-badges .home-badge-slider.owl-carousel .owl-prev {
    position: absolute;
    top: 100px;
    text-align: center;
    font-family: FontAwesome;
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -1000px;
    color: #fff;
    display: inline-block;
    background: #6a3698;
    background: -moz-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #6a3698), color-stop(100%, #179bf9));
    background: -webkit-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -o-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: -ms-linear-gradient(-45deg, #6a3698 0, #179bf9 100%);
    background: linear-gradient(135deg, #6a3698 0, #179bf9 100%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
    margin: 2px
}

.new-home-badges .home-badge-slider.owl-carousel .owl-prev {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    left: -40px;
    position: absolute;
    top: 133px
}

.new-home-badges .home-badge-slider.owl-carousel .owl-next {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    right: -40px;
    position: absolute;
    top: 133px
}

.new-home-badges .home-badge-slider.owl-carousel .owl-prev::after {
    content: "\f104";
    position: absolute;
    left: 0;
    top: 8px;
    right: 0;
    text-indent: 0;
    margin: auto
}

.new-home-badges .home-badge-slider.owl-carousel .owl-next::before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 8px;
    right: 0;
    text-indent: 0;
    margin: auto
}

.new-home-badges iframe {
    width: 280px;
    margin: auto
}

.referring-videos {
    background-color: #f5f5f5;
    background: -moz-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: -webkit-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: linear-gradient(45deg, #f14cb1 1%, #8200f2 100%)
}

.referring-videos h2 {
    text-align: center;
    margin-bottom: 10px;
    color: #fff
}

.referring-videos .free-title {
    text-align: center;
    font-family: "cera_pro_black", Sans-serif;
    margin-bottom: 10px;
    color: #fff;
    font-size: 30px;
    line-height: 1.1
}

.video-list-thumbs .video-thumbs-box {
    margin-bottom: 12px
}

.video-list-thumbs .video-thumbs-box a {
    display: block;
    position: relative;
    background-color: #111;
    color: #fff;
    padding: 8px;
    border-radius: 3px;
    transition: all .5s ease-in-out;
    border-radius: 4px;
    background: #193950;
    background: -moz-linear-gradient(-45deg, #193950 0, #721aa2 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #193950), color-stop(100%, #721aa2));
    background: -webkit-linear-gradient(-45deg, #193950 0, #721aa2 100%);
    background: -o-linear-gradient(-45deg, #193950 0, #721aa2 100%);
    background: -ms-linear-gradient(-45deg, #193950 0, #721aa2 100%);
    background: linear-gradient(135deg, #193950 0, #721aa2 100%)
}

.video-list-thumbs .video-thumbs-box a:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    text-decoration: none
}

.video-list-thumbs .video-thumbs-box img {
    width: 100%;
    height: auto
}

.video-list-thumbs h2 {
    bottom: 0;
    font-size: 14px;
    height: 33px;
    margin: 8px 0 0
}

.video-list-thumbs p {
    bottom: 0;
    font-size: 14px;
    height: 33px;
    margin: 8px 0 0;
    text-align: center;
    font-weight: 600;
    line-height: normal
}

.video-list-thumbs .fa-play-circle {
    font-size: 60px;
    opacity: .6;
    position: absolute;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    top: 31%;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    transition: all .5s ease-in-out
}

.video-list-thumbs .video-thumbs-box a:hover .glyphicon-play-circle {
    color: #fff;
    opacity: 1;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .8)
}

.video-list-thumbs .duration {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    left: 12px;
    line-height: 13px;
    padding: 2px 3px 1px;
    position: absolute;
    top: 12px;
    transition: all .5s ease
}

.video-list-thumbs .video-thumbs-box a:hover .duration {
    background-color: #000
}

.referring-videos .title-design {
    text-align: center;
    margin-bottom: 30px
}

.referring-videos .title-design abbr {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border: #f55fa7 solid 3px;
    position: relative
}

.referring-videos .title-design abbr::after {
    position: absolute;
    left: 100%;
    width: 50px;
    height: 2px;
    background-color: #f55fa7;
    content: "";
    top: 4px
}

.referring-videos .title-design abbr::before {
    position: absolute;
    right: 100%;
    width: 50px;
    height: 2px;
    background-color: #f55fa7;
    content: "";
    top: 4px
}

@media(min-width:320px) and (max-width:480px) {
    .video-list-thumbs .fa-play-circle {
        font-size: 35px;
        top: 37%
    }
    .video-list-thumbs h2 {
        bottom: 0;
        font-size: 12px;
        height: 22px;
        margin: 8px 0 0
    }
}

.fantasy-app-choose.iot-section-one h2 {
    font-weight: 700;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 40px
}

.iot-section-one .btn-default {
    margin-top: 30px;
    color: #fff;
    font-weight: 700;
    padding: 18px 30px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.iot-section-one .btn-default:active,
.iot-section-one .btn-default:focus,
.iot-section-one .btn-default:hover {
    color: #fff
}

.iot-iws {
    position: relative;
    background-color: #0f72e4
}

.iot-iws::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #7332d4;
    background: -moz-linear-gradient(left, #7332d4 0, #763afe 100%);
    background: -webkit-linear-gradient(left, #7332d4 0, #763afe 100%);
    background: linear-gradient(to right, #7332d4 0, #763afe 100%)
}

.iot-iws h2 {
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff
}

.iot-iws .difference-box {
    padding: 30px;
    position: relative;
    z-index: 1;
    min-height: 580px
}

.iot-iws .difference-box.mrgn-right {
    margin-right: 50px
}

.iot-iws .difference-box.mrgn-left {
    margin-left: 50px
}

.iot-iws .difference-box h3 {
    margin-top: 0;
    text-align: left;
    margin-bottom: 20px
}

.iot-iws .difference-box h4 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px
}

.iot-iws .difference-box p {
    color: #fff
}

.hover-timeline {
    display: flex;
    background-color: #031625
}

.hover-timeline:hover .tl-item {
    width: 16.6667%
}

.hover-timeline .tl-item {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    width: 16.6667%;
    height: 550px;
    min-height: 550px;
    color: #fff;
    overflow: hidden;
    transition: width .5s ease
}

.hover-timeline .tl-item:after,
.hover-timeline .tl-item:before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.hover-timeline .tl-item:after {
    background: rgba(3, 22, 37, .85);
    opacity: 1;
    transition: opacity .5s ease
}

.hover-timeline .tl-item:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #41189f 75%);
    z-index: 1;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) translateY(50%);
    transform: translate3d(150, 48, 230) translateY(50%);
    transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, transform .5s ease;
    transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease
}

.hover-timeline .tl-item:hover {
    width: 30% !important
}

.hover-timeline .tl-item:hover:after {
    opacity: 0
}

.hover-timeline .tl-item:hover:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) translateY(0);
    transform: translate3d(0, 0, 0) translateY(0);
    transition: opacity 1s ease, -webkit-transform 1s ease .25s;
    transition: opacity 1s ease, transform 1s ease .25s;
    transition: opacity 1s ease, transform 1s ease .25s, -webkit-transform 1s ease .25s
}

.hover-timeline .tl-item:hover .tl-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all .75s ease .5s
}

.hover-timeline .tl-item:hover .tl-bg {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.hover-timeline .tl-content {
    -webkit-transform: translate3d(0, 0, 0) translateY(25px);
    transform: translate3d(0, 0, 0) translateY(25px);
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 0 1.618em;
    top: 60%;
    opacity: 0
}

.hover-timeline .tl-year {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.hover-timeline .tl-year p {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px
}

.hover-timeline .tl-bg {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    transition: -webkit-filter .5s ease;
    transition: filter .5s ease;
    transition: filter .5s ease, -webkit-filter .5s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.thin-timeline h2 {
    text-align: center;
    margin-bottom: 20px
}

.thin-timeline p {
    text-align: center;
    margin-bottom: 30px
}

.thin-timeline .line-start {
    border-bottom: 2px solid #5b56d7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #5b56d7;
    width: 150px;
    margin: 0 auto;
    font-weight: 600;
    text-align: center
}

.liner-timeline {
    margin: 20px 0;
    position: relative
}

.liner-timeline:before {
    content: "";
    display: block;
    width: 2px;
    height: 102%;
    background: #5b56d7;
    margin: 0 auto;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0
}

.liner-timeline .timeline {
    margin-bottom: 30px;
    position: relative
}

.liner-timeline .timeline:after {
    content: "";
    display: block;
    clear: both
}

.liner-timeline .icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.liner-timeline .icon:after,
.liner-timeline .icon:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .33s ease-out 0s;
    -webkit-transition: all .33s ease-out 0s;
    -moz-transition: all .33s ease-out 0s
}

.liner-timeline .icon:before {
    background: #fff;
    border: 2px solid #c444fb;
    left: -3px
}

.liner-timeline .icon:after {
    border: 2px solid #5b56d7;
    left: 3px
}

.liner-timeline .timeline:hover .icon:before {
    left: 3px
}

.liner-timeline .timeline:hover .icon:after {
    left: -3px
}

.liner-timeline .date-content {
    width: 50%;
    float: left;
    position: relative
}

.liner-timeline .date-content:before {
    content: "";
    width: 32.5%;
    height: 2px;
    background: #5b56d7;
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0
}

.liner-timeline .date-outer {
    width: 175px;
    height: 175px;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin: auto;
    z-index: 1
}

.liner-timeline .date-outer:after,
.liner-timeline .date-outer:before {
    content: "";
    width: 175px;
    height: 175px;
    margin: 0 auto;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all .33s ease-out 0s;
    -webkit-transition: all .33s ease-out 0s;
    -moz-transition: all .33s ease-out 0s
}

.liner-timeline .date-outer:before {
    background: #fff;
    border: 2px solid #c444fb;
    left: -6px
}

.liner-timeline .date-outer:after {
    border: 2px solid #5b56d7;
    left: 6px
}

.liner-timeline .timeline:hover .date-outer:before {
    left: 6px
}

.liner-timeline .timeline:hover .date-outer:after {
    left: -6px
}

.liner-timeline .date {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 17%;
    left: 0
}

.liner-timeline .month {
    font-size: 18px;
    font-weight: 700;
    color: #111
}

.liner-timeline .year {
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: #111;
    line-height: 36px
}

.liner-timeline .timeline-content {
    width: 50%;
    padding: 20px 0 20px 50px;
    float: right
}

.liner-timeline .title {
    font-size: 17px;
    font-weight: 700;
    color: #8b06ed;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0 0 15px 0
}

.liner-timeline .description {
    font-size: 14px;
    color: #000;
    margin-bottom: 0
}

.liner-timeline .description li {
    background-color: #f1f1f1;
    padding: 3px 10px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 500
}

.liner-timeline .timeline:nth-child(2n) .date-content {
    float: right
}

.liner-timeline .timeline:nth-child(2n) .date-content:before {
    left: 10px
}

.liner-timeline .timeline:nth-child(2n) .timeline-content {
    padding: 20px 50px 20px 0;
    text-align: right
}

.iot-technos {
    background: #ff55a9;
    text-align: center;
    background: -moz-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: -webkit-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: linear-gradient(to right, #ff55a9 0, #8200f2 100%)
}

.iot-technos h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #fff
}

.iot-technos h3 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #fff
}

.iot-technos p {
    text-align: center;
    margin-bottom: 30px;
    color: #fff
}

.iot-technos .timeliners {
    border-left: 4px solid #ffbd74;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .8);
    margin: 50px auto;
    letter-spacing: .5px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 50px;
    list-style: none;
    text-align: left;
    max-width: 87%;
    margin-bottom: 0;
    margin-top: 30px;
    min-height: 360px
}

.iot-technos .timeliners h3 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 10px;
    letter-spacing: 1.5px;
    font-weight: 600;
    font-size: 1.4em
}

.iot-technos .timeliners p {
    text-align: left;
    margin-bottom: 0
}

.iot-technos .timeliners .event {
    border-bottom: 1px dashed rgba(255, 255, 255, .1);
    padding-bottom: 25px;
    margin-bottom: 30px;
    position: relative
}

.iot-technos .timeliners .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0
}

.iot-technos .timeliners .event:after,
.iot-technos .timeliners .event:before {
    position: absolute;
    display: block;
    top: 0
}

.iot-technos .timeliners .event:before {
    left: -217.5px;
    color: rgba(255, 255, 255, .4);
    content: attr(data-date);
    text-align: right;
    font-weight: 600;
    font-size: .9em;
    min-width: 120px
}

.iot-technos .timeliners .event:after {
    box-shadow: 0 0 0 4px #ffbd74;
    left: -57.85px;
    background: #ff55a9;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
    top: 5px
}

.clients-delighted.cd-gap .dc-clients {
    min-height: 350px
}

.clients-delighted.cd-gap .dc-box {
    top: 165px
}

.clients-delighted.cd-gap .dc-cli-ents-outr {
    padding-top: 130px
}

.clients-delighted.cd-gap .cl-set {
    margin-top: 80px
}

.ar-augmented-reality .ar-about {
    max-width: 678px;
    margin: 0 auto
}

.ar-augmented-reality .ar-about img {
    width: 100%
}

.php-section-whip-smart.ar-dsp {
    background: #331664;
    background: -moz-linear-gradient(left, #331664 0, #6a2b77 100%);
    background: -webkit-linear-gradient(left, #331664 0, #6a2b77 100%);
    background: linear-gradient(to right, #331664 0, #6a2b77 100%)
}

.php-section-whip-smart.ar-dsp h2 {
    color: #fff
}

.php-section-whip-smart.ar-dsp p {
    color: #fff
}

.php-section-whip-smart.ar-dsp .whip-smart-list li {
    background-color: transparent;
    color: #fff;
    border-radius: 0;
    border-left: #f14cb1 solid 1px;
    position: relative;
    padding-left: 37px
}

.php-section-whip-smart.ar-dsp .whip-smart-list li h3 {
    font-size: 16px;
    margin: 0;
    font-family: "cera_pro_bold";
}

.php-section-whip-smart.ar-dsp .whip-smart-list li::after {
    left: 12px
}

.php-section-whip-smart.ar-dsp .whip-smart-list li::before {
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 1px;
    background-color: #f14cb1
}

.php-section-whip-smart.ar-dsp .whip-smart-list li:hover::before {
    width: 50%
}

.ar-augmented-reality .inr-list h3 {
    font-weight: 700;
    margin-bottom: 10px
}

.ar-augmented-reality .inr-list p {
    margin-bottom: 30px;
    line-height: 26px
}

.iot-technos.ar-d-process h2 {
    margin-bottom: 50px
}

.ar-d-process .box-line {
    position: relative
}

.ar-d-process .box-line-icon {
    display: block;
    text-align: center;
    padding: 20px 0 55px 0;
    z-index: 1;
    position: relative
}

.ar-d-process .box-line:nth-child(2n) .box-line-icon {
    padding: 55px 0 20px 0
}

.ar-d-process .box-line-icon:before {
    content: "";
    width: 1px;
    height: 75%;
    background: #ffbd74;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s
}

.ar-d-process .box-line:nth-child(2n) .box-line-icon:before {
    bottom: auto;
    top: 0
}

.ar-d-process .box-line:hover .box-line-icon:before {
    background: #fff;
    color: #000
}

.ar-d-process .box-line-icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #ffbd74;
    font-size: 30px;
    color: #fff;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s
}

.ar-d-process .box-line-icon i.fa-dashboard {
    line-height: 54px
}

.ar-d-process .box-line-icon i.fa-desktop {
    line-height: 64px
}

.ar-d-process .box-line:hover .box-line-icon i {
    background: #fff;
    animation: icon-load 2.5s ease 0s infinite;
    -webkit-animation: icon-load 2.5s ease 0s infinite;
    -moz-animation: icon-load 2.5s ease 0s infinite;
    color: #ff55a9
}

.ar-d-process .border {
    height: 5px;
    background: #ffbd74;
    margin-bottom: 20px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s
}

.ar-d-process .box-line:hover .border {
    background: #fff
}

.ar-d-process .box-line:first-child .border {
    border-radius: 4px 0 0 4px
}

.ar-d-process .box-line:last-child .border {
    border-radius: 0 4px 4px 0
}

.ar-d-process .box-line:nth-child(2n) .border {
    margin: 18px 0 0 0
}

.ar-d-process .box-line-content {
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, .3);
    background-color: rgba(255, 255, 255, .1);
    border-radius: 3px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s
}

.ar-d-process .box-line:hover .box-line-content {
    background: #fff;
    color: #000
}

.ar-d-process .title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s
}

.ar-d-process .box-line:hover .title {
    color: #8200f2
}

.ar-d-process .description {
    color: #fff;
    margin: 0;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    border-bottom: 1px dashed rgba(255, 255, 255, .3);
    padding: 10px 0
}

.ar-d-process .description:last-child {
    border-bottom: 0
}

.ar-d-process .box-line:hover .description {
    color: #000;
    border-bottom-color: rgba(103, 0, 242, .3)
}

@keyframes icon-load {
    0% {
        transform: rotate(-12deg)
    }
    8% {
        transform: rotate(12deg)
    }
    10% {
        transform: rotate(24deg)
    }
    18%,
    20% {
        transform: rotate(-24deg)
    }
    28%,
    30% {
        transform: rotate(24deg)
    }
    38%,
    40% {
        transform: rotate(-24deg)
    }
    48%,
    50% {
        transform: rotate(24deg)
    }
    58%,
    60% {
        transform: rotate(-24deg)
    }
    68% {
        transform: rotate(24deg)
    }
    100%,
    75% {
        transform: rotate(0)
    }
}

.fantasy-sports-app-sol.ar-ds-experts .wht-bx {
    box-shadow: none;
    background-color: #4f21b9;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.fantasy-sports-app-sol.ar-ds-experts .wht-bx:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #8200f2;
    background: -moz-linear-gradient(top, #8200f2 0, #ff55a9 100%);
    background: -webkit-linear-gradient(top, #8200f2 0, #ff55a9 100%);
    background: linear-gradient(to bottom, #8200f2 0, #ff55a9 100%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fantasy-sports-app-sol.ar-ds-experts .wht-bx:hover:after {
    opacity: 1
}

.fantasy-sports-app-sol.ar-ds-experts .wht-bx p {
    position: relative;
    z-index: 1
}

.fantasy-sports-app-sol.ar-ds-experts .wht-bx:hover p {
    color: #fff
}

.fantasy-sports-app-sol.ar-ds-experts h3 {
    text-align: center;
    min-height: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    font-size: 20px
}

.fantasy-sports-app-sol.ar-ds-experts .wht-bx:hover h3 {
    color: #fff
}

.fantasy-sports-app-sol.ar-ds-experts .fsas-col {
    margin-top: 30px
}

.crypto-solutions-other.node-js-half .os-services li br {
    display: none
}

.fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight {
    min-height: 260px
}

.fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight2 {
    min-height: 180px
}

.fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight.mh {
    min-height: 246px
}

.iot-iws.ibeacon-ble h2 {
    text-align: left;
    margin-bottom: 30px
}

.iot-iws.ibeacon-ble .difference-box {
    min-height: 100%
}

.iBeacon-timeline .liner-timeline .timeline-content {
    padding-top: 54px
}

.iBeacon-timeline .liner-timeline .timeline:nth-child(2n) .timeline-content {
    padding-top: 54px
}

.iBeacon-timeline .liner-timeline .description li {
    margin-bottom: 10px;
    margin-top: 0
}

.iBeacon-timeline .liner-timeline .timeline {
    margin-bottom: 10px
}

.iot_tabs.sswd.newTab_section.tabsChanger .free-title {
    text-align: center;
    margin-bottom: 20px;
    color: #000;
    font-size: 30px;
    font-family: "cera_pro_black", Sans-serif;
    line-height: 1.1
}

.port_portfolio.port-bgChange {
    background: #7752f4
}

.port_portfolio.port-bgChange::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #ff3d9d
}

.port_portfolio.port-bgChange .container_custom {
    position: relative;
    z-index: 1
}

.portfolio-work {
    background: #02042B;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px !important
}

.portfolio-work .app-info {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 3;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-style: italic;
    text-align: center;
    font-size: 30px;
    font-family: monospace;
    padding-top: 7px;
    cursor: pointer
}

.portfolio-work .app-info {
    background-color: #ffa500
}
.portfolio-work .app-goto {
    margin-right: 10px
}

.app-info-container {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    text-align: center;
    padding: 50px
}

.app-info-container {
    background-color: rgb(2 4 43 / 90%);
}
.app-info-container .logo-app {
    margin-bottom: 10px
}

.app-info-container .logo-app img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.app-info-container .no-heading {
    color: #fff;
    margin-bottom: 5px;
    font-size: 32px;
    font-family: "cera_pro_bold";
    line-height: normal
}

.app-info-container .no-sub-heading {
    color: #fff;
    font-size: 18px;
    font-family: "cera_pro_medium", Sans-serif;
    line-height: normal;
    margin-bottom: 20px
}

.app-info-close {
    position: absolute;
    top: 15px;
    right: 20px;
    margin: auto;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.app-info-close .leftright {
    height: 2px;
    width: 40px;
    position: absolute;
    margin-top: 24px;
    background-color: #fff;
    border-radius: 2px;
    transform: rotate(45deg);
    transition: all .3s ease-in
}

.app-info-close .rightleft {
    height: 2px;
    width: 40px;
    position: absolute;
    margin-top: 24px;
    background-color: #fff;
    border-radius: 2px;
    transform: rotate(-45deg);
    transition: all .3s ease-in
}

.app-info-close:hover .leftright {
    transform: rotate(-45deg);
    background-color: #fff
}

.app-info-close:hover .rightleft {
    transform: rotate(45deg);
    background-color: #fff
}

.portfolio-work h2 {
    font-weight: 700;
    margin-bottom: 20px
}

.portfolio-work .heading {
    margin-bottom: 20px;
    font-family: "cera_pro_black", Sans-serif;
    font-size: 30px
}

.portfolio-work .container_custom {
    position: relative;
    z-index: 1
}

.portfolio-work .heading {
    color: #fff
}

.portfolio-work p {
    color: #fff;
    margin-bottom: 20px
}

.portfolio-work .nav-tabs {
    border: 0;
    margin-bottom: 0;
    margin-top: 0
}

.portfolio-work .nav-tabs li {
    width: 50%;
    text-align: center;
    padding: 5px;
    border: 0px;
    min-height: 122px
}
.portfolio-work .nav-tabs li.nav-item .faa-parent{border: 1px solid rgba(255, 255, 255, .2); border-radius: 5px; padding: 10px 5px;}
.portfolio-work .nav-tabs li.nav-item.active .faa-parent{border: 1px solid #ffffff; background-color: transparent;}

.portfolio-work .nav-tabs li:nth-child(2) {
    border-right-color: transparent
}

.portfolio-work .nav-tabs li:nth-child(4) {
    border-right-color: transparent
}

.portfolio-work .nav-tabs li:nth-child(6) {
    border-right-color: transparent
}

.portfolio-work .nav-tabs li:nth-child(8) {
    border-right-color: transparent
}

.portfolio-work .nav-tabs li:nth-child(9) {
    border-bottom-color: transparent
}

.portfolio-work .nav-tabs li:nth-child(10) {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.portfolio-work .nav-tabs li a {
    margin-right: 0;
    line-height: normal;
    border: 0;
    border-radius: 0
}

.nav>li>a:hover,
.portfolio-work .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent
}

.portfolio-work .nav-tabs>li.active>a,
.portfolio-work .nav-tabs>li.active>a:focus,
.portfolio-work .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: rgba(255, 255, 255, .2);
    border: 0;
    border-bottom-color: transparent
}

.portfolio-work .nav-tabs li a .i-icon {
    display: inline-block;
    width: 60px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.portfolio-work .nav-tabs li.active a .i-icon {
    background-position: top center
}

.portfolio-work .nav-tabs li.active a .i-icon.i-i1 {
    background-image: url(../img/i-icon01.png)
}

.portfolio-work .nav-tabs li.active a .i-icon.i-i2 {
    background-image: url(../img/i-icon02.png)
}

.portfolio-work .nav-tabs li.active a .i-icon.i-i3 {
    background-image: url(../img/i-icon08.png)
}

.portfolio-work .nav-tabs li.active a .i-icon.i-i4 {
    background-image: url(../img/i-icon07.png)
}

.portfolio-work .nav-tabs li.active a .i-icon.i-i5 {
    background-image: url(../img/i-icon03.png)
}

.portfolio-work .nav-tabs li.active a .i-icon.i-i6 {
    background-image: url(../img/i-icon04.png)
}

.portfolio-work .nav-tabs li.active a .i-icon.i-i7 {
    background-image: url(../img/i-icon05.png)
}

.portfolio-work .nav-tabs li.active a .i-icon.i-i8 {
    background-image: url(../img/i-icon06.png)
}

.portfolio-work .nav-tabs li.active a .i-icon.i-i9 {
    background-image: url(../img/i-icon09.png)
}

.portfolio-work .nav-tabs li.active a .i-icon.i-i10 {
    background-image: url(../img/i-icon10.png)
}

.portfolio-work .nav-tabs li a .i-icon.i-i1 {
    background-image: url(../img/i-icon01.png)
}

.portfolio-work .nav-tabs li a .i-icon.i-i2 {
    background-image: url(../img/i-icon02.png)
}

.portfolio-work .nav-tabs li a .i-icon.i-i3 {
    background-image: url(../img/i-icon08.png)
}

.portfolio-work .nav-tabs li a .i-icon.i-i4 {
    background-image: url(../img/i-icon07.png)
}

.portfolio-work .nav-tabs li a .i-icon.i-i5 {
    background-image: url(../img/i-icon03.png)
}

.portfolio-work .nav-tabs li a .i-icon.i-i6 {
    background-image: url(../img/i-icon04.png)
}

.portfolio-work .nav-tabs li a .i-icon.i-i7 {
    background-image: url(../img/i-icon05.png)
}

.portfolio-work .nav-tabs li a .i-icon.i-i8 {
    background-image: url(../img/i-icon06.png)
}

.portfolio-work .nav-tabs li a .i-icon.i-i9 {
    background-image: url(../img/i-icon09.png)
}

.portfolio-work .nav-tabs li a .i-icon.i-i10 {
    background-image: url(../img/i-icon10.png)
}

.portfolio-work .nav-tabs li .thed {
    color: #fff;
    min-height: 43px;
    margin-top: 6px;
    font-size: 16px;
    line-height: normal
}

.portfolio-work .port-outer-bg {
    background-color: #03074a
}

.portfolio-work .carousel-inner {
    background-color: #02042B;
}

.portfolio-work .carousel,
.portfolio-work .carousel-inner,
.portfolio-work .fill,
.portfolio-work .item {
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover
}

.portfolio-work .carousel-inner .item {
    height: 655px
}

.portfolio-work .slide-wrapper {
    display: inline
}

.portfolio-work .slide-wrapper .container {
    padding: 0
}

.portfolio-work .carousel-control {
    top: auto;
    background: 0;
    font-size: 50px;
   line-height: 29px;
    width: auto;
    bottom: 20px;
    background-color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #02042B;
    padding-top: 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #02042B;
   font-family: "Montserrat-Regular";
}

.portfolio-work .carousel-control.left {
    left: 20px
}

.portfolio-work .carousel-control.right {
    right: 80px;
    left: auto
}

.portfolio-work .carousel-indicators {
    display: none
}

.portfolio-work .slide-wrap {
    position: relative;
    overflow: hidden;
    height: 100%;
    display: table;
    width: 100%;
    background-color: #02042B;
    border: 1px solid #ffffff;
    border-radius: 5px;
}

.portfolio-work .slide-wrap .left-wrap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #f6473a;
    background: -moz-linear-gradient(45deg, #7519e6 0, #ff4a2e 100%);
    background: -webkit-linear-gradient(45deg, #7519e6 0, #ff4a2e 100%);
    background: linear-gradient(45deg, #7519e6 0, #ff4a2e 100%)
}

.portfolio-work .slide-wrap .right-wrap {
    position: absolute;
    right: 0;
    top: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-color: #4d00ab
}

.portfolio-work .slide-wrap .left-wrap {
    background: #02042B;
    border-bottom: 1px solid #ffffff;
}

.portfolio-work .slide-wrap .right-wrap {
    background-color: #02042B;
}

.portfolio-work .slide-wrap .slide-wrap-content {
    position: relative;
    z-index: 2;
    padding: 10px 10px 10px 20px
}

.portfolio-work .slide-wrap .slide-wrap-content-img {
    position: relative;
    z-index: 1;
    text-align: center;
    height: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content .logo-app {
    margin-right: 20px;
    float: left
}

.portfolio-work .slide-wrap .slide-wrap-content .logo-app img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 70px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.portfolio-work .slide-wrap .slide-wrap-content .dtl-app {
    float: left
}

.portfolio-work .slide-wrap .slide-wrap-content .no-heading {
    color: #fff;
    margin-bottom: 5px;
    font-size: 32px;
    font-family: "cera_pro_bold";
    line-height: normal
}

.portfolio-work .slide-wrap .slide-wrap-content .no-sub-heading {
    color: #fff;
    font-size: 18px;
    font-family: "cera_pro_medium", Sans-serif;
    line-height: normal
}

.portfolio-work .slide-wrap .slide-wrap-content p {
    color: #fff;
    margin-bottom: 30px;
    font-weight: 600
}

.portfolio-work .slide-wrap .slide-wrap-content .app-goto {
    color: #fff;
    display: inline-block
}

.portfolio-work .slide-wrap .slide-wrap-content .app-goto img {
    margin: 8px 10px
}

.portfolio-work .slide-wrap .slide-wrap-content .app-goto img.aro {
    vertical-align: middle
}

.portfolio-work .slide-wrap .slide-wrap-content .web-goto {
    color: #fff;
    display: inline-block
}

.portfolio-work .slide-wrap .slide-wrap-content .web-goto img {
    margin: 10px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as1 {
    left: 5%;
    margin-left: 0;
    max-width: 270px;
    width: 100%;
    top: 50px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as2 {
    left: 30%;
    margin-left: 0;
    margin-top: 0;
    top: -100px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as3 {
    left: 56%;
    margin-left: 0;
    margin-bottom: 0;
    top: 84px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as4 {
    left: 79%;
    margin-left: 0;
    margin-top: 0;
    top: -90px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as5 {
    left: 70%;
    margin-left: 0;
    max-width: 270px;
    width: 100%;
    top: 50px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as6 {
    left: 40%;
    margin-left: 0;
    margin-top: 0;
    top: -100px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as7 {
    left: 10%;
    margin-left: 0;
    margin-bottom: 0;
    top: 70px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as8 {
    left: 35%;
    margin-left: 0;
    max-width: 780px;
    width: 100%;
    top: 63px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as8-1 {
    left: 10%;
    margin-left: 0;
    max-width: 270px;
    width: 100%;
    margin-bottom: 0;
    top: 50px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as9 {
    left: 10%;
    margin-left: 0;
    max-width: 270px;
    width: 100%;
    top: 50px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as10 {
    left: 38%;
    margin-left: 0;
    margin-top: 0;
    top: -80px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as11 {
    left: 69%;
    margin-left: 0;
    margin-bottom: 0;
    top: 50px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as12 {
    left: 56%;
    margin-left: 0;
    max-width: 270px;
    width: 100%;
    top: -100px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as13 {
    left: 5%;
    margin-left: 0;
    margin-top: 0;
    top: -100px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as14 {
    left: 30%;
    margin-left: 0;
    margin-bottom: 0;
    top: 70px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as15 {
    left: 79%;
    margin-left: 0;
    margin-bottom: 0;
    top: 70px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as16 {
    left: 10%;
    margin-left: 0;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as17 {
    left: 50%;
    margin-left: 0;
    margin-top: 0;
    top: 70px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as18 {
    left: 50%;
    margin-left: 0;
    margin-bottom: 0;
    top: 70px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as19 {
    left: 89%;
    margin-left: 0;
    margin-bottom: 0;
    top: 70px;
    max-width: 270px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as20 {
    left: 50%;
    margin-left: 0;
    max-width: 270px;
    width: 100%;
    top: 70px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as21 {
    left: 28%;
    margin-left: 0;
    max-width: 270px;
    margin-bottom: 0;
    top: 70px;
    width: 100%
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as22 {
    left: 5%;
    margin-left: 0;
    max-width: 270px;
    width: 100%;
    top: 70px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as23 {
    left: 40%;
    margin-left: 0;
    max-width: 780px;
    width: 100%;
    top: 70px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as24 {
    left: 8%;
    margin-left: 0;
    max-width: 270px;
    width: 100%;
    top: 50px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as26 {
    left: 34%;
    margin-left: 0;
    max-width: 780px;
    width: 100%;
    margin-bottom: 0;
    top: 63px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as27 {
    left: 5%;
    margin-left: 0;
    max-width: 270px;
    width: 100%;
    top: 50px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as28 {
    left: 75%;
    margin-left: 0;
    max-width: 270px;
    width: 100%;
    margin-top: 0;
    top: 70px
}

.portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as29 {
    left: 29%;
    margin-left: 0;
    max-width: 580px;
    width: 100%;
    margin-bottom: 0;
    top: 110px
}

.portfolio-work .slide-wrap .case_study a {
    color: #fff
}

.portfolio-work .slide-wrap .case_study a img {
    width: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.portfolio-work .slide-wrap .case_study a:hover img {
    -moz-transform: translate(20px, 0);
    -webkit-transform: translate(15px, 0);
    -o-transform: translate(15px, 0);
    -ms-transform: translate(15px, 0);
    transform: translate(15px, 0)
}

.hire-process-section {
    -webkit-transition: all 2.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 2.5s ease
}

@media only screen and (max-width:1700px) {
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as2 {
        left: 28%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as3 {
        left: 53%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as4 {
        left: 77%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as5 {
        left: 66%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as6 {
        left: 38%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as10 {
        left: 39%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as12 {
        left: 53%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as13 {
        left: 5%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as14 {
        left: 29%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as15 {
        left: 77%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as26 {
        bottom: 11%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as29 {
        left: 27.5%
    }
}

@media only screen and (max-width:1600px) {
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as2 {
        left: 28%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as3 {
        left: 53%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as4 {
        left: 77%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as5 {
        left: 66%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as6 {
        left: 38%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as14 {
        left: 29%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as15 {
        left: 77%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as26 {
        bottom: 11%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as29 {
        left: 27%
    }
    .portfolio-work .slide-wrap .slide-wrap-content .dtl-app {
        width: 84%
    }
    .portfolio-work .text-right {
        margin-top: 0
    }
    .portfolio-work .slide-wrap .slide-wrap-content .no-heading {
        font-size: 28px
    }
    .portfolio-work .slide-wrap .slide-wrap-content .no-sub-heading {
        font-size: 16px
    }
    .portfolio-work .slide-wrap .slide-wrap-content p {
        line-height: normal
    }
    .portfolio-work .slide-wrap .slide-wrap-content .web-goto img {
        width: 44px
    }
    .portfolio-work .slide-wrap .slide-wrap-content .app-goto {
        margin-right: 0
    }
    .portfolio-work .slide-wrap .slide-wrap-content .app-goto img {
        width: 140px
    }
}

@media only screen and (max-width:1440px) {
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as1 {
        left: 6%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as2 {
        left: 31%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as3 {
        left: 59%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as4 {
        left: 86%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as5 {
        left: 66%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as6 {
        left: 36%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as7 {
        left: 6%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as11 {
        left: 66%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as12 {
        left: 57%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as13 {
        left: 3%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as14 {
        left: 30%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as15 {
        left: 84%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as28 {
        top: -54%;
        left: 67%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as29 {
        left: 32%;
        bottom: 17%
    }
    .portfolio-work .slide-wrap .slide-wrap-content .dtl-app {
        width: 80%
    }
    .portfolio-work .text-right {
        margin-top: 3px
    }
    .portfolio-work .slide-wrap .slide-wrap-content .no-heading {
        font-size: 28px
    }
    .portfolio-work .slide-wrap .slide-wrap-content .no-sub-heading {
        font-size: 16px
    }
    .portfolio-work .slide-wrap .slide-wrap-content p {
        line-height: normal
    }
    .portfolio-work .slide-wrap .slide-wrap-content .web-goto img {
        width: 42px
    }
    .portfolio-work .slide-wrap .slide-wrap-content .app-goto {
        margin-right: 0
    }
    .portfolio-work .slide-wrap .slide-wrap-content .app-goto img {
        width: 135px
    }
}

@media only screen and (max-width:1366px) {
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as1 {
        left: 6%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as2 {
        left: 31%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as3 {
        left: 59%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as4 {
        left: 86%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as5 {
        left: 66%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as6 {
        left: 36%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as7 {
        left: 6%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as11 {
        left: 66%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as12 {
        left: 57%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as13 {
        left: 3%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as14 {
        left: 30%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as15 {
        left: 84%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as28 {
        top: -54%;
        left: 67%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as29 {
        left: 32%;
        bottom: 17%
    }
    .portfolio-work .slide-wrap .slide-wrap-content .dtl-app {
        width: 80%
    }
    .portfolio-work .text-right {
        margin-top: 3px
    }
    .portfolio-work .slide-wrap .slide-wrap-content .no-heading {
        font-size: 28px
    }
    .portfolio-work .slide-wrap .slide-wrap-content .no-sub-heading {
        font-size: 16px
    }
    .portfolio-work .slide-wrap .slide-wrap-content p {
        line-height: normal
    }
    .portfolio-work .slide-wrap .slide-wrap-content .web-goto img {
        width: 40px
    }
    .portfolio-work .slide-wrap .slide-wrap-content .app-goto {
        margin-right: 0
    }
    .portfolio-work .slide-wrap .slide-wrap-content .app-goto img {
        width: 130px
    }
}

@media only screen and (max-width:1200px) {
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as1 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as2 {
        width: 280px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as3 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as4 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as5 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as6 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as7 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as8 {
        width: 680px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as8-1 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as9 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as10 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as11 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as12 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as13 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as14 {
        width: 250px;
        left: 30%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as24 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as15 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as26 {
        width: 680px;
        bottom: 13%
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as27 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as28 {
        width: 250px
    }
    .portfolio-work .slide-wrap .slide-wrap-content-img .app-screen.as29 {
        width: 540px;
        left: 35%;
        bottom: 24%
    }
    .portfolio-work .slide-wrap .slide-wrap-content .web-goto img {
        width: 35px
    }
    .portfolio-work .slide-wrap .slide-wrap-content .app-goto img {
        width: 116px
    }
}
@media only screen and (max-width:991px) {
    .portfolio-work .slide-wrap .slide-wrap-content .dtl-app {
        width: 75%
    }
}
@media only screen and (max-width:767px) {
    .portfolio-work .slide-wrap .slide-wrap-content .dtl-app {
        width: 80%
    }
    .portfolio-work .text-right {
        margin-top: 3px
    }
    .portfolio-work .slide-wrap .slide-wrap-content .no-heading {
        font-size: 28px
    }
    .portfolio-work .slide-wrap .slide-wrap-content .no-sub-heading {
        font-size: 16px
    }
    .portfolio-work .slide-wrap .slide-wrap-content p {
        line-height: normal
    }
    .portfolio-work .slide-wrap .slide-wrap-content .web-goto img {
        width: 40px
    }
    .portfolio-work .slide-wrap .slide-wrap-content .app-goto {
        margin-right: 0
    }
    .portfolio-work .slide-wrap .slide-wrap-content .app-goto img {
        width: 130px
    }
    .portfolio-work .nav-tabs li {
        margin-bottom: 10px;
        padding: 0 4px;
		min-height: auto;
    }
    .portfolio-work .nav-tabs li a {
        font-size: 10px;
        background-color: #fff;
        height: auto;
        padding: 7px;
        margin-right: 2px;
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px
    }
    .portfolio-work .nav-tabs li a .thed {
        display: none
    }
    .portfolio-work .nav-tabs li a i {
        font-size: 20px
    }
    .portfolio-work .nav-tabs li a img {
        width: 20px;
        vertical-align: middle
    }
    .portfolio-work .nav-tabs li a.active {
        background-color: #000
    }
    .portfolio-work .tab-content .img-inner {
        height: auto;
        padding-top: 270px
    }
    .portfolio-work .bottom-content {
        margin-bottom: 20px
    }
}

.portfolio-work .carousel-inner>.item {
    -webkit-transition: -webkit-transform 1.5s ease-in-out !important;
    -o-transition: -o-transform 1.5s ease-in-out !important;
    transition: transform 1.5s ease-in-out !important;
    transform: translate3d(0, 0, 0) !important
}

.portfolio-work .animated {
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.faqs-f-a-q {
    min-height: 415px;
    position: relative;
    background-color: #f6f8ff;
    padding-bottom: 100px
}

.faqs-f-a-q::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 330px;
    background: #7332d4;
    background: -moz-linear-gradient(left, #7332d4 0, #763afe 100%);
    background: -webkit-linear-gradient(left, #7332d4 0, #763afe 100%);
    background: linear-gradient(to right, #7332d4 0, #763afe 100%)
}

.faqs-f-a-q .faq-title {
    font-family: "cera_pro_black", Sans-serif;
    font-size: 30px;
    color: #fff;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.faqs-f-a-q .faq-title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 4px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.faqs-f-a-q p.subtext {
    color: #fff
}

.faqs-f-a-q .faq-side {
    background-image: url(../images/faq-side.png);
    background-repeat: no-repeat;
    max-width: 449px;
    height: 384px;
    margin: 70px auto 0 auto;
    background-size: 100%
}

.faqs-f-a-q .faq-mail {
    background-image: url(../images/faq-mail.png);
    background-repeat: no-repeat;
    max-width: 395px;
    height: 148px;
    margin: -10px auto 0 auto;
    background-size: 100%
}

.faqs-f-a-q .faq-container {
    padding: 30px;
    background-color: #fff;
    margin-top: 30px;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4)
}

.faqs-f-a-q .faq-ineer-container {
    text-align: left
}

.faqs-f-a-q .mCntr {
    text-align: center;
    margin-top: 50px
}

.faqs-f-a-q .mCntr .btn-default {
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.faqs-f-a-q .faq_list {
    margin-top: 30px
}

.faqs-f-a-q .faq_list li {
    margin-bottom: 10px;
    list-style: inside
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel {
    border: 0
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-heading {
    background-color: transparent;
    box-shadow: none;
    padding: 15px 15px
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-heading .panel-title {
    padding-left: 10px
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-heading .panel-title a {
    position: relative
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-heading .panel-title a:before {
    position: absolute;
    left: -27px;
    top: 0;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
    color: #f90369
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-heading .panel-title a.collapsed:before {
    content: "\f067";
    color: #f90369
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-body {
    margin-left: 40px;
    border-left: #f90369 solid 2px;
    padding-left: 30px;
    border-top: 0
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-body p {
    margin-top: 0;
    margin-bottom: 20px
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-body ol {
    margin-left: 25px
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-body ol li {
    list-style: decimal;
    margin-bottom: 10px
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-body ul {
    margin-left: 25px
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-body ul li {
    list-style: disc;
    margin-bottom: 10px
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-body ul.faq-listing {
    margin-left: 0
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-body ul.faq-listing li {
    list-style: none;
    margin-bottom: 10px
}

.faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-body ul.faq-listing li .title-h4 {
    font-family: "cera_pro_black", Sans-serif;
}

.ppc-plans .mCntr {
    text-align: center;
    margin-top: 50px
}

.ppc-plans .mCntr .btn-default {
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.php-section-whip-smart.ar-dsp.psd .psd-logos {
    text-align: center
}

.php-section-whip-smart.ar-dsp.psd .psd-logos .sales-logo {
    display: inline-block;
    background-color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    width: 150px;
    height: 150px;
    text-align: center;
    background: #b77ae3;
    background: -moz-linear-gradient(-45deg, #b77ae3 0, #fff 35%, #fff 65%, #b77ae3 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #b77ae3), color-stop(35%, #fff), color-stop(65%, #fff), color-stop(100%, #b77ae3));
    background: -webkit-linear-gradient(-45deg, #b77ae3 0, #fff 35%, #fff 65%, #b77ae3 100%);
    background: -o-linear-gradient(-45deg, #b77ae3 0, #fff 35%, #fff 65%, #b77ae3 100%);
    background: -ms-linear-gradient(-45deg, #b77ae3 0, #fff 35%, #fff 65%, #b77ae3 100%)
}

.php-section-whip-smart.ar-dsp.psd .psd-logos .sales-logo img {
    width: 120px;
    margin-top: 31px
}

.php-section-whip-smart.ar-dsp.psd .psd-logos .dec {
    color: #fff;
    margin: 20px 0
}

.php-section-whip-smart.ar-dsp.psd .psd-logos .btn-default {
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.iPhone-page-about.custom-software .ios-abt-img {
    max-width: 806px
}

.iPhone-page-about.custom-software.saas-development .ios-abt-img {
    max-width: 628px
}

.iPhone-page-about.custom-software .btn-default {
    margin-top: 30px;
    color: #fff;
    font-weight: 700;
    padding: 18px 50px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.referring-videos.it-business p {
    color: #fff;
    margin-bottom: 30px
}

.referring-videos.it-business .it-pic {
    max-width: 341px;
    margin: 0 auto
}

.referring-videos.it-business .it-pic img {
    width: 100%
}

.consulting-software-sec {
    position: relative
}

.consulting-software-sec::after {
    content: "";
    background-color: #f5e7ff;
    height: 510px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.consulting-software-sec .container {
    position: relative;
    z-index: 1
}

.consulting-software-sec .cs-inner {
    background: #331664;
    padding: 30px;
    margin-top: 40px;
    background: -moz-linear-gradient(left, #331664 0, #6a2b77 100%);
    background: -webkit-linear-gradient(left, #331664 0, #6a2b77 100%);
    background: linear-gradient(to right, #331664 0, #6a2b77 100%)
}

.consulting-software-sec h2 {
    text-align: center;
    margin: 15px 0 30px 0
}

.consulting-software-sec p {
    text-align: center;
    margin-bottom: 20px
}

.consulting-software-sec .cs-inner .cs-box h3 {
    color: #fff;
    font-weight: 700
}

.consulting-software-sec .cs-inner .cs-box .cs-lines li {
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px
}

.consulting-software-sec .cs-inner .cs-box .cs-lines li::after {
    width: 14px;
    height: 10px;
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background: #f14cb1;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: -moz-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: -webkit-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: linear-gradient(45deg, #f14cb1 1%, #8200f2 100%)
}

.consulting-software-sec .cs-inner .cs-box .dash {
    margin-bottom: 20px
}

.consulting-software-sec .cs-inner .cs-box .dash span {
    width: 50px;
    height: 4px;
    background-color: #ff3871;
    display: inline-block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.consulting-software-sec .cc-img {
    max-width: 565px;
    height: auto;
    margin: 0 auto;
    width: 100%;
    display: inline-block
}

.consulting-software-sec .btn-default {
    margin-top: 30px;
    color: #fff;
    font-weight: 700;
    padding: 18px 30px;
    margin-left: 25px;
    border: 0;
    background: #f55fa7;
    background: -moz-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: -webkit-linear-gradient(left, #f55fa7 48%, #b87ae3 100%);
    background: linear-gradient(to right, #f55fa7 48%, #b87ae3 100%)
}

.cc-cloud-computing .cs-inner {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.iti__country-list {
    max-width: 320px !important;
    z-index: 30 !important
}

.hoverEffects:hover li {
    opacity: .3;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease
}

.hoverEffects:hover li:hover {
    opacity: 1
}

.hoverEffects li {
    display: inline-block;
    width: 31%;
    text-align: center;
    vertical-align: top;
    margin: 10px;
    position: relative
}

.hoverEffects li .full {
    width: 100%;
    height: auto
}

.hoverEffects li .button {
    padding: 22px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px
}

.hoverEffects li .button:active i,
.hoverEffects li .button:focus i {
    color: #fff;
    border: 0
}

.hoverEffects li .button i {
    font-size: 30px;
    color: #fff;
    margin-top: -2px;
    position: relative;
    right: -5px
}

.hoverEffects li h3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px
}

.modal-container {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    z-index: 100
}

.modal-container.one {
    transform: scaleY(.01) scaleX(0);
    animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards
}

.modal-container.one .modal-background .modal {
    transform: scale(0);
    animation: zoomIn .5s .8s cubic-bezier(.165, .84, .44, 1) forwards
}

.modal-container.one.out {
    transform: scale(1);
    animation: unfoldOut 1s .3s cubic-bezier(.165, .84, .44, 1) forwards
}

.modal-container.one.out .modal-background .modal {
    animation: zoomOut .5s cubic-bezier(.165, .84, .44, 1) forwards
}

.modal-container .modal-background {
    display: table-cell;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    vertical-align: middle
}

.modal-container .modal-background .modal {
    background: #fff;
    display: inline-block;
    border-radius: 0;
    font-weight: 300;
    position: relative;
    width: 800px
}

.modal-container .modal-background .modal h2 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 15px
}

.modal-container .modal-background .modal p {
    font-size: 16px;
    line-height: 26px
}

.modal-container .modal-background .modal .modal-svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 3px
}

.modal-container .modal-background .modal .modal-svg rect {
    stroke: #fff;
    stroke-width: 2px;
    stroke-dasharray: 778;
    stroke-dashoffset: 778
}

.content {
    min-height: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    z-index: 0
}

.content h1 {
    padding: 75px 0 30px 0;
    text-align: center;
    font-size: 30px;
    line-height: 30px
}

.content .buttons {
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.content .buttons .button {
    display: inline-block;
    text-align: center;
    padding: 10px 15px;
    margin: 10px;
    background: red;
    font-size: 18px;
    background-color: #efefef;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    cursor: pointer
}

.modal-container .vText {
    padding: 30px
}

.content .buttons .button:hover {
    color: #fff;
    background: #009bd5
}

.modal-container .vText h3 {
    text-align: left;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px
}

.modal-container .vText p {
    text-align: left;
    font-weight: 500;
    line-height: 40px
}

.modal-container.animate_open {
    transform: scaleY(.01) scaleX(0);
    animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards
}

.modal-container.animate_open .modal-background .modal {
    transform: scale(0);
    animation: zoomIn .5s .8s cubic-bezier(.165, .84, .44, 1) forwards
}

.modal-container.animate_open.out {
    transform: scale(1);
    animation: unfoldOut 1s .3s cubic-bezier(.165, .84, .44, 1) forwards
}

.modal-container.animate_open.out .modal-background .modal {
    animation: zoomOut .5s cubic-bezier(.165, .84, .44, 1) forwards
}

@keyframes unfoldIn {
    0% {
        transform: scaleY(.005) scaleX(0)
    }
    50% {
        transform: scaleY(.005) scaleX(1)
    }
    100% {
        transform: scaleY(1) scaleX(1)
    }
}

@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1)
    }
    50% {
        transform: scaleY(.005) scaleX(1)
    }
    100% {
        transform: scaleY(.005) scaleX(0)
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(0)
    }
}

.videoFrame {
    width: 100%;
    height: 450px;
    border: 0;
    background-color: #000;
    margin-bottom: -5px
}

.fliper_content {
    text-align: center
}

.fliper_content h2 {
    font-weight: 700
}

.fliper_content .f1_container {
    position: relative;
    margin: 50px auto 10px auto;
    width: auto;
    height: 380px;
    z-index: 1
}

.fliper_content .f1_container {
    perspective: 1000
}

.fliper_content .f1_card {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 1s linear;
    border: #ccc solid 1px
}

.fliper_content .f1_container:hover .f1_card {
    transform: rotateY(180deg);
    box-shadow: -5px 5px 5px #aaa
}

.fliper_content .face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    padding-bottom: 100px
}

.fliper_content .face h3 {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    min-height: 86px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fliper_content .face h3 span {
    background-color: #0b046e;
    padding: 10px;
    color: #fff;
    display: inline-block;
    max-width: 90%
}

.fliper_content .face .full {
    width: 100%;
    height: auto
}

.fliper_content .face.back {
    display: block;
    transform: rotateY(180deg);
    box-sizing: border-box;
    padding: 30px 10px 10px 10px;
    color: #fff;
    text-align: center;
    background-color: #19066d
}

.fliper_content .face.back p {
    line-height: 25px;
    padding: 30px;
    margin-top: 0
}

.fliper_content .face .line_d {
    position: relative
}

.fliper_content .face .more {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #19066d;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
}

.fliper_content .face .more img {
    width: 80%;
    height: auto;
    margin-top: 5px
}

.fliper_content .face.back .more {
    background-color: #fff
}

.kabaddi-section {
    position: relative;
    z-index: 1
}

.kabaddi-section .timeText {
    position: relative;
    z-index: 1
}

.kabaddi-section h2 {
    font-weight: 700;
    margin-bottom: 50px;
    color: #fff;
    margin-top: 20%
}

.kabaddi-section p {
    margin-bottom: 30px;
    color: #fff;
    line-height: 30px
}

.kabaddi-section .btn-default {
    margin-top: 20px;
    background-color: transparent;
    box-shadow: none;
    font-size: 16px;
    font-weight: 700;
    border: #fff solid 1px;
    padding: 17px 30px;
    color: #fff
}

.kabaddi-section .btn-default:active,
.kabaddi-section .btn-default:focus,
.kabaddi-section .btn-default:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.kabaddi-section .timeImg {
    max-width: 850px;
    margin: auto auto auto auto;
    position: relative;
    z-index: 2
}

.kabaddi-section .timeImg img {
    width: 100%
}

.kabaddi-section .kabaddi-points {
    margin-left: 15px
}

.kabaddi-section .kabaddi-points li {
    color: #fff;
    margin-bottom: 20px;
    list-style: disc
}

.kabaddi-section .kabaddi-slider {
    z-index: 2
}

.kabaddi-section .kabaddi-slider .item {
    padding: 50px 0 50px 0;
    position: relative
}

.kabaddi-section .kabaddi-slider .item-bg1 {
    background: #f14cb1;
    background: -moz-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: -webkit-linear-gradient(45deg, #f14cb1 1%, #8200f2 100%);
    background: linear-gradient(45deg, #f14cb1 1%, #8200f2 100%)
}

.kabaddi-section .kabaddi-slider .item-bg1::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/kabaddi-stadium-min.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: .3
}

.kabaddi-section .kabaddi-slider .item-bg2 {
    background: #129ef3;
    background: -moz-linear-gradient(45deg, #129ef3 0, #1033af 100%);
    background: -webkit-linear-gradient(45deg, #129ef3 0, #1033af 100%);
    background: linear-gradient(45deg, #129ef3 0, #1033af 100%)
}

.kabaddi-section .kabaddi-slider .item-bg2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/kabaddi-stadium2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: .3
}

.kabaddi-section .kabaddi-slider .item-bg3 {
    background: #514df5;
    background: -moz-linear-gradient(45deg, #514df5 0, #fb2847 100%);
    background: -webkit-linear-gradient(45deg, #514df5 0, #fb2847 100%);
    background: linear-gradient(45deg, #514df5 0, #fb2847 100%)
}

.kabaddi-section .kabaddi-slider .item-bg3::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/kabaddi-stadium3.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: .3
}

.kabaddi-section .kabaddi-slider.owl-carousel .owl-nav {
    display: none
}

.kabaddi-section .kabaddi-slider.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px
}

.kabaddi-section .kabaddi-slider.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(255, 255, 255, .5);
    -moz-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg)
}

.kabaddi-section .kabaddi-slider.owl-carousel .owl-dots .owl-dot.active {
    background-color: #fff
}

@media(min-width:320px) and (max-width:767px) {
    .kabaddi-section h2 {
        margin-top: 0
    }
}

.blockchain-application-crypto {
    position: relative;
    min-height: 800px
}

.blockchain-application-crypto::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 500px;
    background: #ff55a9;
    text-align: center;
    background: -moz-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: -webkit-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: linear-gradient(to right, #ff55a9 0, #8200f2 100%)
}

blockchain-application-crypto .container {
    position: relative;
    z-index: 1
}

.blockchain-application-crypto .container {
    position: relative;
    z-index: 1
}

.blockchain-application-crypto h2 {
    text-align: center;
    color: #fff;
    font-family: "cera_pro_black", Sans-serif;
    margin-bottom: 30px
}

.blockchain-application-crypto h3 {
    text-align: center;
    color: #fff;
    font-family: "cera_pro_black", Sans-serif;
    margin-bottom: 30px
}

.blockchain-application-crypto p {
    text-align: center;
    color: #fff;
    margin-bottom: 30px
}

.blockchain-application-crypto .blockchain-content {
    padding: 30px;
    background-color: #fff;
    margin-top: 30px;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4)
}

.blockchain-application-crypto .blockchain-content .m-box {
    text-align: center;
    margin-bottom: 30px
}

.iot-iws.ibeacon-ble.blockchain-technology h2 {
    text-align: center
}

.iot-iws.ibeacon-ble.blockchain-technology .difference-box {
    text-align: center;
    min-height: 380px
}

.b-cryptocurrency-exchange h2 {
    text-align: center;
    margin-bottom: 30px
}

.b-cryptocurrency-exchange p {
    text-align: center;
    margin-bottom: 30px
}

.b-cryptocurrency-exchange .cxwd-box {
    position: relative
}

.c-arow {
    max-width: 99px;
    position: absolute;
    top: 28%;
    right: -12%
}

.b-cryptocurrency-exchange .cxwd-box-img {
    max-width: 320px;
    margin: 0 auto
}

.b-cryptocurrency-exchange .cxwd-box-img img {
    width: 100%
}

.privacy-header {
    min-height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    overflow: hidden;
    background: #940ec1;
    background: -moz-linear-gradient(-45deg, #940ec1 0, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #940ec1), color-stop(8%, #940ec1), color-stop(51%, #118ae0), color-stop(80%, #6a3697), color-stop(100%, #6a3697));
    background: -webkit-linear-gradient(-45deg, #940ec1 0, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    background: -o-linear-gradient(-45deg, #940ec1 0, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    background: -ms-linear-gradient(-45deg, #940ec1 0, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    background: linear-gradient(135deg, #940ec1 0, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%)
}

.privacy-header h1 {
    color: #fff
}

.privacy-header p {
    color: #fff
}

.ready-made {
    background-color: #f9f9f9
}

.ready-made .points-p {
    text-align: center;
    margin-top: 50px
}

.ready-made .points-p li {
    display: inline-block;
    width: 19%;
    vertical-align: top
}

.blockchain-application-crypto.linkedin-clone-table {
    min-height: 570px
}

.blockchain-application-crypto.linkedin-clone-table:after {
    height: 330px
}

.blockchain-application-crypto.linkedin-clone-table .table td,
.blockchain-application-crypto.linkedin-clone-table .table th {
    padding: 10px
}

.inst9-tabs {
    padding-bottom: 50px
}

.nav-tabs {
    text-align: center
}

.inst9-tabs .nav-tabs li {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin: 2px 0
}

.inst9-tabs .nav-tabs li a {
    color: #fff;
    min-height: 157px;
    padding: 20px;
    margin: 0 !important;
    font-family: "cera_pro_medium", Sans-serif;
    border: 0
}

.inst9-tabs .nav-tabs li a img {
    margin-bottom: 10px
}

.inst9-tabs .nav-tabs li.active a {
    color: #fff;
    border: 0
}

.inst9-tabs .nav-tabs li a.tec-tab-7 {
    background-color: #8200f2;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

.inst9-section .style_4 {
    padding: 20px 30px;
    margin: 0;
    color: #fff
}

.inst9-section .style_4:focus,
.inst9-section .style_4:hover {
    background: #d8085b;
    color: #fff;
    background: -moz-linear-gradient(45deg, #d8085b 0, #7819e4 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, #d8085b), color-stop(100%, #7819e4));
    background: -webkit-linear-gradient(45deg, #d8085b 0, #7819e4 100%);
    background: -o-linear-gradient(45deg, #d8085b 0, #7819e4 100%);
    background: -ms-linear-gradient(45deg, #d8085b 0, #7819e4 100%);
    background: linear-gradient(45deg, #d8085b 0, #7819e4 100%)
}

.inst9-section .style_2:focus,
.inst9-section .style_2:hover {
    background: #773cfb;
    color: #fff;
    background: -moz-linear-gradient(-45deg, #773cfb 0, #dc38db 100%);
    background: -webkit-linear-gradient(-45deg, #773cfb 0, #dc38db 100%);
    background: linear-gradient(135deg, #773cfb 0, #dc38db 100%)
}

.inst9-get-apps {
    background: #ff55a9;
    text-align: center;
    background: -moz-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: -webkit-linear-gradient(left, #ff55a9 0, #8200f2 100%);
    background: linear-gradient(to right, #ff55a9 0, #8200f2 100%)
}

.inst9-get-apps h2 {
    color: #fff;
    text-align: left
}

.inst9-get-apps .inst9-apps {
    max-width: 678px;
    margin: 0 auto
}

.inst9-get-apps .inst9-apps img {
    width: 100%
}

.inst9-get-apps .blockchain-content p {
    color: #fff;
    font-family: "cera_pro_medium", Sans-serif;
    text-align: left;
    margin-bottom: 10px
}

.inst9-get-apps .blockchain-content .app-box1 {
    margin-top: 22%;
    text-align: left
}

.inst9-get-apps .blockchain-content .app-box2 {
    margin-top: 22%;
    text-align: left
}

.inst9-get-apps .blockchain-content .appBtns {
    width: 200px;
    display: inline-block
}

.inst9-get-apps .blockchain-content .appBtns img {
    width: 100%
}

.pwa-web-app h3 {
    color: #fff
}

.pwa-web-app .style_2 {
    margin-top: 30px
}

.pwa-section .ios_services li {
    position: relative;
    margin-bottom: 30px;
    font-weight: 600;
    margin-top: 10px;
    display: block;
    background-color: #fff;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 10px
}

.pwa-section .ios_services li i {
    color: #7332d4;
    margin-right: 10px
}

.pwa-section .faq-side {
    background-image: url(../img/pwa-side-img.png);
    max-width: 527px;
    height: 494px
}

.wn-points {
    padding-bottom: 50px
}

.wn-points .wn {
    margin-top: 50px;
    min-height: 200px;
    padding: 30px;
    background-color: #fff;
    margin-top: 30px;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4)
}

.wn-points .wn li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px
}

.wn-points .wn li i {
    position: absolute;
    left: 0;
    top: 2px
}

.stepscolorbg .owl-hirebottom {
    display: block
}

.stepscolorbg .owl-hirebottom .owl-nav {
    text-align: center
}

.stepscolorbg .owl-hirebottom .owl-nav button {
    background: 0;
    border: 0;
    position: absolute;
    top: 40%;
    box-shadow: none;
    font-size: 22px;
    color: #fff
}

.stepscolorbg .owl-hirebottom .owl-nav button.fa-chevron-left {
    left: 0
}

.stepscolorbg .owl-hirebottom .owl-nav button.fa-chevron-right {
    right: 0
}

.adds_value.hire-colns .owl-hiretop {
    display: block
}

.adds_value.hire-colns .owl-hiretop .owl-nav {
    text-align: center
}

.adds_value.hire-colns .owl-hiretop .owl-nav button {
    background: 0;
    border: 0;
    position: absolute;
    top: 40%;
    box-shadow: none;
    font-size: 22px
}

.adds_value.hire-colns .owl-hiretop .owl-nav button.fa-chevron-left {
    left: 0
}

.adds_value.hire-colns .owl-hiretop .owl-nav button.fa-chevron-right {
    right: 0
}

.about-us-timeline .owl-hiretop {
    display: block
}

.about-us-timeline .owl-hiretop .owl-nav {
    text-align: center
}

.about-us-timeline .owl-hiretop .owl-nav button {
    background: 0;
    border: 0;
    position: absolute;
    top: 40%;
    box-shadow: none;
    font-size: 22px
}

.about-us-timeline .owl-hiretop .owl-nav button.fa-chevron-left {
    left: 0
}

.about-us-timeline .owl-hiretop .owl-nav button.fa-chevron-right {
    right: 0
}

.about-us-timeline .owl-carousel .owl-item img {
    display: inline-block;
    width: auto
}

.hireDedicated-page .hire-p {
    max-width: 861px;
    margin: 0 auto
}

.hireDedicated-page .hire-p img {
    width: 100%
}

.hireDedicated-page .subContent .hire-title-gap {
    margin-top: 150px
}

.hireDedicated-page .hire-p {
    max-width: 869px;
    margin: 0 auto
}

.hireDedicated-page .hire-p img {
    width: 100%
}

.hireDedicated-page .subContent .hire-title-gap {
    margin-top: 150px
}

.fix-cell {
    padding: 0;
    background-color: #152354;
    background-image: url(../img/screen-group.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right center;
    min-height: 680px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fix-cell .hire-up-title {
    position: absolute;
    top: 0;
    width: 320px;
    height: 210px;
    bottom: 0;
    left: 40%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 20px 20px;
    display: inline-block;
    color: #fff;
    z-index: 2
}

.fix-cell .hire-up-title .httl {
    font-weight: 700;
    font-size: 26px
}

.fix-cell .hire-up-title ul li {
    position: relative;
    margin-top: 20px;
    padding-left: 30px
}

.fix-cell .hire-up-title ul li:after {
    position: absolute;
    left: 0;
    top: 9px;
    width: 20px;
    height: 5px;
    background-color: #dd4f8a;
    content: "";
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.fix-cell .himg-hire {
    position: relative;
    z-index: 1;
    max-width: 742px
}

.fix-cell .himg-hire img {
    width: 100%
}

.fix-cell .hire-up-title ul li:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fix-cell .hire-up-title ul li:hover:after {
    width: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fix-cell2 {
    padding: 0;
    background-color: #2f4fff;
    background-image: url(../img/screen-group2.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right center;
    min-height: 680px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fix-cell2 .hire-up-title {
    position: absolute;
    top: 0;
    width: 320px;
    height: 290px;
    bottom: 0;
    left: 40%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 20px 20px;
    display: inline-block;
    color: #fff;
    z-index: 2
}

.fix-cell2 .hire-up-title .httl {
    font-weight: 700;
    font-size: 26px
}

.fix-cell2 .hire-up-title ul li {
    position: relative;
    margin-top: 20px;
    padding-left: 30px
}

.fix-cell2 .hire-up-title ul li:after {
    position: absolute;
    left: 0;
    top: 9px;
    width: 20px;
    height: 5px;
    background-color: #dd4f8a;
    content: "";
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.fix-cell2 .himg-hire2 {
    position: relative;
    z-index: 1;
    max-width: 700px;
    margin: 78px 0
}

.fix-cell2 .himg-hire2 img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-box-shadow: 10px 10px 5px 0 #2b32bd;
    -moz-box-shadow: 10px 10px 5px 0 #2b32bd;
    box-shadow: 10px 10px 5px 0 #2b32bd
}

.fix-cell2 .hire-up-title ul li:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fix-cell2 .hire-up-title ul li:hover:after {
    width: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fix-cell2 .himg-hire {
    position: relative;
    z-index: 1
}

.stepscolorbg.white-bg {
    background: #f6f8ff
}

.stepscolorbg.white-bg .titlenew {
    color: #333
}

.stepscolorbg.white-bg h2 {
    color: #333
}

.stepscolorbg.white-bg p {
    color: #333
}

.hireDedicated-page .hero-recaptcha {
    text-align: center
}

.hireDedicated-page .hero-recaptcha .g-recaptcha {
    display: inline-block
}

.cf-features.cyber-benefits.salesforce-int .fsas-col {
    margin-bottom: 10px
}

.cf-features.cyber-benefits.salesforce-int .fsas-col .gf-icon {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: 10px
}

.cf-features.cyber-benefits.salesforce-int .fsas-col h4 {
    display: inline-block;
    vertical-align: middle
}

.cf-features.cyber-benefits.salesforce-int .list-way li {
    margin-bottom: 20px
}

.cf-features.cyber-benefits.salesforce-int p.tp-gp {
    margin-top: 50px
}

.php-section-whip-smart.wc-crm .sss-list {
    margin-left: 15px;
    margin-bottom: 50px
}

.php-section-whip-smart.wc-crm .sss-list li {
    padding-left: 13px;
    display: inline-block;
    width: 49%;
    vertical-align: top;
    position: relative;
    margin-bottom: 10px
}

.php-section-whip-smart.wc-crm .sss-list li:before {
    width: 7px;
    height: 6px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    background-color: #333
}

.php-section-whip-smart.wc-crm .whip-smart-list li {
    border-radius: 0;
    min-height: 180px
}

.banner_ios_section.saleforce-custome-page .container .subContent h1.titleTop {
    margin-top: 5%
}

.banner_ios_section.saleforce-custome-page .container {
    z-index: 2;
    position: relative;
    display: table;
    height: 100%
}

.banner_ios_section.saleforce-custome-page .subContent {
    display: table-cell;
    vertical-align: middle
}

.banner_ios_section.saleforce-custome-page .leftPadd {
    padding-left: 0
}

.saleforce-custome-page .appForm {
    max-width: 400px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, .7);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 20px 24px;
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0 10px 20px 0 rgba(175, 55, 219, .3);
    -moz-box-shadow: 0 10px 20px 0 rgba(175, 55, 219, .3);
    box-shadow: 0 10px 20px 0 rgba(175, 55, 219, .3)
}

.saleforce-custome-page .appForm .icon-frm {
    margin-bottom: 20px
}

.saleforce-custome-page .appForm .heading-form {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    color: #000
}

.saleforce-custome-page .appForm .form-text {
    color: #333;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 10px
}

.saleforce-custome-page .appForm .form-control {
    height: auto;
    padding: 10px;
    background: #fff;
    color: #333;
    border: 1px solid #af37db
}

.saleforce-custome-page .appForm .checkbox_form {
    color: #333;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
    line-height: normal
}

.saleforce-custome-page .appForm .checkbox_form br {
    display: none
}

.saleforce-custome-page .appForm select option {
    color: #333
}

.saleforce-custome-page .appForm .msg {
    height: 80px;
    resize: vertical
}

.saleforce-custome-page .appForm span.error {
    left: 16px;
    top: 43px;
    font-weight: 600;
    background-color: transparent
}

.saleforce-custome-page .appForm .msg-frm span.error {
    top: 80px
}

.saleforce-custome-page .appForm .checkbox_form span.error {
    top: 20px
}

.saleforce-custome-page .appForm ::-webkit-input-placeholder {
    color: #333
}

.saleforce-custome-page .appForm :-ms-input-placeholder {
    color: #333
}

.saleforce-custome-page .appForm ::placeholder {
    color: #333
}

.saleforce-custome-page #contact_results .error {
    max-width: 500px;
    margin: 50px auto 0 auto
}

.saleforce-custome-page .appForm .style_2 {
    margin-top: 20px;
    background: #af37db;
    background: -moz-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #af37db), color-stop(100%, #fd3159));
    background: -webkit-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -o-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -ms-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: linear-gradient(135deg, #af37db 0, #fd3159 100%);
    color: #fff;
    border: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "cera_pro_medium", Sans-serif;
    padding: 10px 30px
}

.salesforce-list-section .salesforce-list {
    color: #fff;
    margin-top: 10px
}

.saleforce-custome-page.jaipur-banner .inner_form {
    max-width: 400px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, .7);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 20px 24px;
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0 10px 20px 0 rgba(175, 55, 219, .3);
    -moz-box-shadow: 0 10px 20px 0 rgba(175, 55, 219, .3);
    box-shadow: 0 10px 20px 0 rgba(175, 55, 219, .3)
}

.saleforce-custome-page.jaipur-banner .inner_form p {
    margin-top: 0
}

.saleforce-custome-page.jaipur-banner .inner_form .icon-frm {
    margin-bottom: 20px
}

.saleforce-custome-page.jaipur-banner .inner_form .heading-form {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    color: #000
}

.saleforce-custome-page.jaipur-banner .inner_form .form-text {
    color: #333;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 10px
}

.saleforce-custome-page.jaipur-banner .inner_form .form-control {
    height: auto;
    padding: 10px;
    background: #fff;
    color: #333;
    border: 1px solid #af37db
}

.saleforce-custome-page.jaipur-banner .inner_form .checkbox_form {
    color: #333;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
    line-height: normal
}

.saleforce-custome-page.jaipur-banner .inner_form .checkbox_form br {
    display: none
}

.saleforce-custome-page.jaipur-banner .inner_form select option {
    color: #333
}

.saleforce-custome-page.jaipur-banner .inner_form .msg {
    height: 80px;
    resize: vertical
}

.saleforce-custome-page.jaipur-banner .inner_form span.error {
    left: 16px;
    top: 43px;
    font-weight: 600;
    background-color: transparent
}

.saleforce-custome-page.jaipur-banner .inner_form .msg-frm span.error {
    top: 80px
}

.saleforce-custome-page.jaipur-banner .inner_form .checkbox_form span.error {
    top: 20px
}

.saleforce-custome-page.jaipur-banner .inner_form ::-webkit-input-placeholder {
    color: #333
}

.saleforce-custome-page.jaipur-banner .inner_form :-ms-input-placeholder {
    color: #333
}

.saleforce-custome-page.jaipur-banner .inner_form ::placeholder {
    color: #333
}

.saleforce-custome-page.jaipur-banner .inner_form .style_2 {
    margin-top: 20px;
    background: #af37db;
    background: -moz-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #af37db), color-stop(100%, #fd3159));
    background: -webkit-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -o-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: -ms-linear-gradient(-45deg, #af37db 0, #fd3159 100%);
    background: linear-gradient(135deg, #af37db 0, #fd3159 100%);
    color: #fff;
    border: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "cera_pro_medium", Sans-serif;
    padding: 10px 30px
}

.about-us-timeline.timeline-theme-change {
    background: #ff3d9e;
    background: -moz-linear-gradient(-45deg, #ff3d9e 0, #481891 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #ff3d9e), color-stop(100%, #481891));
    background: -webkit-linear-gradient(-45deg, #ff3d9e 0, #481891 100%);
    background: -o-linear-gradient(-45deg, #ff3d9e 0, #481891 100%);
    background: -ms-linear-gradient(-45deg, #ff3d9e 0, #481891 100%);
    background: linear-gradient(135deg, #ff3d9e 0, #481891 100%)
}

.about-us-timeline.timeline-theme-change h2 {
    color: #fff
}

.about-us-timeline.timeline-theme-change .line-start {
    color: #fff;
    border-bottom-color: #ffbc00
}

.about-us-timeline.timeline-theme-change .about-timeline .title {
    color: #fff
}

.about-us-timeline.timeline-theme-change .about-timeline .timeline-content p {
    color: #fff
}

.about-us-timeline.timeline-theme-change .about-timeline .date-content:before {
    background-color: #ffbc00
}

.about-us-timeline.timeline-theme-change .about-timeline .date-outer:after {
    border-color: #fff
}

.about-us-timeline.timeline-theme-change .about-timeline:before {
    background-color: #ffbc00
}

.about-us-timeline.timeline-theme-change .about-timeline .icon:after {
    border-color: #ffbc00
}

.about-us-timeline.timeline-theme-change .about-timeline .date-outer:before {
    background: 0;
    border-color: #ffbc00
}

.about-us-timeline.timeline-theme-change .about-timeline .icon:before {
    background: 0;
    border-color: #fff
}

.about-us-timeline.timeline-theme-change .about-timeline .date img {
    filter: contrast(160%);
    -webkit-filter: contrast(160%)
}

.salesforce-technology-stack {
    background: #f6f8ff;
    text-align: center
}

.salesforce-technology-stack .free-title {
    font-family: "cera_pro_black", Sans-serif;
    text-align: center;
    margin-top: 20px;
    font-size: 30px;
    line-height: 1.1;
    color: inherit
}

.salesforce-technology-stack .groceryTag {
    text-align: center;
    margin-top: 50px
}

.salesforce-technology-stack .groceryTag li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 10px 10px
}

.salesforce-technology-stack .groceryTag li span {
    display: inline-block;
    padding: 2px 10px;
    font-size: 12px;
    color: #fff;
    background-color: #333;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.saleforce-custome-page .ssl-listing {
    margin-left: 20px;
    margin-top: 20px
}

.saleforce-custome-page .ssl-listing li {
    list-style: disc;
    color: #fff;
    margin-bottom: 5px
}

.cf-features.cyber-benefits p.text-justify {
    padding: 0 20px;
    text-align: justify;
    text-justify: inter-word
}

.techno-new-about {
    position: relative;
    overflow: hidden
}

.techno-new-about:after {
    position: absolute;
    content: "";
    left: -610px;
    top: -350px;
    width: 1000px;
    height: 1000px;
    background-color: #f6f8ff;
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.techno-new-about .container {
    position: relative;
    z-index: 1
}

.techno-new-about p {
    margin-bottom: 50px
}

.techno-new-about .title {
    margin-bottom: 30px
}

.techno-new-about .techno-link {
    background-color: #fff;
    position: relative;
    font-size: 14px;
    padding: 15px 15px 15px 34px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    min-height: 56px;
    -webkit-border-radius: 100px;
    margin-bottom: 30px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2)
}

.techno-new-about .techno-link .tch-img {
    text-align: center;
    position: absolute;
    left: -15px;
    top: 14px;
    width: 40px;
    height: 26px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #ff3d9e;
    background: -moz-linear-gradient(-45deg, #ff3d9e 0, #481891 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, #ff3d9e), color-stop(100%, #481891));
    background: -webkit-linear-gradient(-45deg, #ff3d9e 0, #481891 100%);
    background: -o-linear-gradient(-45deg, #ff3d9e 0, #481891 100%);
    background: -ms-linear-gradient(-45deg, #ff3d9e 0, #481891 100%);
    background: linear-gradient(135deg, #ff3d9e 0, #481891 100%)
}

.techno-new-about .techno-link .tch-img i {
    font-size: 22px;
    color: #fff
}

.techno-new-about .techno-link a {
    font-family: "cera_pro_black", Sans-serif;
    margin-bottom: 0;
    line-height: normal
}

.techno-new-about .tnb-box {
    max-width: 353px;
    margin: 85px auto 0 auto
}

.techno-new-about .tnb-box img {
    width: 100%
}

.techno-new-about .techno-link p {
    margin-bottom: 0
}

.techno-right-img-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden
}

.techno-right-img-section:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    width: 26.7%;
    background-color: #f6f8ff
}

.techno-right-img-section .container {
    position: relative;
    z-index: 1
}

.techno-right-img-section .title {
    margin-bottom: 30px
}

.techno-right-img-section .tch-list {
    margin-top: 15px;
    margin-left: 15px
}

.techno-right-img-section .tch-list li {
    margin-bottom: 10px;
    list-style: disc
}

.techno-right-img-section b {
    margin-top: 10px;
    display: inline-block
}

.techno-right-img-section .salesforce-side-img {
    max-width: 477px;
    margin: 0 auto
}

.techno-right-img-section .salesforce-side-img img {
    -webkit-border-radius: 70px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 70px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 70px;
    border-bottom-left-radius: 0
}

.techno-right-img-section .mob-show {
    display: none
}

.techno-right-img-section .web-show {
    display: block
}

.techno-left-img-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden
}

.techno-left-img-section:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 26.7%;
    background-color: #f6f8ff
}

.techno-left-img-section .container {
    position: relative;
    z-index: 1
}

.techno-left-img-section .title {
    margin-bottom: 30px
}

.techno-left-img-section .tch-list {
    margin-top: 15px;
    margin-left: 15px
}

.techno-left-img-section .tch-list li {
    margin-bottom: 10px;
    list-style: disc
}

.techno-left-img-section b {
    margin-top: 10px;
    display: inline-block
}

.techno-left-img-section .salesforce-side-img {
    max-width: 477px;
    margin: 0 auto
}

.techno-left-img-section .salesforce-side-img img {
    -webkit-border-radius: 70px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 70px;
    -moz-border-radius-bottomright: 0;
    border-radius: 70px;
    border-bottom-right-radius: 0
}

.iPhone-native-hybrid.cpad-page .tb-style li {
    width: auto
}

.iPhone-native-hybrid.cpad-page .tb-style li abbr {
    padding: 10px 15px
}

.iPhone-native-hybrid h3.cpad-top {
    margin-top: 50px
}

.iPhone-page-about .ios-abt-img.cpad-img {
    margin-top: 100px
}

@media only screen and (max-width:767px) {
    .iPhone-native-hybrid h3.cpad-top {
        margin-top: 0
    }
    .iPhone-page-about .ios-abt-img.cpad-img {
        margin-top: 0
    }
    .iPhone-page-about .btnn-r {
        text-align: center
    }
    .iPhone-native-hybrid .tb-style {
        text-align: center
    }
    .iPhone-native-hybrid.cpad-page h3 {
        margin-top: 30px
    }
}

.crypto-solutions-other.cso-new .os-services li .os-icon {
    top: 13px
}

.crypto-solutions-other.cso-new .os-services li .free-title {
    display: inline-block;
    margin-top: 10px
}

.crypto-solutions-other.cso-new .os-services li p {
    display: inline-block;
    vertical-align: middle
}

.fantasy-about .fsas-col {
    margin-bottom: 50px;
    text-align: center
}

.fantasy-about h4 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
    font-family: "cera_pro_medium", Sans-serif;
}

.fantasy-about .gf-icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border: 1px dashed rgba(79, 33, 185, .4);
    text-align: center;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 40px 0 rgba(79, 33, 185, .3);
    -moz-box-shadow: 0 0 40px 0 rgba(79, 33, 185, .3);
    box-shadow: 0 0 40px 0 rgba(79, 33, 185, .3)
}

.fantasy-about .gf-icon img {
    margin-top: 14px
}

.iot-iws.block-full-bg::after {
    width: 100%
}

.iot-iws.ibeacon-ble.blockchain-technology.block-full-bg .difference-box {
    min-height: 340px
}

.blockchain-application-crypto.bk-chain {
    min-height: 630px
}

.blockchain-application-crypto.bk-chain::after {
    height: 420px
}

.cyber-benefits .whip-smart-box .list {
    text-align: left;
    margin-left: 15px;
    margin-top: 50px
}

.cyber-benefits .whip-smart-box .list li {
    list-style: disc;
    margin-bottom: 10px
}

.fantasy-sports-app-sol.fspas-tc .wht-bx {
    min-height: 320px
}

.tabsChanger .list {
    text-align: left;
    margin-left: 15px;
    margin-top: 50px
}

.tabsChanger .list li {
    list-style: disc;
    margin-bottom: 10px
}

.inner_form .icon-frm {
    position: relative
}

.inner_form .icon-frm span.wpcf7-not-valid-tip {
    font-size: 13px;
    font-weight: 700;
    text-align: left
}

.inner_form div.wpcf7-acceptance-missing,
.inner_form div.wpcf7-validation-errors {
    color: #fff
}

.inner_form .checkbox_form span.wpcf7-list-item {
    margin-left: 0
}

.inner_form .checkbox_form span.wpcf7-not-valid-tip {
    font-size: 13px;
    font-weight: 700;
    text-align: left
}

.inner_form .iti {
    margin-left: 23px;
    padding-left: 22px;
    border-bottom: 0;
    width: 84px
}

.inner_form .iti.iti--allow-dropdown .iti__selected-flag {
    width: 86px
}

.inner_form .iti.iti--allow-dropdown .iti__selected-flag .iti__flag {
    left: -10px;
    margin-left: -10px
}

.inner_form .iti.iti--allow-dropdown .iti__flag-container {
    width: 100px;
    left: -24px;
    border-radius: 4px;
    padding: 20px 20px;
    background-color: #fff;
    border: 1px solid #af37db
}

.inner_form .form-control#inner_pre_phone {
    border: 0;
    border-radius: 0;
    background: 0;
    box-shadow: none
}

.inner_form .iti.iti--allow-dropdown .iti__country-list {
    z-index: 99
}

.core-features-new .in_Tabs {
    background-color: #f5f5f5;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding: 20px
}

.core-features-new .in_Tabs .inTabs {
    border-bottom: 0;
    padding-top: 2px;
    text-align: center;
    margin-bottom: 50px;
    margin-left: -10px
}

.core-features-new .in_Tabs .inTabs>li {
    float: none;
    display: inline-block;
    margin: 10px 10px;
    border: 0
}

.core-features-new .in_Tabs .inTabs>li {
    margin-right: -1px
}

.core-features-new .in_Tabs .inTabs>li a span {
    vertical-align: middle;
    margin-right: 10px;
    width: 46px;
    height: 46px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #a5a5a5
}

.core-features-new .in_Tabs .inTabs>li a span img {
    width: 30px
}

.core-features-new .in_Tabs .inTabs>li>a {
    opacity: .5;
    max-width: 320px;
    color: #000;
    display: block;
    background-color: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 0;
    font-weight: 700;
    padding: 5px 20px 5px 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.core-features-new .in_Tabs .inTabs>li>a span img {
    margin-top: 8px
}

.core-features-new .in_Tabs .inTabs>li.active>a,
.core-features-new .in_Tabs .inTabs>li.active>a:focus,
.core-features-new .in_Tabs .inTabs>li.active>a:hover {
    border: 0;
    opacity: 1;
    color: #9510c2
}

.core-features-new .in_Tabs .inTabs>li.active>a span,
.core-features-new .in_Tabs .inTabs>li.active>a:focus span,
.core-features-new .in_Tabs .inTabs>li.active>a:hover span {
    background-color: #ff4caa
}

.core-features-new .in_Tabs .tab-content .core-icons {
    text-align: center;
    margin-bottom: 30px
}

.core-features-new .in_Tabs .tab-content .core-icons img {
    width: 50px
}

.core-features-new .in_Tabs .tab-content .core-icons h4 {
    font-size: 16px
}

.cta-resto {
    background-color: #6e0435;
    min-height: 166px;
    position: relative
}

.cta-resto:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 218px;
    height: 166px;
    background-image: url(../img/resto-left-min1.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto
}

.cta-resto:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 200px;
    height: 166px;
    background-image: url(../img/resto-right-min1.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto
}

.cta-resto h2 {
    color: #fff;
    text-align: center;
    margin-top: 15px
}

.cta-resto .mCntr {
    text-align: center
}

.cta-resto .mCntr .style_3 {
    margin-top: 0
}

.cta-resto .container {
    position: relative;
    z-index: 1
}

.manento-cta {
    margin: 30px 0;
    min-height: 260px;
    background: #1e5799;
    background: -moz-linear-gradient(45deg, #1e5799 0, #512681 100%);
    background: -webkit-linear-gradient(45deg, #1e5799 0, #512681 100%);
    background: linear-gradient(45deg, #1e5799 0, #512681 100%)
}

.manento-cta .mgnto-img {
    max-width: 356px;
    position: absolute;
    left: 0;
    top: -75px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .2);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px
}

.manento-cta .mgnto-img img {
    width: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: 10px solid #4b2b84
}

.manento-cta h2 {
    color: #fff;
    margin-top: 0
}

.manento-cta p {
    color: #fff
}

.why-choose9hz.change-way .choose-bx {
    margin-top: 0
}

.why-choose9hz.change-way .choose-bx .circle-bdr-o {
    width: 90px;
    height: 90px
}

.why-choose9hz.change-way .choose-bx .circle-bdr-o .img-static {
    width: 50px;
    height: 50px
}

.why-choose9hz.change-way .choose-bx .circle-bdr-o img.img-rot {
    width: 90px;
    height: 90px
}

.fantasy-sports-app-sol.theme-change {
    background-color: #f6f8ff
}

.fantasy-sports-app-sol.theme-change h2 {
    color: #333
}

.fantasy-sports-app-sol.theme-change p {
    color: #333
}

.fantasy-sports-app-sol.theme-change h3 {
    color: #333
}

.fantasy-sports-app-sol .wht-bx {
    color: #333;
    background-color: #fff;
    box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -webkit-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
    -moz-box-shadow: 0 10px 25px 0 rgba(139, 180, 226, .4);
}

.cf-features.cyber-benefits .list-way {
    margin-left: 20px
}

.cf-features.cyber-benefits .list-way li {
    list-style: disc;
    margin-bottom: 10px;
    text-align: left
}

.blog_post {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative
}

.blog_post:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 100%;
    height: 1px;
    background-color: #5a4ce0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog_post:hover:after {
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.elm-button-text {
    font-size: 12px
}

.ps-timeline-sec h2 {
    text-align: center;
    margin-bottom: 20px
}

.ps-timeline-sec p {
    text-align: center
}

.ps-timeline-sec {
    position: relative;
    background: #fff
}

.ps-timeline-sec .container {
    position: relative
}

.ps-timeline-sec .container ol:after,
.ps-timeline-sec .container ol:before {
    background: #1e5799;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 49.4%
}

.ps-timeline-sec .container ol:before {
    left: 8px
}

.ps-timeline-sec .container ol:after {
    right: 8px
}

.ps-timeline-sec .container ol.ps-timeline {
    margin: 390px 0;
    padding: 0;
    border-top: 2px solid #1e5799;
    list-style: none
}

.ps-timeline-sec .container ol.ps-timeline li {
    float: left;
    width: 20%;
    padding-top: 30px;
    position: relative;
    text-align: center
}

.ps-timeline-sec .container ol.ps-timeline li span {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    background: #fff;
    border: 4px solid #1e5799;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #fff;
    text-align: center;
    line-height: 50px -10;
    color: #ff3d9d;
    font-size: 24px;
    font-style: normal;
    position: absolute;
    top: -26px;
    left: 50%;
    padding-top: 9px;
    font-family: "cera_pro_bold";
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
    content: '';
    color: #1e5799;
    width: 2px;
    height: 50px;
    background: #1e5799;
    position: absolute;
    top: -50px;
    left: 50%
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
    content: '';
    color: #1e5799;
    width: 8px;
    height: 8px;
    background: #1e5799;
    position: absolute;
    bottom: 90px;
    left: 44%;
    border-radius: 100%
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
    content: '';
    color: #1e5799;
    width: 2px;
    height: 50px;
    background: #1e5799;
    position: absolute;
    bottom: -50px;
    left: 50%
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
    content: '';
    color: #1e5799;
    width: 8px;
    height: 8px;
    background: #1e5799;
    position: absolute;
    top: 90px;
    left: 44%;
    border-radius: 100%
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 130px;
    width: 100%
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
    display: table;
    margin: 0 auto;
    max-width: 200px
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    position: absolute;
    margin-top: 60px;
    width: 100%
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
    display: table;
    margin: 0 auto;
    max-width: 200px
}

.ps-timeline-sec .container ol.ps-timeline li .p-text {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    background-color: #f0f8ff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 6px 10px;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: "cera_pro_medium", Sans-serif;
    border-top: 1px solid #deebf9
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 100px;
    width: 100%
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    position: absolute;
    margin-top: 35px;
    width: 100%
}

.ps-timeline-sec .container ol.ps-timeline li h4 {
    text-align: center;
    margin-bottom: 20px
}

.portfolio-main-page .portfolio-work {
    padding-top: 150px !important
}

.fantasy-about.fa-grocery.pwd {
    padding-top: 50px
}

.fantasy-about.fa-grocery.pwd .fantasy-about-list li br {
    display: none
}

.blog_cont .marketing .blog_post img.auto-set {
    width: auto;
    margin: 5px auto 25px 0
}

.cf-features.cyber-benefits.android-ds {
    background-color: #fff
}

.cf-features.cyber-benefits.android-ds h2 {
    margin-bottom: 40px
}

.cf-features.cyber-benefits.android-ds h3 {
    font-size: 22px
}

.seo-packages table {
    border: 1px solid #e8e8e8;
    font-family: Roboto, sans-serif
}

.seo-packages table tr.onpage td:first-child {
    background-color: #1eb1a9;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700
}

.seo-packages table tr.onpage td.onbg {
    background-color: #ceeeec
}

.seo-packages table tr.offpage td:first-child {
    background-color: #f36d52;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700
}

.seo-packages table tr.offpage td.offbg {
    background-color: #fde2dc
}

.seo-packages table tr.socialmedia td:first-child {
    background-color: #8b7f67;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700
}

.seo-packages table tr.socialmedia td.smbg {
    background-color: #e8e5e1
}

.seo-packages table tr.eLinks td:first-child {
    background-color: #ad5e61;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700
}

.seo-packages table tr.eLinks td.elbg {
    background-color: #efdfdf
}

.seo-packages table tr.nel td:first-child {
    background-color: #607d8b;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700
}

.seo-packages table tr.nel td.nelbg {
    background-color: #dfe5e8
}

.seo-packages table tr td,
.seo-packages table tr th {
    padding: 5px;
    border-bottom: 1px solid #e8e8e8
}

.seo-packages table tr td i {
    color: #3b8686
}

.seo-packages table tr th.bg1 {
    background-color: #dd4c4c;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-style: italic
}

.seo-packages table tr th.bg2 {
    background-color: #8b7f67;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.seo-packages table tr th.bg3 {
    background-color: #95a0a9;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.seo-packages table tr th.bg4 {
    background-color: #ff9700;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.seo-packages table tr th.bg5 {
    background-color: #9ac2b9;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.seo-packages table tr th.bg6 {
    background-color: #e987b8;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.seo-packages .notetxt {
    background-color: #dd4c4c;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    padding: 5px;
    margin-top: 10px
}

.seo-packages .notetxt p {
    margin-bottom: 0
}

header.masthead.career-page.infa .title-h2 {
    color: #fff;
    margin-top: 0;
    margin-top: 20px
}

.aso-terms {
    background-color: #f6f8ff
}

.aso-terms .title-h2 {
    text-align: center;
    margin-bottom: 20px
}

.aso-terms .title-h3 {
    margin-bottom: 20px
}

.aso-terms .title-h4 {
    margin-bottom: 20px
}

.aso-terms .title-h4 span {
    color: #0e02ff
}

.seo-packages table tr.purpal td.onbg {
    background-color: #efddff
}

.seo-packages table tr.purpal td:first-child {
    background-color: #9556cc;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700
}

.aso-terms .aso-list li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px
}

.aso-terms .aso-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px
}

.aso-terms .aso-list.al-in {
    margin-left: 20px;
    margin-top: 20px
}

@media only screen and (max-width:1700px) {
    .hireDedicated-page .subContent h1 {
        font-size: 2.6em
    }
    .fantasySports-bnr .fantasy-mob-group {
        width: 766px
    }
    .fantasySports-bnr .fantasy-mob-middle {
        max-width: 400px
    }
    .fantasySports-bnr .fantasy-mob-left {
        max-width: 372px
    }
    .fantasySports-bnr .fantasy-mob-right {
        max-width: 371px
    }
    .fantasySports-bnr .fantasy-mob-group {
        min-height: 700px
    }
    .fantasy-app-choose .fant-choose-mob {
        width: 602px
    }
    .fantasy-app-choose .wc-img-left {
        max-width: 349px
    }
    .fantasy-app-choose .wc-img-right {
        max-width: 398px
    }
    .live-demo::after {
        left: 10%
    }
    .fantasy-sports-app-sol.great-features .wht-bx {
        min-height: 230px
    }
    .fantasy-sports-app-sol.great-features h4 {
        font-size: 18px;
        min-height: 40px
    }
    .fantasy-sports-app-sol.great-features .wht-bx {
        min-height: 230px
    }
    .hire-dedicated-developers-bnr {
        max-width: 800px
    }
    .diverse-range .buy_sell .buy-screen {
        max-width: 300px
    }
    .diverse-range .buy_sell .sell-screen {
        max-width: 300px
    }
    .realestate-oaf .light-box {
        min-height: 210px;
        margin: 0
    }
    .effective-security .es-icons li {
        margin: 10px
    }
    .hire-pages-gradiant.hireDedicated-page.cyber-security .hire-dedicated-developers-bnr {
        max-width: 650px
    }
    .fantasy-sports-app-sol.great-features.ee-cybersecurity .wht-bx {
        min-height: 140px
    }
    .hire-pages-gradiant.hireDedicated-page.cyber-security h1 span {
        font-size: 56px
    }
    .ios-ods .ios-ods-in .ios-overly p {
        font-size: 15px
    }
    .ios-ods .ios-ods-in .ios-overly h3 {
        margin-bottom: 15px;
        font-size: 18px
    }
    .clients-delighted .dc-box {
        width: 246px
    }
    .sttps-bx-in p {
        font-size: 14px
    }
    .fix-cell .himg-hire {
        max-width: 560px;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .fix-cell .hire-up-title {
        left: 34%
    }
    .fix-cell {
        background-size: 1000px
    }
    .fix-cell2 .himg-hire2 {
        max-width: 560px;
        position: absolute;
        bottom: 48px;
        left: 50px
    }
    .fix-cell2 .hire-up-title {
        left: 37%
    }
    .fix-cell2 {
        background-size: 1000px
    }
    .adds_value.hire-colns .hirebox-colors {
        min-height: 350px
    }
    .adds_value .extra-features li {
        width: 47%;
        font-size: 15px
    }
    .on-demand-food-delivery-app-development .food-delivery-app-web {
        max-width: 1130px
    }
    .on-demand-food-delivery-app-development .food-delivery-group {
        min-height: 742px
    }
}

@media only screen and (max-width:1600px) {
    .hireDedicated-page .subContent h1 {
        font-size: 2.5em;
        margin-top: 0
    }
    .hirePagesBnr::before {
        width: 32%
    }
    .fantasySports-bnr .fantasy-mob-group {
        width: 766px
    }
    .fantasySports-bnr .fantasy-mob-middle {
        max-width: 400px
    }
    .fantasySports-bnr .fantasy-mob-left {
        max-width: 372px
    }
    .fantasySports-bnr .fantasy-mob-right {
        max-width: 371px
    }
    .fantasySports-bnr .fantasy-mob-group {
        min-height: 700px
    }
    .fantasy-app-choose .fant-choose-mob {
        width: 602px
    }
    .fantasy-app-choose .wc-img-left {
        max-width: 349px
    }
    .fantasy-app-choose .wc-img-right {
        max-width: 398px
    }
    .live-demo::after {
        left: 10%
    }
    .fantasy_section-tabs .feature_list {
        margin: 80px 0
    }
    .core-features .coreList-icons li {
        width: 13%
    }
    .fantasy-sports-app-sol.great-features h4 {
        font-size: 18px;
        min-height: 40px
    }
    .fantasy-sports-app-sol.great-features .wht-bx {
        min-height: 230px
    }
    .sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-prev {
        left: -3%
    }
    .sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-next {
        right: -3%
    }
    .hire-dedicated-developers-bnr {
        max-width: 800px
    }
    .cryptocurrency-exchange-bnr h1 {
        font-size: 3em
    }
    .fantasy-about.crypto-ex-dev h2 {
        font-size: 2.6em
    }
    .crypto-solutions-other .os-services li h3 {
        font-size: 22px
    }
    .bitcoinExchange h2 {
        font-size: 2.6em
    }
    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h3 {
        font-size: 16px
    }
    .what-cryptocurrency h2 {
        font-size: 2.6em
    }
    .diverse-range .buy_sell .buy-screen {
        max-width: 290px
    }
    .diverse-range .buy_sell .sell-screen {
        max-width: 290px
    }
    .on-demand-food-delivery-app-development .food-delivery-group {
        width: 1250px;
        min-height: 672px
    }
    .on-demand-food-delivery-app-development .food-delivery-app-mob {
        max-width: 330px
    }
    .fantasy_section-tabs.restaurant-appFeatures .feature_list {
        margin: 57px
    }
    .realestate-oaf .light-box {
        min-height: 250px;
        margin: 0
    }
    .effective-security .es-icons li {
        margin: 10px
    }
    .hire-pages-gradiant.hireDedicated-page.cyber-security .hire-dedicated-developers-bnr {
        max-width: 600px
    }
    .fantasy-sports-app-sol.great-features.ee-cybersecurity .wht-bx {
        min-height: 150px
    }
    .hire-pages-gradiant.hireDedicated-page.cyber-security h1 span {
        font-size: 56px
    }
    .three-tier h2 {
        font-size: 2.6em
    }
    .ios-ods .ios-ods-in .ios-overly p {
        font-size: 14px
    }
    .ios-ods .ios-ods-in .ios-overly h3 {
        margin-bottom: 10px;
        font-size: 18px
    }
    .clients-delighted .dc-box {
        width: 236px
    }
    .clients-delighted .client-circel {
        width: 110px;
        height: 110px
    }
    .clients-delighted .owl-carousel .owl-item .client-circel img {
        width: 110px;
        height: 110px
    }
    .clients-delighted .dc-cli-ents.owl-carousel .owl-nav {
        left: -108px
    }
    figure.on-demand-solution-slider p {
        font-size: 13px
    }
    .new-home-badges .home-badge-slider.owl-carousel .owl-prev {
        left: -20px
    }
    .new-home-badges .home-badge-slider.owl-carousel .owl-next {
        right: -20px
    }
    .fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight {
        min-height: 260px
    }
    .fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight2 {
        min-height: 200px
    }
    .fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight.mh {
        min-height: 246px
    }
    .fix-cell .himg-hire {
        max-width: 500px;
        position: absolute;
        bottom: 0;
        left: 50px
    }
    .fix-cell .hire-up-title {
        margin-top: 50px;
        margin-left: 0;
        left: 50px
    }
    .fix-cell {
        background-size: 950px
    }
    .fix-cell .hire-up-title ul li {
        margin-top: 15px
    }
    .fix-cell2 .himg-hire2 {
        max-width: 442px;
        position: absolute;
        bottom: 0;
        left: 50px;
        margin-bottom: 50px
    }
    .fix-cell2 .hire-up-title {
        margin-top: 30px;
        margin-left: 0;
        left: 50px
    }
    .fix-cell2 .hire-up-title ul li {
        margin-top: 15px
    }
    .fix-cell2 {
        background-size: 950px
    }
    .adds_value .extra-features li {
        width: 46%;
        font-size: 14px
    }
    .hireDedicated-page .appForm .form-text {
        font-size: 14px
    }
    .hireDedicated-page .appForm .msg-frm span.error {
        top: 70px
    }
    .hireDedicated-page .appForm .checkbox_form span.error {
        top: 20px
    }
    .hireDedicated-page .appForm .form-control {
        padding: 8px 8px;
        font-size: 14px
    }
    .hireDedicated-page .appForm .icon-frm {
        margin-bottom: 16px
    }
    .hireDedicated-page {
        padding-bottom: 50px
    }
    .hireDedicated-page .appForm {
        padding: 20px
    }
    .hireDedicated-page .appForm span.error {
        top: 39px
    }
    .hireDedicated-page .appForm .msg {
        height: 68px
    }
    .adds_value.hire-colns .hirebox-colors {
        min-height: 350px
    }
    .banner_ios_section.saleforce-custome-page .container .subContent h1.titleTop {
        margin-top: 20%;
        font-size: 2.2em
    }
    .saleforce-custome-page .appForm .form-text {
        font-size: 14px
    }
    .saleforce-custome-page .appForm .msg-frm span.error {
        top: 70px
    }
    .saleforce-custome-page .appForm .checkbox_form span.error {
        top: 20px
    }
    .saleforce-custome-page .appForm .form-control {
        padding: 8px 8px;
        font-size: 14px
    }
    .saleforce-custome-page .appForm .icon-frm {
        margin-bottom: 16px
    }
    .saleforce-custome-page {
        padding-bottom: 50px
    }
    .saleforce-custome-page .appForm {
        padding: 20px;
        margin-top: 100px
    }
    .saleforce-custome-page .appForm span.error {
        top: 39px
    }
    .saleforce-custome-page .appForm .msg {
        height: 68px
    }
    .fantasy-sports-app-sol.fspas-tc .wht-bx {
        min-height: 340px
    }
    .saleforce-custome-page.jaipur-banner .inner_form .form-text {
        font-size: 14px
    }
    .saleforce-custome-page.jaipur-banner .inner_form .msg-frm span.error {
        top: 70px
    }
    .saleforce-custome-page.jaipur-banner .inner_form .checkbox_form span.error {
        top: 20px
    }
    .saleforce-custome-page.jaipur-banner .inner_form .form-control {
        padding: 8px 8px;
        font-size: 14px
    }
    .saleforce-custome-page.jaipur-banner .inner_form .icon-frm {
        margin-bottom: 16px
    }
    .saleforce-custome-page.jaipur-banner .inner_form {
        padding: 20px;
        margin-top: 100px
    }
    .saleforce-custome-page.jaipur-banner .inner_form span.error {
        top: 39px
    }
    .saleforce-custome-page.jaipur-banner .inner_form .msg {
        height: 68px
    }
    .on-demand-food-delivery-app-development .food-delivery-app-web {
        max-width: 1000px
    }
    .banner_ios_section.saleforce-custome-page .container .subContent h1.titleTop.android {
        margin-top: 25%
    }
    .saleforce-custome-page {
        padding-top: 50px;
        height: auto
    }
    .app-business.devops-services.devOps .title-h3 {
        padding-left: 80px;
        font-size: 18px
    }
    .app-business.devops-services.devOps .ab-box {
        padding: 20px 30px 30px 30px;
        min-height: 320px
    }
    .hwd-hiring-dedicated.devOps .benefits-coln {
        min-height: 280px
    }
    .techno-right-img-section.devOps {
        padding: 50px 0
    }
    .techno-left-img-section.devOps {
        padding: 50px 0
    }
}

@media only screen and (max-width:1440px) {
    .hireDedicated-page .subContent h1 {
        font-size: 2.2em
    }
    .hirePagesBnr::before {
        width: 31%
    }
    .fantasySports-bnr .fantasy-mob-group {
        width: 766px
    }
    .fantasySports-bnr .fantasy-mob-middle {
        max-width: 400px
    }
    .fantasySports-bnr .fantasy-mob-left {
        max-width: 372px
    }
    .fantasySports-bnr .fantasy-mob-right {
        max-width: 371px
    }
    .fantasySports-bnr .fantasy-mob-group {
        min-height: 700px
    }
    .fantasy-app-choose .fant-choose-mob {
        width: 602px
    }
    .fantasy-app-choose .wc-img-left {
        max-width: 349px
    }
    .fantasy-app-choose .wc-img-right {
        max-width: 398px
    }
    .live-demo::after {
        left: 10%
    }
    .fantasy_section-tabs .feature_list {
        margin: 74px 0
    }
    .fantasySports-bnr h1 {
        padding-top: 10%
    }
    .fantasy-sports-app-sol .wht-bx {
        min-height: 175px
    }
    .fantasy-about {
        padding-top: 160px
    }
    .hire-dedicated-developers-bnr {
        max-width: 750px
    }
    .fantasy-about.crypto-ex-dev {
        padding-top: 100px
    }
    .diverse-range .buy_sell .buy-screen {
        max-width: 270px
    }
    .diverse-range .buy_sell .sell-screen {
        max-width: 270px
    }
    .on-demand-food-delivery-app-development .food-delivery-group {
        width: 1200px;
        min-height: 620px
    }
    .on-demand-food-delivery-app-development .food-delivery-app-mob {
        max-width: 320px
    }
    .fantasy_section-tabs.restaurant-appFeatures .feature_list {
        margin: 52px 0
    }
    .fantasySports-bnr .fantasy-text {
        padding-top: 50px
    }
    .realestate-oaf .light-box {
        min-height: 230px;
        margin: 0
    }
    .effective-security .es-icons li {
        margin: 10px
    }
    .hire-pages-gradiant.hireDedicated-page.cyber-security .hire-dedicated-developers-bnr {
        max-width: 600px
    }
    .fantasy-sports-app-sol.ee-cybersecurity.travel-smart .wht-bx {
        min-height: 132px
    }
    .fantasy-sports-app-sol.great-features.ee-cybersecurity .wht-bx {
        min-height: 140px
    }
    .cyber-form .cyber-row span.error {
        font-size: 11px
    }
    .hire-pages-gradiant.hireDedicated-page.cyber-security h1 span {
        font-size: 50px
    }
    .ios-ods .ios-ods-in .ios-overly p {
        font-size: 14px
    }
    .ios-ods .ios-ods-in .ios-overly h3 {
        margin-bottom: 10px;
        font-size: 18px
    }
    .banner_ios_section .sectionImage-img.layer-1 {
        top: 50px
    }
    .banner_ios_section .sectionImage-img {
        top: 50px
    }
    .clients-delighted .dc-box {
        width: 236px
    }
    .clients-delighted .client-circel {
        width: 110px;
        height: 110px
    }
    .clients-delighted .owl-carousel .owl-item .client-circel img {
        width: 110px;
        height: 110px
    }
    .clients-delighted .dc-cli-ents.owl-carousel .owl-nav {
        left: -80px
    }
    .ios-ods .h2center {
        width: 30%
    }
    .ios-step-slider .section-slider .item {
        min-height: 820px
    }
    .new-home-badges .home-badge-slider.owl-carousel .owl-prev {
        left: -20px
    }
    .new-home-badges .home-badge-slider.owl-carousel .owl-next {
        right: -20px
    }
    .clients-delighted.cd-gap .dc-box {
        top: 147px
    }
    .clients-delighted.cd-gap .dc-cli-ents.owl-carousel .owl-nav {
        top: 16px
    }
    .fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight {
        min-height: 305px
    }
    .fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight2 {
        min-height: 225px
    }
    .fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight.mh {
        min-height: 246px
    }
    .fantasy-sports-app-sol.ar-ds-experts.ibeacon-solu .wht-bx.mHight2 {
        min-height: 202px
    }
    .fantasy-sports-app-sol.great-features.ee-cybersecurity.ibcn-bx .wht-bx {
        min-height: 160px
    }
    .g-recaptcha iframe {
        transform: scale(.8, .8);
        -webkit-transform: scale(.8, .8);
        -moz-transform: scale(.8, .8);
        -o-transform: scale(.8, .8);
        -ms-transform: scale(.8, .8)
    }
    .hireDedicated-page .hire-p {
        margin-top: 30px
    }
    .hireDedicated-page .subContent .hire-title-gap {
        margin-top: 0
    }
    .fix-cell .himg-hire {
        max-width: 442px;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .fix-cell .hire-up-title {
        margin-top: 50px;
        margin-left: 0;
        left: 50px
    }
    .fix-cell {
        background-size: 950px
    }
    .fix-cell .hire-up-title ul li {
        margin-top: 15px
    }
    .fix-cell2 .himg-hire2 {
        max-width: 442px;
        position: absolute;
        bottom: 0;
        left: 50px;
        margin-bottom: 50px
    }
    .fix-cell2 .hire-up-title {
        margin-top: 30px;
        margin-left: 0;
        left: 50px
    }
    .fix-cell2 .hire-up-title ul li {
        margin-top: 15px
    }
    .fix-cell2 {
        background-size: 950px
    }
    .adds_value.hire-colns .hirebox-colors {
        min-height: 355px
    }
    .hireDedicated-page .appForm .msg {
        height: 70px
    }
    .hireDedicated-page .appForm {
        margin: 0 auto 0 auto
    }
    .hireDedicated-page {
        height: auto;
        padding-bottom: 50px
    }
    .adds_value .extra-features li {
        width: 46%;
        font-size: 14px
    }
    .hireDedicated-page .appForm .form-text {
        font-size: 14px
    }
    .hireDedicated-page .appForm .msg-frm span.error {
        top: 70px
    }
    .hireDedicated-page .appForm .checkbox_form span.error {
        top: 20px
    }
    .hireDedicated-page .subContent h1 {
        margin-top: 0
    }
    .banner_ios_section.saleforce-custome-page .container .subContent h1.titleTop {
        margin-top: 15%
    }
    .saleforce-custome-page .appForm .msg {
        height: 70px
    }
    .saleforce-custome-page .appForm {
        margin: 50px auto 0 auto
    }
    .saleforce-custome-page {
        height: auto;
        padding-bottom: 50px;
        padding-top: 70px
    }
    .saleforce-custome-page .extra-features li {
        width: 46%;
        font-size: 14px
    }
    .saleforce-custome-page .appForm .form-text {
        font-size: 14px
    }
    .saleforce-custome-page .appForm .msg-frm span.error {
        top: 70px
    }
    .saleforce-custome-page .appForm .checkbox_form span.error {
        top: 20px
    }
    .saleforce-custome-page .subContent h1 {
        margin-top: 0
    }
    .banner_ios_section.saleforce-custome-page .subContent h1 {
        font-size: 2.2em
    }
    .techno-new-about:after {
        left: -750px
    }
    .techno-new-about .techno-link {
        line-height: normal
    }
    .techno-right-img-section:before {
        width: 20.7%
    }
    .techno-left-img-section:before {
        width: 20.7%
    }
    .fantasy-sports-app-sol.fspas-tc.fspas-tc .wht-bx {
        min-height: 380px
    }
    .fantasy-sports-app-sol.theme-change h3 {
        font-size: 20px
    }
    .saleforce-custome-page.jaipur-banner .inner_form .msg {
        height: 70px
    }
    .saleforce-custome-page.jaipur-banner .inner_form {
        margin: 50px auto 0 auto
    }
    .saleforce-custome-page.jaipur-banner .inner_form .form-text {
        font-size: 14px
    }
    .saleforce-custome-page.jaipur-banner .inner_form .msg-frm span.error {
        top: 70px
    }
    .saleforce-custome-page.jaipur-banner .inner_form .checkbox_form span.error {
        top: 20px
    }
    .banner_ios_section.saleforce-custome-page .container .subContent h1.titleTop.android {
        margin-top: 15%
    }
    .app-business.devops-services.devOps .title-h3 {
        padding-left: 80px;
        font-size: 18px
    }
    .app-business.devops-services.devOps .ab-box {
        padding: 20px 30px 30px 30px;
        min-height: 350px
    }
    .hwd-hiring-dedicated.devOps .benefits-coln {
        min-height: 300px
    }
    .techno-right-img-section.devOps {
        padding: 50px 0
    }
    .techno-left-img-section.devOps {
        padding: 50px 0
    }
}

@media only screen and (max-width:1366px) {
    .techno-right-img-section.devOps {
        padding: 50px 0
    }
    .techno-left-img-section.devOps {
        padding: 50px 0
    }
    .hwd-hiring-dedicated.devOps .benefits-coln {
        min-height: 320px
    }
    .app-business.devops-services.devOps .title-h3 {
        padding-left: 80px;
        font-size: 18px
    }
    .app-business.devops-services.devOps .ab-box {
        padding: 20px 30px 30px 30px;
        min-height: 370px
    }
    .hireDedicated-page .subContent h1 {
        font-size: 2.2em
    }
    .fantasySports-bnr .fantasy-mob-right {
        display: none
    }
    .fantasySports-bnr .fantasy-mob-middle {
        margin-right: 0
    }
    .fantasySports-bnr .fantasy-mob-group {
        width: 670px
    }
    .fantasy-app-choose .wc-img-left {
        max-width: 349px
    }
    .fantasy-app-choose .wc-img-right {
        max-width: 398px
    }
    .fantasy-app-choose .fant-choose-mob {
        width: 612px
    }
    .live-demo::after {
        left: 10%
    }
    .fantasy_section-tabs .feature_list {
        margin: 74px 0
    }
    .fantasy-sports-app-sol .wht-bx {
        min-height: 175px
    }
    .hireDedicated-page {
        height: auto;
        padding-bottom: 50px
    }
    .hire-dedicated-developers-bnr {
        max-width: 680px
    }
    .diverse-range .buy_sell .buy-screen {
        max-width: 250px
    }
    .diverse-range .buy_sell .sell-screen {
        max-width: 250px
    }
    .on-demand-food-delivery-app-development .food-delivery-group {
        width: 1200px
    }
    .fantasySports-bnr.on-demand-food-delivery-app-development .food-delivery-group {
        min-height: 630px
    }
    .on-demand-food-delivery-app-development .food-delivery-app-mob {
        max-width: 320px
    }
    .fantasy_section-tabs.restaurant-appFeatures .feature_list {
        margin: 52px 0
    }
    .realestate-oaf .light-box {
        min-height: 230px;
        margin: 0
    }
    .fantasy-sports-app-sol.ee-cybersecurity.travel-smart .wht-bx {
        min-height: 132px
    }
    .effective-security .es-icons li {
        margin: 10px
    }
    .hire-pages-gradiant.hireDedicated-page.cyber-security .hire-dedicated-developers-bnr {
        max-width: 500px
    }
    .banner_ios_section .sectionImage-img.layer-1 {
        top: 50px
    }
    .banner_section.banner_ios_section .sectionImage-img.layer-1 {
        top: 0
    }
    .banner_ios_section .sectionImage-img {
        top: 50px
    }
    .clients-delighted .dc-box {
        width: 226px
    }
    .clients-delighted .client-circel {
        width: 100px;
        height: 100px
    }
    .clients-delighted .dc-cli-ents-outr {
        padding-top: 33px
    }
    .clients-delighted .owl-carousel .owl-item .client-circel img {
        width: 100px;
        height: 100px
    }
    .clients-delighted .dc-cli-ents.owl-carousel .owl-nav {
        left: -80px;
        top: 21px
    }
    .ios-ods .h2center {
        width: 30%
    }
    .sectionImage-img.layer-1 {
        top: 0
    }
    .new-home-badges .home-badge-slider.owl-carousel .owl-prev {
        left: -20px
    }
    .new-home-badges .home-badge-slider.owl-carousel .owl-next {
        right: -20px
    }
    .clients-delighted.cd-gap .dc-box {
        top: 147px
    }
    .clients-delighted.cd-gap .dc-cli-ents.owl-carousel .owl-nav {
        top: 16px
    }
    .fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight {
        min-height: 325px
    }
    .fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight2 {
        min-height: 225px
    }
    .fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight.mh {
        min-height: 265px
    }
    .fantasy-sports-app-sol.great-features.ee-cybersecurity.ibcn-bx .wht-bx {
        min-height: 180px
    }
    .fix-cell .himg-hire {
        max-width: 442px;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .fix-cell .hire-up-title {
        margin-top: 50px;
        margin-left: 0;
        left: 50px
    }
    .fix-cell {
        background-size: 800px
    }
    .fix-cell .hire-up-title ul li {
        margin-top: 15px
    }
    .fix-cell2 .himg-hire2 {
        max-width: 442px;
        position: absolute;
        bottom: 0;
        left: 50px;
        margin-bottom: 50px
    }
    .fix-cell2 .hire-up-title {
        margin-top: 30px;
        margin-left: 0;
        left: 50px
    }
    .fix-cell2 .hire-up-title ul li {
        margin-top: 15px
    }
    .fix-cell2 {
        background-size: 800px
    }
    .hireDedicated-page .subContent h1 {
        margin-top: 0
    }
}

@media only screen and (max-width:1200px) {
    .hireDedicated-page .subContent h1 {
        font-size: 2em
    }
    .fantasySports-bnr .fantasy-mob-group {
        width: 670px
    }
    .fantasy-app-choose .fant-choose-mob {
        width: 540px
    }
    .fantasy-app-choose .wc-img-right {
        display: none
    }
    .fantasy-app-choose .wc-img-left {
        right: 0;
        margin-left: auto;
        margin-right: auto
    }
    .live-demo::after {
        left: 5%
    }
    .core-features .coreList-icons li {
        width: 13%
    }
    .hirePagesBnr .subContent h1 {
        font-size: 3em
    }
    .hire-dedicated-developers-bnr {
        max-width: 600px
    }
    .fantasy-sports-app-sol.vc-exchange .wht-bx {
        min-height: 265px
    }
    .fantasy-sports-app-sol h3 {
        font-size: 20px
    }
    .bitcoinExchange .bitcoinExchange-box::before {
        right: 0
    }
    .bitcoinExchange h2 {
        font-size: 2.6em
    }
    .diverse-range .buy_sell .buy-screen {
        max-width: 250px
    }
    .diverse-range .buy_sell .sell-screen {
        max-width: 250px
    }
    .on-demand-food-delivery-app-development .food-delivery-group {
        width: 1100px
    }
    .on-demand-food-delivery-app-development .food-delivery-app-mob {
        max-width: 290px
    }
    .fantasy_section-tabs.restaurant-appFeatures .feature_list {
        margin: 42px
    }
    .realestate-oaf .light-box {
        min-height: 290px;
        margin: 0
    }
    .effective-security .es-icons li {
        margin: 10px
    }
    .hire-pages-gradiant.hireDedicated-page.cyber-security .hire-dedicated-developers-bnr {
        max-width: 520px
    }
    .hire-pages-gradiant.hireDedicated-page.cyber-security h1 span {
        font-size: 40px
    }
    .why-choose9hz .nhz-ds li {
        width: 30.7%
    }
    .clients-delighted .dc-box {
        width: 206px
    }
    .clients-delighted .client-circel {
        width: 100px;
        height: 100px
    }
    .clients-delighted .dc-cli-ents-outr {
        padding-top: 78px
    }
    .clients-delighted .owl-carousel .owl-item .client-circel img {
        width: 100px;
        height: 100px
    }
    .clients-delighted .dc-cli-ents.owl-carousel .owl-nav {
        left: -70px;
        top: 21px
    }
    .ios-ods .h2center {
        width: 35%
    }
    .ios-step-slider .section-slider .item {
        min-height: 910px
    }
    .fantasy-sports-app-sol.ar-ds-experts .wht-bx.mHight.mh {
        min-height: 255px
    }
    .hireDedicated-page .hire-p {
        margin-top: 30px
    }
    .hireDedicated-page .subContent .hire-title-gap {
        margin-top: 0
    }
    .fix-cell .himg-hire {
        display: none
    }
    .fix-cell .hire-up-title {
        left: 2%
    }
    .fix-cell2 .himg-hire2 {
        display: none
    }
    .fix-cell2 .hire-up-title {
        left: 2%
    }
}

@media only screen and (max-width:1024px) {
    .hire-dedicated-developers-bnr {
        max-width: 600px
    }
    .fliper_content .face.back p {
        line-height: normal;
        padding: 10px
    }
   .portfolio-work .nav-tabs li .thed{ font-size: 13px; }
}

@media only screen and (max-width:991px) {
    .fantasy_section-tabs .app_feature .tletf,
    .fantasy_section-tabs .app_feature .tright {
        text-align: center
    }
    .hireDedicated-page {
        height: auto;
        padding-bottom: 50px
    }
    .hireDedicated-page .subContent h1 {
        font-size: 2em;
        text-align: center;
        margin-top: 40px
    }
    .hireDedicated-page .text-left {
        text-align: center
    }
    .hireDedicated-page .subContent p {
        text-align: center
    }
    .hireDedicated-page .subContent .blueButton {
        padding: 13px 5px
    }
    .hire-dedicated-developers-bnr {
        max-width: 600px
    }
    .hire-pages-gradiant.hireDedicated-page.cyber-security {
        height: 100%
    }
    .liner-timeline .date-content:before {
        width: 22.5%
    }
    .liner-timeline .timeline-content {
        padding: 10px 0 10px 30px
    }
    .liner-timeline .title {
        font-size: 17px
    }
    .liner-timeline .timeline:nth-child(2n) .timeline-content {
        padding: 10px 30px 10px 0
    }
    .ar-d-process .box-line {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .thin-timeline h2 {
        font-size: 24px
    }
    .iot-technos h2 {
        font-size: 24px
    }
    .iot-technos .timeliners h3 {
        font-size: 1.1em
    }
    .fantasySports-bnr .fantasy-mob-left {
        display: none
    }
    .iot-technos .timeliners {
        width: 56%;
        padding: 20px
    }
    .iot-technos .timeliners .event:after {
        left: -44.85px
    }
    .fantasySports-bnr .fantasy-mob-group {
        width: 100%;
        text-align: center;
        display: none
    }
    .fantasySports-bnr .fantasy-mob-middle {
        margin-right: auto;
        position: static;
        display: none
    }
    .sports-games-solutions .bx-footer {
        font-size: 15px;
        padding-top: 0
    }
    .iot-iws::after {
        display: none
    }
    .iot-iws.wearable-half h2 {
        text-align: center;
        font-size: 24px
    }
    .fantasySports-bnr h1 {
        font-size: 2.5em;
        margin-top: 60px;
        margin-bottom: 0
    }
    .difference-box.mrgn-left.m-no {
        display: none
    }
    .fantasySports-bnr .fantasy-text {
        padding-top: 30px
    }
    .fantasySports-bnr h3 {
        text-align: center
    }
    .fantasySports-bnr p {
        text-align: center
    }
    .fantasySports-bnr .mCntr {
        text-align: center
    }
    .fantasy-about {
        padding-top: 50px
    }
    .fantasy-about h2 {
        text-align: center;
        font-size: 24px
    }
    .fantasy-sports-app-sol h2 {
        font-size: 24px
    }
    .cf-features.cyber-benefits h2 {
        font-size: 24px;
        line-height: normal
    }
    .sports-games-solutions h2 {
        font-size: 24px
    }
    .fantasy-about p {
        text-align: center
    }
    .fantasy_section-tabs .app_feature .tletf {
        text-align: center
    }
    .fantasy_section-tabs .feature_list {
        margin: 20px 0
    }
    .app_feature .tright {
        text-align: center
    }
    .fantasy-app-choose .fant-choose-mob {
        width: 100%;
        height: 100%;
        display: none
    }
    .iot-iws h2 {
        font-size: 24px;
        text-align: center
    }
    .fantasy-app-choose .wc-img-left {
        position: static
    }
    .fantasy-app-choose h3 {
        text-align: center;
        margin-top: 20px;
        font-size: 22px
    }
    .fantasy-app-choose p {
        margin-bottom: 30px
    }
    .get-an-app {
        text-align: center
    }
    .get-an-app img {
        width: 150px
    }
    .live-demo::after {
        display: none
    }
    .live-demo {
        min-height: auto
    }
    .fantasy-app-choose.trending h2 {
        text-align: center
    }
    .fantasy-app-choose.trending .text-left.ln {
        text-align: center
    }
    .fantasy-app-choose.trending p {
        text-align: center
    }
    .fantasy-app-choose.trending .mCntr {
        text-align: center
    }
    .core-features h2 {
        text-align: center
    }
    .core-features p {
        text-align: center
    }
    .core-features .tabs-left>li>a {
        max-width: 100%
    }
    .special-benefits-section .sbi-icons li {
        width: 49%
    }
    .core-features .core-icons {
        text-align: center
    }
    .fantasy-about .mCntr {
        text-align: center
    }
    .fantasy_section-tabs::after {
        display: none
    }
    .fantasy_section-tabs::before {
        right: 0
    }
    .fantasy-app-choose .fant-choose-mob {
        min-height: auto
    }
    .fantasy-app-choose p {
        text-align: center
    }
    .fantasy-about .mCntr {
        margin-bottom: 30px
    }
    .sports-games-solutions .sp-ga-list li {
        width: 49%
    }
    .sports-games-solutions .single-icon-box {
        margin: 15px 0
    }
    .fantasy-sports-app-sol h3 {
        min-height: auto;
        text-align: center
    }
    .fantasy-sports-app-sol .wht-bx {
        text-align: center
    }
    .core-features .coreList-icons {
        text-align: center
    }
    .core-features .coreList-icons li {
        width: 25%
    }
    .hirePagesBnr {
        height: auto
    }
    .hirePagesBnr::before {
        background-image: none
    }
    .hirePagesBnr .subContent h1 {
        padding-top: 100px;
        text-align: center
    }
    .hirePagesBnr .subContent p {
        text-align: center
    }
    .hirePagesBnr .mobImg {
        display: block;
        margin-bottom: 0
    }
    .sports-games-solutions.ewallet-app-solutions .sp-ga-list li {
        width: 32%
    }
    .type-ewallet-tabs .nav-tabs li {
        display: inline-block;
        vertical-align: top
    }
    .fantasy-sports-app-sol.great-features .fsas-col {
        text-align: center
    }
    .fantasy-sports-app-sol.great-features .wht-bx {
        min-height: auto
    }
    .fantasy-sports-app-sol.great-features .fsas-col {
        margin-top: 30px
    }
    .difference-box.mBot {
        margin-bottom: 0
    }
    .difference-box.mTop {
        margin-bottom: 50px
    }
    .fantasy_section-tabs .fealist_left {
        text-align: center
    }
    .fantasy_section-tabs .fealist_right {
        text-align: center
    }
    .fantasy_section-tabs .feature_list .icon abbr {
        right: -5px
    }
    .fantasy_section-tabs .feature_list .icon::before {
        right: -5px
    }
    .fantasy_section-tabs .feature_list .icon abbr.right {
        left: -5px
    }
    .fantasy_section-tabs .fealist_right .feature_list .icon::before {
        left: -5px
    }
    .fantasy_section-tabs .app_feature .tletf {
        text-align: center;
        display: none;
        margin-right: 20px
    }
    .fantasy_section-tabs .app_feature .tright {
        text-align: center;
        display: none;
        margin-right: 20px
    }
    .fantasy_section-tabs .app_feature {
        padding-bottom: 0;
        margin-bottom: 0
    }
    .sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-prev {
        left: 0
    }
    .sports-games-solutions.ewallet-app-solutions .owl-carousel .owl-next {
        right: 0
    }
    .hireDedicated-page .img-cntr {
        text-align: center;
        display: none
    }
    .hire-dedicated-developers-bnr {
        position: static;
        margin: 20px auto
    }
    .section-tabs-title {
        margin-top: 0;
        padding-top: 50px
    }
    .cryptocurrency-exchange-bnr h1 {
        padding-top: 25%;
        font-size: 2em
    }
    .fantasy-about.crypto-ex-dev {
        padding-top: 100px
    }
    .crypto-solutions-other h2 {
        text-align: center
    }
    .crypto-solutions-other .content-box {
        padding-right: 0
    }
    .crypto-solutions-other .content-box.pd-left {
        padding-left: 0
    }
    .crypto-solutions-other .content-box p {
        text-align: center
    }
    .crypto-solutions-other .mCntr {
        text-align: center;
        margin-bottom: 30px
    }
    .crypto-solutions-other h2.leftpdd {
        padding-left: 0
    }
    .crypto-solutions-other .os-services li h3 {
        font-size: 16px
    }
    .fantasy-sports-app-sol.vc-exchange .wht-bx {
        min-height: 100%
    }
    .bitcoinExchange .bitcoinExchange-box {
        text-align: center;
        display: none
    }
    .bitcoinExchange .bitcoinExchange-box::before {
        right: 0
    }
    .bitcoinExchange {
        text-align: center
    }
    .bitcoinExchange h2 {
        font-size: 24px
    }
    .bitcoinExchange h3 {
        font-size: 22px
    }
    .processLaunching h2 {
        font-size: 24px
    }
    .bitcoinExchange p {
        text-align: center
    }
    .what-cryptocurrency {
        text-align: center
    }
    .what-cryptocurrency .all-coins li h4 {
        font-size: 14px
    }
    .what-cryptocurrency .short-bar {
        display: inline-block
    }
    .what-cryptocurrency h2 {
        font-size: 24px
    }
    .diverse-range h2 {
        font-size: 24px
    }
    .diverse-range p {
        text-align: center
    }
    .fantasySports-bnr h1 {
        font-size: 2em
    }
    .on-demand-food-delivery-app-development .food-delivery-group {
        min-height: 700px;
        display: none
    }
    .fantasy_section-tabs.restaurant-appFeatures .feature_list {
        margin: 20px
    }
    .food-delivery-app-about h2 {
        text-align: center;
        font-size: 24px
    }
    .taxi-about-section .h3-title {
        font: 22px
    }
    .food-delivery-app-about p {
        text-align: center
    }
    .food-delivery-app-about .mCntr {
        text-align: center
    }
    .types-ofo h2 {
        font-size: 24px;
        text-align: center
    }
    .types-ofo p {
        text-align: center
    }
    .types-ofo .mCntr {
        text-align: center;
        margin-bottom: 30px
    }
    .types-ofo h3 {
        text-align: center;
        font-size: 22px
    }
    .fda-development h2 {
        font-size: 24px;
        text-align: center
    }
    .fda-development p {
        text-align: center
    }
    .fantasy-sports-app-sol.vc-exchange.hold-for .wht-bx {
        min-height: 100%
    }
    .pays-to-choose.savvy_food .pays-box {
        text-align: center
    }
    .ems-effect-m-solutions h2 {
        font-size: 24px;
        text-align: center
    }
    .ems-effect-m-solutions .sb-side-box p {
        text-align: center
    }
    .re-ar-vr h2 {
        text-align: center
    }
    .getTouch {
        z-index: 2 !important
    }
    .blast-points {
        z-index: 2 !important
    }
    .footer_mobile_request_btn {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 999
    }
    .footer_mobile_request_btn .footer-quote-menu-link {
        width: 100%;
        background-color: #46ce90;
        font-weight: 700;
        display: block;
        padding: 23px 20px;
        color: #fff
    }
    h2.tma-title {
        margin-left: 0;
        text-align: center
    }
    .cyber-security .img-cntr {
        padding: 0 30px
    }
    .cyber-form {
        margin-top: 50px
    }
    .cyber-icon {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 15px
    }
    .cyber-form .btn-left {
        text-align: center
    }
    .cyber-form h3 {
        text-align: center
    }
    .effective-security .es-icons li h3 {
        margin-bottom: 0
    }
    .cyber-industry-focus .mCntr {
        text-align: center
    }
    .case-studies .mCntr {
        text-align: center
    }
    .cyber-security .img-cntr {
        margin-top: 150px
    }
    .three-tier h2 {
        font-size: 24px;
        margin-bottom: 10px
    }
    .three-tier h3 {
        text-align: center
    }
    .three-tier p {
        text-align: center
    }
    .why-choose9hz .nhz-ds li {
        width: 32.4%
    }
    .iPhone-page-about h2 {
        text-align: center;
        margin-top: 0;
        font-size: 24px
    }
    .iPhone-page-about p {
        text-align: center
    }
    .nw-blogs .story-box {
        text-align: center
    }
    .nw-blogs .story-box img {
        margin: 0 auto
    }
    .nw-blogs .bBx {
        margin-bottom: 70px
    }
    .banner_ios_section .leftPadd {
        padding-left: 0
    }
    .fantasy-app-choose.nw-blogs h2 {
        text-align: center
    }
    .fantasy-app-choose.nw-blogs p {
        text-align: center
    }
    .fantasy-app-choose.nw-blogs .tr {
        text-align: center;
        margin-top: 15px
    }
    .clients-delighted .dc-box {
        top: 30px
    }
    .clients-delighted .dc-clients {
        min-height: 164px;
        margin-top: 30px
    }
    .clients-delighted .dc-cli-ents-outr {
        padding-top: 20px
    }
    .clients-delighted .cl-set {
        margin-top: 20px
    }
    .ios-ods .h2center {
        width: 85%
    }
    .new-home-badges .home-badge-slider.owl-carousel .owl-prev {
        left: 0
    }
    .new-home-badges .home-badge-slider.owl-carousel .owl-next {
        right: 0
    }
    .liner-timeline:before {
        margin: 0;
        left: 7px
    }
    .liner-timeline .timeline {
        margin-bottom: 20px
    }
    .liner-timeline .icon {
        margin: auto 0
    }
    .liner-timeline .date-content {
        width: 95%;
        float: right
    }
    .liner-timeline .date-content:before {
        display: none
    }
    .liner-timeline .date-outer,
    .liner-timeline .date-outer:after,
    .liner-timeline .date-outer:before {
        width: 130px;
        height: 130px
    }
    .liner-timeline .date {
        top: 4%
    }
    .liner-timeline .year {
        font-size: 26px
    }
    .liner-timeline .timeline-content,
    .liner-timeline .timeline:nth-child(2n) .timeline-content {
        width: 95%;
        text-align: center;
        padding: 10px 0
    }
    .liner-timeline .title {
        margin-bottom: 10px
    }
    .iot-iws .difference-box.mrgn-right {
        margin-right: 0
    }
    .iot-iws .difference-box.mrgn-left {
        margin-left: 0;
        display: none
    }
    .iot-iws .difference-box h3 {
        text-align: center
    }
    .iot-iws .difference-box h4 {
        text-align: center
    }
    .iot-iws .difference-box p {
        text-align: center
    }
    .hover-timeline {
        display: block
    }
    .hover-timeline .tl-item {
        transform: none;
        width: 100%;
        height: 400px;
        min-height: 400px
    }
    .hover-timeline:hover .tl-item {
        width: 100%
    }
    .hover-timeline .tl-item:hover {
        width: 100% !important
    }
    .liner-timeline .description.text-right {
        text-align: center
    }
    .liner-timeline::before {
        display: none
    }
    .liner-timeline .icon {
        display: none
    }
    .iot-technos .timeliners .event::before {
        left: -176.5px
    }
    .fantasy-app-choose.iot-section-one h2 {
        text-align: center;
        font: 24px
    }
    .clients-delighted.cd-gap .cl-set {
        margin-top: 30px
    }
    .clients-delighted.cd-gap .dc-clients {
        min-height: 160px
    }
    .clients-delighted.cd-gap .dc-box {
        top: 30px
    }
    .clients-delighted.cd-gap .dc-cli-ents-outr {
        padding-top: 30px
    }
    .fantasy-app-choose.iot-section-one .mCtr {
        text-align: center
    }
    .ar-d-process .box-line-icon {
        padding-top: 0
    }
    .ar-d-process .box-line:nth-child(2n) .box-line-icon {
        padding-bottom: 0
    }
    .ar-d-process .border {
        margin-bottom: 10px
    }
    .ar-d-process .box-line:nth-child(2n) .border {
        margin: 10px 0 0 0
    }
    .ar-d-process .box-line-content {
        text-align: center
    }
    .crypto-solutions-other .mCntr.pd-left {
        padding-left: 0
    }
    .crypto-solutions-other .free-title.paddleft {
        padding-left: 0;
        text-align: center;
        margin-top: 50px
    }
    .fantasy-app-choose.cyber-industry-focus.case-studies.nw-blogs .free-title {
        text-align: center
    }
    .fliper_content .face.back p {
        line-height: normal;
        padding: 10px
    }
    .fliper_content .f1_container {
        height: 330px
    }
    .hoverEffects li {
        width: 100%;
        margin: 10px 0
    }
    .c-arow {
        display: none
    }
    .b-cryptocurrency-exchange .cxwd-box-img {
        margin-bottom: 50px
    }
    .location .col-hr {
        text-align: center
    }
    .banner_ios_section .subContent h1 {
        font-size: 26px
    }
    .ready-made .points-p li {
        width: 49%
    }
    .trending-technology h4:after {
        left: 0;
        right: 0;
        margin: auto;
        bottom: -10px
    }
    .inst9-tabs .nav-tabs li a {
        padding: 10px;
        font-size: 14px
    }
    .inst9-tabs .nav-tabs li a img {
        max-width: 30px
    }
    .inst9-get-apps h2 {
        text-align: center
    }
    .inst9-get-apps .blockchain-content p {
        text-align: center
    }
    .inst9-get-apps .blockchain-content .app-box1,
    .inst9-get-apps .blockchain-content .app-box2 {
        text-align: center;
        margin-top: 6%
    }
    .pwa-web-app .leftPadd {
        text-align: center
    }
    .clients-delighted {
        display: none
    }
    .banner_ios_section {
        height: auto;
        text-align: center;
        padding-bottom: 30px
    }
    .ios-step-slider .mCntr {
        text-align: center;
        margin-bottom: 20px
    }
    .ios-step-slider p {
        text-align: center
    }
    .ios-step-slider .free-title-sub {
        text-align: center
    }
    .ios-step-slider .free-title {
        margin-bottom: 30px
    }
    .iPhone-native-hybrid .tb-style li {
        width: 32%;
        margin-right: 0
    }
    .iPhone-native-hybrid .tb-style li abbr {
        font-size: 13px
    }
    .iPhone-native-hybrid h3 {
        text-align: center
    }
    .iPhone-native-hybrid p {
        text-align: center
    }
    .crypto-solutions-other::before {
        right: 0
    }
    .crypto-solutions-other::after {
        display: none
    }
    .crypto-solutions-other .os-services li p {
        font-size: 16px
    }
    .why-choose9hz .heading {
        font-size: 24px
    }
    .why-choose9hz .heading h2 {
        font-size: 24px
    }
    .why-choose9hz .choose-bx p.title {
        font-size: 14px
    }
    .referring-videos .free-title {
        font-size: 24px
    }
    .crypto-solutions-other .free-title {
        font-size: 24px
    }
    .banner_ios_section .subContent h1.titleTop {
        margin-top: 26%
    }
    .ios-step-slider .free-title {
        font-size: 24px
    }
    .iPhone-native-hybrid h2 {
        font-size: 24px
    }
    .iPhone-native-hybrid h3 {
        font-size: 24px
    }
    .crypto-solutions-other h2 {
        font-size: 24px
    }
    .ios-ods .free-title {
        font-size: 24px
    }
    .iPhone-page-about .ios-abt-img {
        display: none
    }
    .ios-step-slider .timeImg {
        display: none
    }
    .get_touch .discus-project .row .col-sm-4.py-3 {
        text-align: center
    }
    .get_touch .info-tab .title-h5 {
        max-width: 250px;
        margin: 0 auto
    }
    .get_touch .info-tab .title-h4 {
        text-align: center
    }
    .info-tab.social .socials_icons {
        text-align: center
    }
    .get_touch .g-recaptcha {
        text-align: center
    }
    .get_touch .g-recaptcha div {
        margin: 0 auto
    }
    .getTouch .g-recaptcha {
        text-align: center
    }
    .getTouch .g-recaptcha div {
        margin: 0 auto
    }
    .why-choose9hz h2 {
        font-size: 24px
    }
    .top-reasons-choose .list-box li {
        min-height: 65px;
        width: 100%;
        text-align: left;
        padding-left: 67px;
        position: relative
    }
    .top-reasons-choose .list-box li span {
        position: absolute;
        background-color: #a5a5a5;
        left: 4px;
        top: 4px
    }
    .top-reasons-choose .list-box li abbr {
        padding-top: 13px
    }
    .top-reasons-choose h2 {
        text-align: center;
        font-size: 24px
    }
    .top-reasons-choose p {
        text-align: center
    }
    .node-js-half .inr-list h3 {
        text-align: center
    }
    .node-js-half .os-services li h3 {
        margin-top: 0
    }
    .php-section-whip-smart.ar-dsp h2 {
        text-align: center;
        font-size: 24px
    }
    .php-section-whip-smart.ar-dsp p {
        text-align: center
    }
    .php-section-whip-smart h2 {
        text-align: center;
        font-size: 24px
    }
    .php-section-whip-smart p {
        text-align: center;
        margin-bottom: 0
    }
    .iot_tabs.sswd.newTab_section.tabsChanger .free-title {
        font-size: 24px
    }
    .faqs-f-a-q .faq-title {
        text-align: center;
        font-size: 24px
    }
    .faqs-f-a-q p.subtext {
        text-align: center
    }
    .faqs-f-a-q .faq-title::before {
        right: 0;
        margin: auto
    }
    .why-choose9hz .choose-bx {
        margin-top: 0
    }
    .iPhone-page-about .mCntr {
        text-align: center
    }
    .fantasy-about-list {
        margin-left: 0
    }
    .fantasy-about-list li .mCntr {
        text-align: center
    }
    .blockchain-application-crypto {
        padding-bottom: 50px
    }
    .blockchain-application-crypto h2 {
        margin-top: 0
    }
    .blockchain-application-crypto h2 {
        margin-top: 0;
        font-size: 24px
    }
    .blockchain-application-crypto h3 {
        font-size: 22px
    }
    .b-cryptocurrency-exchange h2 {
        font-size: 24px
    }
    .about-us-timeline h2 {
        font-size: 24px
    }
    .special-benefits-section h2 {
        font-size: 24px
    }
    .b-cryptocurrency-exchange .cxwd-box {
        display: none
    }
    .about-us-timeline .about-timeline .timeline:nth-child(2n) .timeline-content p {
        text-align: center
    }
    .fantasy-about.crypto-ex-dev h2 {
        font-size: 24px
    }
    .iot_tabs h2 {
        font-size: 24px
    }
    .diverse-range .buy_sell {
        display: none
    }
    .advantage-box .advantageImg {
        display: none
    }
    .diverse-range h2 {
        font-size: 24px
    }
    .ar-augmented-reality .ar-about {
        display: none
    }
    .ar-augmented-reality .inr-list h3 {
        text-align: center;
        font-size: 22px
    }
    .big-data-section .title-h3 {
        text-align: center;
        font-size: 22px
    }
    .big-data-sec .title-h2 {
        font-size: 24px
    }
    .ar-augmented-reality .ar-about {
        display: none
    }
    .ar-augmented-reality .inr-list h3 {
        text-align: center;
        font-size: 22px
    }
    .blockchain-application-crypto .blockchain-content {
        display: none
    }
    .blockchain-application-crypto {
        min-height: auto
    }
    .blockchain-application-crypto::after {
        height: 100%
    }
    .pays-to-choose h2 {
        font-size: 24px
    }
    .pays-to-choose .pays-box h3 {
        font-size: 22px
    }
    .taxi-app-section h2 {
        font-size: 24px;
        margin-top: 0
    }
    .taxi-about-section .h3-title {
        font-size: 22px
    }
    .section-tabs-title h2 {
        font-size: 24px
    }
    .fantasy-app-choose h2 {
        font-size: 24px
    }
    .types-ofo .ofo-services li {
        width: 100%
    }
    .cf-features h2 {
        font-size: 24px
    }
    .core-features h2 {
        font-size: 24px
    }
    .core-features .vTabs {
        margin-top: 40px
    }
    .fantasy-sports-app-sol .fsas-col {
        margin-top: 30px
    }
    .taxi-app-section h2 {
        margin-top: 0;
        font-size: 24px
    }
    .educational-app-tab .ead-img {
        display: none
    }
    .healthcare-whychoose .title {
        text-align: center;
        font-size: 24px
    }
    .fantasy-app-choose .fantasy-about-list2 li {
        font-size: 16px
    }
    .help-you h2 {
        font-size: 24px
    }
    .user-information .title {
        font-size: 24px
    }
    .healthcare-app-categorization .title {
        font-size: 24px
    }
    .healthcare-app-categorization h3 {
        font-size: 22px
    }
    .difference-wallet::before {
        left: 0
    }
    .section-tabs-title h2 {
        font-size: 24px
    }
    .kabaddi-section h2 {
        font-size: 24px;
        text-align: center
    }
    .kabaddi-section p {
        text-align: center
    }
    .kabaddi-section .mCntr {
        text-align: center
    }
    .kabaddi-section .kabaddi-slider.owl-carousel .owl-dots {
        bottom: 16px
    }
    .kabaddi-section .kabaddi-slider {
        background-color: #3b36aa
    }
    .on-demand-food-delivery-app-development .food-delivery-group {
        display: none
    }
    .adds_value.madcValue.howAnd_why.iotBg.gcv.black_heading.hire-colns h2 {
        font-size: 24px
    }
    .stepscolorbg h2 {
        font-size: 24px
    }
    .ios-beterServices {
        padding: 50px 0
    }
    .ios-beterServices h2 {
        font-size: 24px;
        margin-top: 0
    }
    .box-d-sign {
        padding: 30px
    }
    .box-d-sign h3 {
        text-align: center
    }
    .half2half h2 {
        font-size: 24px
    }
    .half2half {
        padding: 30px
    }
    .half2half .em-list li .em-icon.img .white-base {
        top: 0
    }
    .half2half .em-list li .em-dtls.mt {
        padding-top: 0
    }
    .half2half .em-list li .em-icon.img {
        height: 98px
    }
    .hiring-standards h2 {
        font-size: 24px;
        margin-top: 0
    }
    .bwn-sec h2 {
        font-size: 24px;
        margin-top: 0
    }
    .stepscolorbg .owl-hirebottom li {
        width: 80%
    }
    .stepscolorbg .owl-hirebottom li img {
        width: auto;
        margin: 0 auto
    }
    .adds_value.hire-colns .hirebox-colors {
        margin-left: 10%;
        margin-right: 10%
    }
    .hireDedicated-page .subContent h1 {
        margin-top: 80px
    }
    .hireDedicated-page .hire-p {
        display: none
    }
    .hireDedicated-page .subContent .hire-title-gap {
        margin-top: 80px
    }
    .hireDedicated-page .hire-p {
        display: none
    }
    .fix-cell .himg-hire {
        display: none
    }
    .fix-cell .hire-up-title {
        background-color: #fff;
        left: 0;
        right: 0;
        width: 100%;
        margin-top: auto
    }
    .fix-cell .hire-up-title .httl {
        color: #333;
        text-align: center
    }
    .fix-cell .hire-up-title ul li {
        color: #333
    }
    .fix-cell2 .himg-hire2 {
        display: none
    }
    .fix-cell2 .hire-up-title {
        background-color: #fff;
        left: 0;
        right: 0;
        width: 100%;
        margin-top: auto
    }
    .fix-cell2 .hire-up-title .httl {
        color: #333;
        text-align: center
    }
    .fix-cell2 .hire-up-title ul li {
        color: #333
    }
    .new-allTabs .hireTabs .nav-tabs li {
        width: 100%
    }
    .new-allTabs .hireTabs .tab-content li a {
        width: 140px;
        padding: 35px 10px
    }
    .stepscolorbg.white-bg .owl-hirebottom .owl-nav button {
        color: #333 !important
    }
    .fullStack-page .list-box-ios {
        margin: 50px 20px
    }
    .adds_value.hire-colns .owl-hiretop {
        margin: 0
    }
    .adds_value .extra-features.web {
        display: none
    }
    .adds_value .extra-features.mob {
        display: block;
        text-align: center
    }
    .adds_value .extra-features.mob li {
        width: 100%
    }
    .hireDedicated-page .appForm {
        margin-top: 30px
    }
    .adds_value.hire-colns .lt-btn {
        margin-bottom: 30px
    }
    .tab-add .mob-none {
        display: none
    }
    .tab-add .mobile-version {
        display: block
    }
    .ios-beterServices.tab-add .list-box-ios:before {
        display: none
    }
    .ios-beterServices .list-box-ios:before {
        display: none
    }
    .new-allTabs h2 {
        font-size: 24px
    }
    .php-section-whip-smart.wc-crm .sss-list li {
        width: 100%
    }
    .php-section-whip-smart.ar-dsp.psd .psd-logos {
        margin-top: 30px
    }
    .saleforce-custome-page .appForm {
        margin-top: 30px
    }
    .php-section-whip-smart.ar-dsp .whip-smart-list li {
        margin-bottom: 0;
        margin-top: 20px
    }
    .banner_ios_section.saleforce-custome-page .container .subContent h1.titleTop {
        margin-top: 30%
    }
    .cf-features.cyber-benefits p.text-justify {
        padding: 0;
        text-align: center
    }
    .techno-new-about:after {
        display: none
    }
    .techno-right-img-section:before {
        width: 100%;
        height: 250px;
        bottom: auto
    }
    .techno-left-img-section:before {
        width: 100%;
        height: 250px;
        bottom: auto
    }
    .techno-left-img-section .title {
        text-align: center
    }
    .techno-left-img-section p {
        text-align: center
    }
    .techno-right-img-section .title {
        text-align: center
    }
    .techno-right-img-section p {
        text-align: center
    }
    .techno-left-img-section,
    .techno-right-img-section {
        padding: 50px 0
    }
    .techno-left-img-section .salesforce-side-img img,
    .techno-right-img-section .salesforce-side-img img {
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px
    }
    .techno-new-about .tnb-box {
        margin-top: 0
    }
    .techno-new-about .title {
        text-align: center
    }
    .techno-new-about p {
        text-align: center
    }
    .techno-right-img-section .mob-show {
        display: block
    }
    .techno-right-img-section .web-show {
        display: none
    }
    .blockchain-application-crypto.bk-chain {
        min-height: 100%
    }
    .blockchain-application-crypto.bk-chain::after {
        height: 100%
    }
    .fantasy-sports-app-sol.fspas-tc .wht-bx {
        min-height: 100%
    }
    .saleforce-custome-page.jaipur-banner .inner_form {
        margin-top: 30px
    }
    .getAccordion .panel {
        border-radius: 0
    }
    .getAccordion .panel-group .panel+.panel {
        margin-top: 0
    }
    .getAccordion .panel .panel-heading {
        text-align: center;
        padding: 15px;
        color: #fff;
        background-color: #7332d4;
        border-radius: 0
    }
    .getAccordion .panel .panel-heading .panel-title {
        color: #fff
    }
    .ios-beterServices.tab-add .list-box-ios .getAccordion .box-d-sign {
        padding: 10px;
        padding-top: 0
    }
    .ios-beterServices.tab-add .list-box-ios .getAccordion .box-d-sign ul {
        margin-bottom: 30px
    }
    .ios-beterServices.tab-add .list-box-ios .getAccordion .box-d-sign ul li {
        text-align: center;
        margin-bottom: 10px
    }
    .game-app-choose .type-ewallet-tabs .nav-tabs li {
        display: inline-block;
        margin: 10px 5px
    }
    .blog_cont iframe {
        width: 100%;
        height: 200px
    }
    .blog_cont .blog_post p {
        text-align: justify
    }
    .blog_cont .marketing .blog_post blockquote {
        text-align: justify
    }
    .blog_cont .marketing .blog_post blockquote p {
        text-align: justify
    }
    .blog_cont .blog_post ul {
        padding-left: 15px
    }
    .blog_cont .blog_post ul li {
        margin-bottom: 10px;
        list-style: disc;
        text-align: left
    }
    .game-why-choose .game-choose-box .icon-base-back {
        width: 150px;
        height: 100px;
        background-size: 150px auto
    }
    .game-why-choose .game-choose-box .icon-base-back img {
        margin-top: 1px;
        width: 104px
    }
    .game-why-choose .game-choose-box h4 {
        font-size: 15px
    }
    .game-app-web-development .cybershield-text {
        margin-bottom: 30px
    }
    .crypto-solutions-other .free-title {
        text-align: center
    }
    .crypto-solutions-other .btn-default {
        padding: 15px 15px
    }
    .crypto-solutions-other .os-services {
        padding-left: 0
    }
    .crypto-solutions-other .free-title.paddleft.mgtop {
        margin-top: 0
    }
    .ios-step-slider h3 {
        text-align: center
    }
    .referring-videos h2 {
        font-size: 24px
    }
    .top-reasons-choose h3 {
        text-align: center
    }
    .cf-features.cyber-benefits.unity-d-hire .unity-hire-img {
        margin-bottom: 30px
    }
    .cf-features.cyber-benefits.salesforce-int .fsas-col {
        text-align: center
    }
    .cf-features.cyber-benefits p {
        text-align: center
    }
    .cf-features h4 {
        font-size: 20px
    }
    .techno-right-img-section .title {
        font-size: 24px
    }
    .techno-left-img-section .title {
        font-size: 24px
    }
    .referring-videos.it-business p {
        text-align: center
    }
    .consulting-software-sec h2 {
        font-size: 24px
    }
    .consulting-software-sec::after {
        background-color: #fff
    }
    .referring-videos.it-business .video-list-thumbs .video-thumbs-box p {
        margin-bottom: 0
    }
    .banner_ios_section::after {
        background-image: none
    }
    .cryptocurrency-exchange-bnr::before {
        background-image: none
    }
    .crypto-solutions-other.cso-new .os-services li .free-title {
        text-align: left !important;
        font-size: 16px !important
    }
    .fantasy-sports-app-sol.fspas-tc.fspas-tc .wht-bx {
        min-height: 100%
    }
    .node-js-half .os-services li .free-title {
        font-size: 16px;
        text-align: left
    }
    .on-d-tab-section .section-main-tab-base .parent-tab .nav-item a {
        padding: 20px 20px;
        font-size: 14px
    }
    .on-d-tab-section .tab-content {
        margin-top: 0
    }
    .on-d-tab-section .sub-tab .nav-item {
        width: auto !important;
        display: inline-block;
        vertical-align: top
    }
    .on-d-tab-section .sub-tab .nav-item a {
        padding: 5px 10px 5px 5px;
        font-size: 13px
    }
    .on-d-tab-section .sub-tab .nav-item a span {
        width: 46px;
        height: 46px;
        margin-right: 3px
    }
    .on-d-tab-section .sub-tab .nav-item a span img {
        width: 30px
    }
    .service-centric .centric-box span {
        left: -20px
    }
    .fantasySports-bnr.taxi-banner .title-h3 {
        text-align: center
    }
    .food-delivery-app-about h4 {
        text-align: center
    }
    .fantasy-sports-app-sol .wht-bx {
        min-height: 100%;
        padding: 10px
    }
    .fantasy-sports-app-sol.theme-change.taxi .title-h3 {
        margin: 0 0 10px 0
    }
    .food-delivery-app-about .food-app-list li h4 {
        text-align: left
    }
    .grocery-shopping .title {
        font-size: 24px
    }
    .core-features-new .in_Tabs .inTabs>li>a {
        font-size: 14px
    }
    .core-features-new .in_Tabs .inTabs>li a span {
        margin-right: 3px
    }
    .core-features-new h2 {
        font-size: 24px
    }
    .Key-features-tabs .core-features-new .in_Tabs .inTabs>li a {
        padding: 15px
    }
    .Key-features-tabs .core-features-new .in_Tabs .inTabs>li a span {
        display: none
    }
    .pays-to-choose .pays-box {
        padding: 0
    }
    .section-tabs-title.stt-gap {
        padding-top: 0
    }
    .adds_value .av-points {
        font-size: 14px
    }
    .app-business .ab-box abbr {
        left: 20px
    }
    .app-business .title-h3 {
        padding-left: 70px
    }
    .re-realestate .re-services li h3 {
        font-size: 16px
    }
    .effect-m-solutions.ready-made .heading {
        font-size: 24px
    }
    .masthead.career-page .banner-text {
        padding-left: 0;
        text-align: center
    }
    .masthead.career-page .btn.style_3 {
        font-size: 14px;
        padding: 15px 15px
    }
    .career-about p {
        text-align: center
    }
    .open-jobs .available-jobs {
        min-height: 160px !important
    }
    .photo-grid .heading {
        font-size: 24px;
        margin-top: 0
    }
    .steps-of-interview h2 {
        font-size: 24px
    }
    header.masthead.career-page .career-bnr-img {
        margin-top: 20px
    }
    .testimonials-tabs .client-testimonilas .nav-tabs li a .quote-tab {
        display: none
    }
    .manento-cta {
        text-align: center;
        margin: 0
    }
    .manento-cta .mgnto-img {
        position: static;
        margin-bottom: 30px
    }
    .manento-cta .mCenter {
        margin-bottom: 20px
    }
    .why-choose9hz h2 {
        margin-top: 0
    }
    .faqs-f-a-q .faq-ineer-container .panel-group .panel .panel-body {
        margin-left: 3px
    }
    .effect-m-solutions .heading {
        font-size: 24px
    }
    .about-col-box {
        padding-top: 20px
    }
    .about-col-box .cs-inner h3 {
        text-align: center
    }
    .mind-real-app-deve .heading {
        text-align: center;
        font-size: 24px
    }
    .ocf .cross-tag {
        text-align: center
    }
    .ocf .ocf-lines li abbr {
        display: inline-block;
        vertical-align: middle
    }
    .ocf .cross-tag li p {
        font-size: 13px
    }
    .career-about .heading {
        font-size: 24px
    }
    .stps-mob h2 {
        font-size: 24px
    }
    .the-letest-tech h2 {
        font-size: 24px
    }
    .custom_text h2 {
        font-size: 24px
    }
    .whyUs_plans h2 {
        font-size: 24px
    }
    .whyUs_plans .why-panel {
        padding: 20px
    }
    .whyUs_plans .sub-content {
        margin-top: 10px
    }
    .crypto-solutions-other.node-js-half.md-dev .content-box {
        margin-top: 30px
    }
    .crypto-solutions-other.node-js-half.md-dev .btn-default {
        margin-top: 0
    }
    .crypto-solutions-other.node-js-half.md-dev .mCntr {
        margin-bottom: 50px
    }
    .hireDedicated-page {
        padding-top: 0
    }
    .cta-resto:after,
    .cta-resto:before {
        display: none
    }
    .cta-resto h2 {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 30px
    }
    .ps-timeline-sec .container ol:before {
        background: #1e5799;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: 60px;
        left: 36px
    }
    .ps-timeline-sec .container ol:after {
        background: #1e5799;
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: inherit;
        left: 36px
    }
    .ps-timeline-sec .container ol.ps-timeline {
        margin: 60px 0;
        border-left: 2px solid #1e5799;
        padding-left: 0;
        padding-top: 60px;
        border-top: 0;
        margin-left: 25px
    }
    .ps-timeline-sec .container ol.ps-timeline li {
        height: 280px;
        float: none;
        width: inherit;
        padding-top: 0
    }
    .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
        width: 70px
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child {
        margin: 0;
        bottom: 0;
        height: 280px
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
        bottom: 40px;
        width: 40%;
        margin-left: 25px;
        margin-top: 0
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
        width: 100%
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
        margin-bottom: 0;
        top: 20px;
        width: 50%
    }
    .ps-timeline-sec .container ol.ps-timeline li span {
        left: 0
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
        content: none
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
        content: none
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
        content: none
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
        content: none
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
        position: absolute;
        top: 0;
        width: 30%;
        float: left;
        margin-left: 35px;
        margin-bottom: 0
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
        margin: 0 auto;
        width: 80%
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
        position: absolute;
        top: 0;
        margin-top: 0;
        width: 30%;
        float: left;
        margin-left: 35px;
        margin-bottom: 0
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
        margin: 0 auto;
        width: 80%
    }
    .ps-timeline-sec .container ol.ps-timeline li .p-text {
        text-align: left;
        width: 100%;
        margin: 0 auto;
        margin-top: 0;
        margin-bottom: 10px
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        width: 60%;
        float: right;
        right: 0;
        top: 0;
        margin: 0
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
        width: 60%;
        float: right;
        right: 0;
        top: 0;
        margin: 0
    }
    .ps-timeline-sec .container ol.ps-timeline li span {
        top: 0
    }
    .ps-timeline-sec .container ol.ps-timeline li h4 {
        text-align: left
    }
    .ps-timeline-sec h2 {
        font-size: 24px
    }
    .portfolio-main-page .portfolio-work {
        padding-top: 70px !important
    }
    .portfolio-main-page .mobile-portfolio {
        padding-top: 70px !important
    }
    .blog_cont .marketing .blog_post h4 {
        font-size: 16px;
        line-height: normal;
        color: #333
    }
    .blog_cont .marketing .blog_post h4 a {
        color: #333
    }
    .saboxplugin-wrap .saboxplugin-desc p {
        font-size: 16px !important;
        line-height: normal
    }
    .blog_sideBar .well_box .list-post li .post_deal h3 {
        font-size: 16px;
        line-height: normal
    }
    .get_touch .info-tab .title-h5 {
        max-width: 276px;
        font-size: 16px
    }
    .blog_cont .blog_post p {
        line-height: 26px
    }
    .mob-thumb-box {
        max-width: 137px;
        margin: 0 auto
    }
    .mob-services-section .single-box {
        margin-bottom: 0;
        min-height: 100%;
        padding: 20px
    }
    header.masthead.innber-banner.web-app-s-development .heading br {
        display: none
    }
    .mob-services-section h2 {
        font-size: 24px
    }
    .food-delivery-app-about h2.text-left {
        margin-top: 50px
    }
    .python-wad-tools .title-h4 {
        text-align: center;
        margin-top: 15px
    }
    .python-web-app h2 {
        font-size: 24px
    }
    .blog_post .saboxplugin-wrap .saboxplugin-desc,
    .blog_post .saboxplugin-wrap .saboxplugin-desc p {
        font-size: 16px !important
    }
    .get_touch .info-tab .socials_icons li {
        margin: 0 5px
    }
    .app-business.devops-services.devOps .ab-box {
        min-height: 100%
    }
    .hwd-hiring-dedicated.devOps .benefits-coln {
        min-height: 100%
    }
    .seo-packages .mobile-scroll {
        overflow-x: auto
    }
    header.masthead.career-page.infa .title-h2 {
        font-size: 24px
    }
}

@media only screen and (max-width:640px) {
    .core-features .tabs-left {
        text-align: center
    }
    .core-features .tabs-left>li {
        width: auto;
        display: inline-block;
        vertical-align: top
    }
    .core-features .tabs-left>li>a {
        padding: 5px 10px 5px 5px;
        font-size: 14px
    }
    .core-features .tabs-left>li a span {
        width: 46px;
        height: 46px;
        margin-right: 2px
    }
    .core-features .tabs-left>li a span img {
        width: 30px
    }
    .core-features .core-icons h4 {
        font-size: 14px
    }
    .sports-games-solutions .sp-ga-list li {
        width: 48%
    }
    .core-features .coreList-icons li {
        width: 35%
    }
    .sports-games-solutions.ewallet-app-solutions .sp-ga-list li {
        width: 48%
    }
    .type-ewallet-tabs .nav-tabs li a {
        padding: 15px 10px;
        font-size: 14px
    }
    .fantasy-app-choose.trending .mCntr {
        margin-bottom: 30px
    }
    .hire-pages-gradiant.hireDedicated-page.cyber-security h1 {
        font-size: 100px
    }
    .hire-pages-gradiant.hireDedicated-page.cyber-security h1 span {
        font-size: 68px
    }
    .effective-security .es-icons li {
        width: 40%
    }
    .why-choose9hz .nhz-ds li {
        width: 42.5%
    }
    .ios-clients-bar .working-logo li {
        width: 47.9%;
        margin: 3px 1px
    }
    .new-home-badges .home-badge-slider.owl-carousel .owl-prev {
        left: -10px
    }
    .new-home-badges .home-badge-slider.owl-carousel .owl-next {
        right: -10px
    }
    .ready-made .points-p li {
        width: 49%
    }
}

@media only screen and (max-width:480px) {
    .new-home-badges .home-badge-slider.owl-carousel .owl-prev {
        left: 0
    }
    .new-home-badges .home-badge-slider.owl-carousel .owl-next {
        right: 0
    }
    .hireDedicated-page .subContent .blueButton {
        font-size: 13px
    }
    .hireDedicated-page .btn abbr {
        font-size: 24px
    }
}

@media only screen and (max-width:767px) {
    .mobile-main-menu .menu-mobile-menu-container .nav li.menu-item a {
        font-size: 15px
    }
    .mobile-main-menu .menu-mobile-menu-container .nav li.menu-item samp.main-menu-toggle::after {
        right: 0
    }
    .mobile-main-menu .menu-mobile-menu-container .short-contact-us .inqSal {
        font-size: 15px
    }
    .mobile-main-menu .menu-mobile-menu-container .short-contact-us .flg {
        font-size: 15px
    }
    .mobile-main-menu .menu-mobile-menu-container .short-contact-us .skype {
        font-size: 15px;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .mobile-main-menu .menu-mobile-menu-container .short-contact-us .envelope {
        font-size: 15px;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .text-center.covid-19-gap a {
        margin: 10px;
        display: inline-block
    }
    footer .copyright p a {
        margin: 6px 10px;
        display: inline-block
    }
    .blast-points li em {
        font-size: 15px
    }
    .iot_tabs .oitTabs .tab-content .iconTag li span {
        font-size: 16px
    }
    .liner-timeline .description {
        font-size: 16px
    }
    .blast-points li {
        margin: 15px
    }
    .blast-points li a {
        display: inline-block
    }
    .iot_tabs .oitTabs .nav-tabs li {
        margin: 10px 15px
    }
    .fantasy-sports-app-sol.great-features.ee-cybersecurity.ibcn-bx .wht-bx {
        min-height: 100%
    }
    .iot-iws.ibeacon-ble h2 {
        text-align: center
    }
    .iot-iws .difference-box {
        padding: 15px
    }
    .iBeacon-timeline .liner-timeline .description li {
        font-family: "cera_pro_medium", Sans-serif;
    }
    .fantasy-sports-app-sol.ar-ds-experts.ibeacon-solu .wht-bx.mHight2 {
        min-height: 100%
    }
}

@media only screen and (max-width:360px) {
    .navbar.menu_nav.sticky .navbar-brand {
        width: 100px
    }
    .mob-menu {
        right: 20px
    }
}
.blog_sideBar .well_box .nav-tabs li{margin-right: 20px;}
.blog_sideBar .well_box .nav-tabs li a{border: none; padding: 10px 0px; border-bottom: 1px solid transparent; border-radius: 0; letter-spacing: 2px; font-size: 15px; color: #757575; text-transform: uppercase; font-family: "cera_pro_black", Sans-serif;}
.blog_sideBar .well_box .nav-tabs li.active a{ border-bottom: 1px solid #1e5799;color: #333;}
.blog_sideBar .well_box.portfolio-ad{ text-align: center;}
.blog_sideBar .well_box.portfolio-ad img{ max-width: 359px; height: auto; margin: 0 auto; width: 100%;}
.blog_sideBar .well_box.ad-img-set{ text-align: center;}
.blog_sideBar .well_box.ad-img-set img{ max-width: 359px; height: auto; margin: 0 auto; width: 100%;}
.blog_sideBar .well_box.side-form{ border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 15px; background: #940ec1;
    background: -moz-linear-gradient(-45deg, #940ec1 0%, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #940ec1), color-stop(8%, #940ec1), color-stop(51%, #118ae0), color-stop(80%, #6a3697), color-stop(100%, #6a3697));
    background: -webkit-linear-gradient(-45deg, #940ec1 0%, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    background: -o-linear-gradient(-45deg, #940ec1 0%, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    background: -ms-linear-gradient(-45deg, #940ec1 0%, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    background: linear-gradient(135deg, #940ec1 0%, #940ec1 8%, #118ae0 51%, #6a3697 80%, #6a3697 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#940ec1', endColorstr='#6a3697', GradientType=1 );}
.blog_sideBar .well_box.side-form .side-form-row{ margin-bottom: 20px;}
.blog_sideBar .well_box.side-form .side-form-row .form-control{ height: auto; padding: 10px; border: none;}
.blog_sideBar .well_box.side-form .sb_title h3{ color: #fff; text-align: center;}
.blog_sideBar .well_box.side-form .side-form-row.check{ position: relative; padding-left: 20px; margin-bottom: 0;} 
.blog_sideBar .well_box.side-form .side-form-row.check .chk{ position: absolute; left: 0; top: 1px;}
.blog_sideBar .well_box.side-form .side-form-row.check label{  color:#fff;}
.blog_sideBar .well_box.side-form .side-form-row.check label a{color:#ffe403;}
.blog_sideBar .well_box.side-form .side-form-row p{position: relative; padding-left: 20px;font-family: "cera_pro_bold"; }
.blog_sideBar .well_box.side-form .side-form-row p i{position: absolute; left: 0; top: 1px;}
.blog_sideBar .well_box.side-form .side-form-row p, .blog_sideBar .well_box.side-form .side-form-row p i{color:#fff;}
.side-category .select-catrgory{ border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.side-category .select-catrgory .catrgory-menu{min-width: 100%; height: 270px; overflow-x: hidden; z-index:1;}
.side-category .select-catrgory .catrgory-menu a{background-color: #fff; display: block; vertical-align: top; border: none; line-height:normal; font-size: 14px; padding: 4px 10px;}
.side-category .select-catrgory .catrgory-menu  a:hover{ color:#fff; border-color: #862dff;background: #9f76fb; background: -moz-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%); background: -webkit-linear-gradient(-45deg, #9f76fb 0%, #38a9dc 100%); background: linear-gradient(135deg, #9f76fb 0%, #38a9dc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f76fb', endColorstr='#38a9dc',GradientType=1 );}
.side-category .select-catrgory .catrgory-btn{ width:100%; text-align:left;}
.side-category .select-catrgory .catrgory-btn i{ float:right; margin-top:3px;}
.side-category .select-catrgory.dropdown.open .dropdown-backdrop{ display:none;}
.all-tags .tags li{ display:inline-block; vertical-align:top; margin:5px; position:relative; width:31%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.all-tags .tags li:after{content:""; position:absolute; top:0; bottom:0; right:-8px; width:1px; background-color:#070CFF;}
.all-tags .tags li a{ color:#070CFF;}
.wpcf7 .ajax-loader{border-radius: 0;}
.share-icon.si-fixed{position:fixed; left: 0; top: 35%; width: 54px; z-index: 999;}
.share-icon.si-fixed ul{width: 40px;}
.share-icon.si-fixed ul li{ display: block; text-align: center;}
.share-icon.si-fixed ul li a{ display: block; padding: 10px; color:#fff;}
.share-icon.si-fixed ul li a.f{ background-color: #3d548e;}
.share-icon.si-fixed ul li a.t{ background-color: #1c9ceb;}
.share-icon.si-fixed ul li a.l{ background-color: #0270ad;}
.share-icon.si-fixed ul li a.i{ background-color: #c5007c;}
.share-icon.si-fixed ul li a.w{ background-color: #47a91f;}
.blog_cont .marketing .blog_post nav, .blog_cont .marketing .blog_post nav{ background: none; box-shadow: none; animation: none;}
.blog_cont .marketing .blog_post nav ul li.ez-toc-heading-level-2{ border-bottom: 1px solid #e8e8e8; margin-bottom: 10px !important; padding-bottom: 10px !important;}
.blog_cont .marketing .blog_post nav ul li.ez-toc-heading-level-2 a{color:#3c4bc5 !important; font-family: "cera_pro_bold";}
.blog_cont div#ez-toc-container ul{ margin-top: 10px;}
.blog_cont div#ez-toc-container ul li{ margin-bottom: 10px;}
.blog_cont .ez-toc-title-container{ background-color: #eef3f7; padding: 10px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; font-family: "cera_pro_black", Sans-serif;}

.ult-content-box{
   background-color: #f5f5f5;
    border-radius: 10px;
    padding: 20px;
    transition: all 700ms ease 0s;
    margin: 0px 0px 30px;
    box-shadow: none;
}
.ult-content-box .box-icon{
   display: table-cell;
    vertical-align: middle;
    padding: 0 10px 20px 0;
    min-width: 60px;
}
.ult-content-box .box-icon .img-icon{
   width: 45px;
    height: auto;
}
.ult-content-box .box-title{
   display: table-cell;
    vertical-align: middle;
    padding-bottom: 20px;
}
.ult-content-box .box-title h4{
   font-weight: bold;
    color: #02042B;
}

.hiring-content-box{
   background-color: #02042B;
    border-radius: 10px;
    padding: 20px 5px;
    transition: all 0.6s;
    margin: 0 0 20px;
    /* box-shadow: 0 0 1px 1px #fff; */
    border: 1px solid #fff;
}
.hiring-content-box:hover {
    box-shadow: 0px 0px 20px -5px #fff;
    animation: pulseaim1 1.75s infinite ease-out;
}
.hiring-content-box .box-icon{
   display: block;
    vertical-align: middle;
    padding: 0 0px 10px 0;
    min-width: 60px;
    text-align: center;
}
.hiring-content-box .box-icon .img-icon{
   width: 35px;
    height: auto;
    margin: 0 auto;
    display: inline-block;
}
.hiring-content-box .box-title{
   display: block;
    text-align: center;
    color: #ffffff;
}
.technology-box .row { margin-right: -5px; margin-left: -5px; }
.technology-box .row > div{ padding-right: 5px; padding-left: 5px; }
.technology-box .hiring-content-box .box-icon .img-icon{ height: 41px; width: auto; }
.partner-module-sec .elementor-tabs-wrapper .elementor-tab-title{
   padding: 15px !important;
    text-align: center;
    font-weight: 400 !important;
    font-family: "cera_pro_medium", Sans-serif !important;
}
.partner-module-sec .elementor-tabs-wrapper .elementor-tab-title.elementor-active{
   border: 1px solid #d4d4d4 !important;
    border-width: 1px 0px 1px 1px !important;
}
.partner-module-sec .elementor-tabs-wrapper .elementor-tab-title .tabpan-icon{
   max-height: 35px;
   width: auto;
    max-width: none;
    margin: 0 auto;
    margin-bottom: 11px;
    display: block;
}
.partner-module-sec .elementor-tabs-content-wrapper {
   background-color: #f6f6f6;
}

@media only screen and (max-width:767px){
    .side-category .select-catrgory .catrgory-menu{position:static; margin-bottom:30px;}
    .blog_sideBar .well_box .nav-tabs li {margin-right: 15px;}
    .crypto-solutions-other .os-services li{padding-bottom: 5px; min-height: 60px;}
    .crypto-solutions-other .os-services li p{margin-bottom: 0px;}
    .sports-games-solutions.gener-games .bx-footer {padding-left:0px; padding-right:0px;}
    .requestForm .form-controler .getTouch{max-width: 100%;}
    .share-icon.si-fixed{position: static; top: 0; width: 100%; text-align: center;}
    .share-icon.si-fixed ul{ width: 100%; margin-top: 10px; margin-bottom: -30px;}
    .share-icon.si-fixed ul li{display:inline-block; vertical-align: top;}
    .share-icon.si-fixed ul li a{padding:10px 12px;}
    .w-auto { max-width: 100% !important;}
    .blog_cont .blog_post .detailtext{ margin-top: 50px;}
}