.odometer.odometer-auto-theme,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-digital,
.odometer.odometer-theme-digital .odometer-digit {
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-digital .odometer-digit .odometer-digit-spacer {
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-digital .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.totalCount.odometer .odometer-digit-inner {
    padding: 0 0 0 3px
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-digital .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-digital .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-digital .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
    text-align: left
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-digital .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-digital.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-digital.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-digital.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-digital.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-digital {
    vertical-align: top
}


/*  ////////////////// */

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    display: none
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}


/*  ////////////////// */

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}


/*  ////////////////// */

.portskip,
.portskip:focus,
.portskip:hover {
    color: #fff
}

.appi-logo img,
.revolutionizing-list img {
    max-width: 100%
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

@keyframes shake {
    0%,
    to {
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes shake {
    0%,
    to {
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.portskip {
    position: absolute;
    left: 34%;
    bottom: 10px;
    z-index: 5;
    padding: 10px 20px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 6px
}

#fullpage,
.appi-intro,
.portskip svg {
    position: relative
}

.portskip svg {
    width: 24px;
    height: 23px;
    top: 7px;
    fill: #fff
}

#fullpage {
    width: 100%
}

.shake {
    animation-name: shake;
    -webkit-animation-name: shake;
    animation-duration: .6s;
    -webkit-animation-duration: .6s
}

.appi-intro {
    background: url(https://d15pemyvzijf1o.cloudfront.net/intro_bg.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    text-align: center
}

.appi-intro video {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    z-index: -1;
    min-height: 100vh;
    right: 0;
    bottom: 0
}

.fp-section {
    position: relative
}

.sprite-new {
    background: url(https://d15pemyvzijf1o.cloudfront.net/sprite_new.png) no-repeat
}

header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99
}

header .appi-ins-header {
    padding: 35px 40px;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    position: relative
}

header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    -webkit-transition: all .6s cubic-bezier(.4, .25, 0, 1);
    transition: all .6 cubic-bezier(.4, .25, 0, 1);
    transform-origin: top
}

header.fixed-header:before {
    transform: scaleY(1);
    -webkit-transform: scaleY(1)
}

header.fixed-header .appi-ins-header {
    padding: 10px 40px
}

.appi-logo {
    width: 210px;
    float: left;
    height: 50px;
    position: relative;
    overflow: hidden;
    top: 7px;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

.appi-logo .appi-black,
.appi-logo .appi-white {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

.appi-logo .appi-black {
    transform: translateY(72px);
    -webkit-transform: translateY(72px)
}

header.fixed-header .appi-logo .appi-black {
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

header.fixed-header .appi-logo .appi-white {
    transform: translateY(-72px);
    -webkit-transform: translateY(-72px)
}

.navigation {
    float: right;
    padding: 0;
    font-family: proxima_nova_altsemibold
}

.navigation>ul>li {
    float: left;
    position: relative;
    margin: 0 20px
}

.navigation>ul>li>a {
    font-size: 18px;
    font-weight: 400;
    display: block;
    padding: 20px;
    color: #fff;
    z-index: 99;
    position: relative
}

.navigation>ul>li>a .fa.fa-angle-down {
    position: relative;
    overflow: hidden;
    top: 3px;
    left: 5px;
    width: 12px;
    height: 16px
}

.navigation>ul>li>a .fa.fa-angle-down:after,
.navigation>ul>li>a .fa.fa-angle-down:before {
    content: "\f107";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

.navigation>ul>li>a .fa.fa-angle-down:after {
    transform: translateY(-15px);
    -webkit-transform: translateY(-15px)
}

.navigation>ul>li:hover>a .fa.fa-angle-down:after {
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.navigation>ul>li:hover>a .fa.fa-angle-down:before {
    transform: translateY(15px);
    -webkit-transform: translateY(15px)
}

.sub_navigation {
    position: absolute;
    top: 100%;
    background: #fff;
    width: 800px;
    left: -210px;
    white-space: nowrap;
    height: 290px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in
}

.navigation>ul>li.nav_dropdown:hover>a:before {
    position: absolute;
    left: 0;
    top: -1px;
    height: 5px;
    width: 100%;
    content: '';
    background: #01b2ff
}

.sub_navigation li {
    margin: 0 10px;
    width: 240px
}

.navigation>ul>li.nav_contact,
.navigation>ul>li.nav_phone {
    margin: 7px 0 0 10px
}

header.fixed-header .navigation>ul>li>a {
    color: #000
}

header.fixed-header .navigation>ul>li:hover>a {
    color: #01b2ff
}

header.fixed-header .navigation>ul>li.nav_contact a,
header.fixed-header .navigation>ul>li.nav_phone a {
    color: #fff
}

.btn-effect a {
    position: relative;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    overflow: hidden;
    z-index: 3
}

.btn-effect a:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 800px;
    height: 800px;
    content: "";
    background: rgba(0, 166, 239, .8);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    visibility: hidden;
    opacity: 0;
    z-index: -1
}

@keyframes btneffect {
    from {
        transform: translate(-50%, -50%) scale(0);
        -webkit-transform: translate(-50%, -50%) scale(0);
        visibility: visible;
        opacity: 1
    }
    to {
        transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        visibility: hidden;
        opacity: 0
    }
}

@-webkit-keyframes btneffect {
    from {
        transform: translate(-50%, -50%) scale(0);
        -webkit-transform: translate(-50%, -50%) scale(0);
        visibility: visible;
        opacity: 1
    }
    to {
        transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        visibility: hidden;
        opacity: 0
    }
}

.btn-effect:active a:before,
.btn-effect:hover a:before {
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-name: btneffect;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: btneffect
}

.sub_navigation li a {
    display: block;
    color: grey;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 3px
}

.sub_navigation li:active a,
.sub_navigation li:hover a {
    background: #01b2ff;
    color: #fff;
    text-decoration: none
}

.sub_navigation .ins-sub-menu:first-child {
    width: 536px;
    border-right: 1px solid #ddd;
    flex: 0 2;
    -webkit-flex: 0 2
}

.sub_navigation .ins-sub-menu:nth-child(2) {
    width: 260px
}

.sub_navigation .ins-sub-menu:first-child ul li:first-child {
    width: 520px;
    text-align: center
}

.sub_navigation .ins-sub-menu:first-child ul li:first-child a {
    background: 0 0!important;
    color: #000!important
}

.sub_navigation .ins-sub-menu ul li.head a:hover {
    color: #fff;
    text-decoration: none
}

.sub_navigation .ins-sub-menu ul li.head a {
    color: #000
}

.sub_navigation .ins-sub-menu ul {
    display: flex;
    flex-direction: row;
    flex-flow: nowrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -webkit-flex-flow: nowrap;
    -webkit-flex-wrap: wrap
}

.navigation>ul>li.nav_dropdown:hover>.sub_navigation {
    visibility: visible;
    opacity: 1;
    z-index: 9
}

.navigation>ul>li.nav_dropdown:hover>a {
    background: #fff;
    color: #01b2ff;
    box-shadow: 0 -2px 3px rgba(0, 0, 0, .3)
}

.navigation>ul>li.nav_contact a,
.navigation>ul>li.nav_phone a {
    border-radius: 5px;
    background: #01b2ff;
    height: 50px;
    font-size: 18px;
    overflow: hidden;
    text-align: center
}

.navigation>ul>li.nav_dropdown:hover>a .fa {
    color: #01b2ff
}

.navigation>ul>li.nav_phone a {
    padding: 0;
    width: 50px
}

.navigation>ul>li.nav_phone a .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -7px
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(0)
    }
}

@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(0)
    }
}

.navigation>ul>li.nav_contact:hover a .fa,
.navigation>ul>li.nav_phone:hover a .fa {
    animation-duration: .4s;
    animation-fill-mode: both;
    transform-origin: center center;
    animation-name: swing
}

.navigation>ul>li.nav_contact a {
    width: 150px;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

header.fixed-header .navigation>ul>li.nav_contact a {
    width: 50px
}

.navigation>ul>li.nav_contact a .text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1)
}

.navigation>ul>li.nav_contact a .fa {
    position: absolute;
    left: calc(0% - 20px);
    top: 50%;
    margin: -9px 0 0 -9px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

header.fixed-header .navigation>ul>li.nav_contact a .fa {
    opacity: 1;
    visibility: visible;
    left: 50%
}

header.fixed-header .navigation>ul>li.nav_contact a .text {
    opacity: 0;
    visibility: hidden;
    left: calc(100% + 70px)
}

.navigation>ul>li.nav_contact:hover a,
.navigation>ul>li.nav_phone:hover a {
    color: #fff;
    background: #15b8ff
}

.navigation>ul>li.active>a,
.navigation>ul>li>a:hover {
    color: #01b2ff;
    text-decoration: none
}

.navigation>ul>li.active>a:before {
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 100%;
    background: #01b2ff;
    content: '';
    left: 0
}

.navigation>ul>li.nav_contact.active>a {
    border-color: #01b2ff!important;
    color: #fff!important;
    background: #01b2ff
}

.navigation>ul>li.nav_contact.active>a:before {
    display: none
}

.appi-lead-text span,
.value-digi {
    display: inline-block;
    position: relative
}

.sub_navigation {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.banner-img {
    position: absolute;
    right: -100px;
    bottom: -3px;
    width: 56.5VW
}

.banner-input-sec {
    width: 660px;
    background: #fff;
    margin: 30px auto 0;
    position: relative;
    padding: 10px 305px 10px 10px;
    border-radius: 6px;
    top: 0
}

.banner-input-sec .ban-sub-nav {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0
}

.banner-input-sec .ban-sub-nav button {
    padding: 13px 16px 13px 22px
}

.banner-input-sec input[type=text] {
    margin: 0;
    font-size: 18px;
    font-family: proxima_nova_altsemibold;
    border: 0;
    padding: 13px 10px;
    color: #000;
    background: 0 0
}

.banner-input-sec input[type=text]::-webkit-input-placeholder {
    color: #000
}

.banner-input-sec input[type=text]::-moz-placeholder {
    color: #000
}

.banner-input-sec input[type=text]:-ms-input-placeholder {
    color: #000
}

.banner-input-sec input[type=text]:-moz-placeholder {
    color: #000
}

.banner-input-sec.error {
    background: #ffebeb;
    box-shadow: 0 0 23px rgba(255, 41, 41, .35)
}

.banner-input-sec.error input[type=text] {
    color: red
}

.appi-intro .intro-qoute {
    width: 1205px;
    color: #fff;
    margin: 0 auto
}

.appi-intro .intro-qoute p {
    font-family: Kameron, serif;
    font-size: 70px;
    margin: 0;
    font-weight: 700;
    line-height: 1.1
}

.appi-intro .intro-qoute>h1 {
    font-family: proxima_nova_altlight;
    font-size: 24px;
    font-weight: 400;
    margin: 10px 0 0
}

.appi-intro .intro-qoute>h1 .giveus {
    font-size: 28px
}

.appi-intro .intro-qoute>h1 span {
    font-family: proxima_nova_altsemibold
}

#intro-text-change {
    height: 90px;
    position: relative;
    width: 100%;
    float: left;
    margin: 20px 0 0
}

#intro-text-change .ch-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden
}

.home_header_on {
    z-index: 100
}

.ch-text i,
.ch-text span {
    position: relative;
    top: -100px;
    font-style: normal
}

.home_header_on :nth-child(1) {
    top: 0;
    -webkit-transition: top .6s ease-in-out;
    -moz-transition: top .6s ease-in-out;
    transition: top .6s ease-in-out
}

.home_header_on :nth-child(2) {
    top: 0;
    -webkit-transition: top .6s ease-in-out .15s;
    -moz-transition: top .6s ease-in-out .15s;
    transition: top .6s ease-in-out .15s
}

.home_header_on :nth-child(3) {
    top: 0;
    -webkit-transition: top .6s ease-in-out .3s;
    -moz-transition: top .6s ease-in-out .3s;
    transition: top .6s ease-in-out .3s
}

.home_header_out :nth-child(1) {
    top: 100px;
    transition: top .6s ease-in-out;
    -webkit-transition: top .6s ease-in-out;
    -moz-transition: top .6s ease-in-out
}

.home_header_out :nth-child(2) {
    top: 100px;
    -webkit-transition: top .6s ease-in-out .15s;
    -moz-transition: top .6s ease-in-out .15s;
    transition: top .6s ease-in-out .15s
}

.home_header_out :nth-child(3) {
    top: 100px;
    -webkit-transition: top .6s ease-in-out .3s;
    -moz-transition: top .6s ease-in-out .3s;
    transition: top .6s ease-in-out .3s
}

.appi-lead-indus-left figure,
.value-digi p span {
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.appi-lead-industries {
    height: 100vh;
    position: relative;
    z-index: 9
}

.appi-lead-indus-left {
    position: relative;
    height: 100vh;
    width: 45%;
    float: left
}

.appi-ins-lead-industries {
    position: relative;
    overflow: hidden;
    height: 100vh
}

.appi-lead-indus-left figure {
    position: absolute;
    left: 0;
    top: 100%;
    height: 100%;
    width: 100%;
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.appi-lead-indus-right,
.appi-lead-text {
    position: absolute;
    left: calc(45% + 75px)
}

.appi-lead-indus-left figure img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%
}

.appi-lead-indus-right {
    top: 54%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 700px
}

.appi-lead-text {
    font-family: proxima_nova_altlight;
    font-size: 60px;
    top: 20%
}

.appi-lead-text p {
    position: relative;
    overflow: hidden;
    line-height: 1.1
}

.appi-lead-text span {
    overflow: hidden;
    line-height: 1.1;
    top: 70px
}

.value-digi {
    font-family: Kameron, serif;
    font-size: 100px;
    font-weight: 700;
    margin: 60px 0 0;
    height: 140px;
    width: 245px
}

.value-digi p {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.value-digi p span {
    position: relative;
    top: 110px;
    float: left;
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.value-digi p span.l2 {
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}

.value-digi p span.l3 {
    transition-delay: .3s;
    -webkit-transition-delay: .3s
}

.value-digi:before {
    position: absolute;
    right: -60px;
    top: 50%;
    content: "+";
    font-size: 60px;
    line-height: 1;
    margin-top: -30px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition-delay: .8s;
    -webkit-transition-delay: .8s
}

.cal-date:before,
.craft-brilliance-form .appi-inpsec:before,
.foot-social-network li a:after,
.social-network-right:before {
    content: ''
}

.appi-lead-indus-head {
    font-family: proxima_nova_altsemibold;
    font-size: 28px;
    font-weight: 400;
    position: relative;
    height: 42px;
    top: -30px;
    left: 5px;
    background: #fff
}

.appi-lead-indus-head .appi-lead-ins-head {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0)
}

.appi-lead-indus-head .appi-lead-ins-head span {
    position: relative;
    display: inline-block;
    top: 45px;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.appi-lead-indus-head .appi-lead-ins-head span.l2 {
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}

#leadindus .owl-item.active .appi-lead-indus-head .appi-lead-ins-head {
    opacity: 1;
    filter: alpha(opacity=100)
}

#leadindus .owl-item.active .appi-lead-indus-head .appi-lead-ins-head span {
    top: 0
}

#leadindus .owl-item.after .appi-lead-indus-head .appi-lead-ins-head span {
    top: -45px
}

#leadindus .owl-item.active .appi-lead-indus-left figure,
#leadindus .owl-item.before .appi-lead-indus-head .appi-lead-ins-head span {
    top: 0
}

#leadindus .owl-item.after .appi-lead-indus-left figure {
    top: -100%
}

#leadindus .owl-item.before .appi-lead-indus-left figure {
    top: 100%
}

#leadindus .owl-item.active .value-digi p span {
    top: 0
}

#leadindus .owl-item.after .value-digi p span {
    top: -110px
}

#leadindus .owl-item.before .value-digi p span {
    top: 110px
}

#leadindus .owl-item.active .value-digi:before {
    right: 15px;
    opacity: 1;
    visibility: visible
}

.spacer {
    left: 0;
    height: 1px;
    position: absolute;
    width: 100%;
    margin-top: 0;
    top: 50%
}

.appi-lead-indus-para p {
    position: relative;
    overflow: hidden;
    font-family: proxima_nova_alt_rgregular;
    font-size: 20px;
    width: 100%;
    height: 30px
}

.appi-lead-indus-para p span {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.appi-lead-indus-para p span.l2 {
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}

.appi-lead-indus-para p span.l3 {
    transition-delay: .3s;
    -webkit-transition-delay: .3s
}

#leadindus .owl-item.active .appi-lead-indus-para p span {
    top: 0
}

.appi-lead-indus-para {
    position: relative;
    margin: -10px 0 0;
    height: 90px;
    transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in
}

.appi-lead-indus-para .appi-lead-ins-para {
    position: absolute;
    left: 5px;
    top: 0;
    width: 100%;
    opacity: 0
}

#leadindus .owl-item.active .appi-lead-indus-para .appi-lead-ins-para {
    opacity: 1
}

.appi-lead-indus-navi {
    position: relative;
    height: 51px;
    margin: 25px 0 0 5px;
    width: 295px;
    overflow: hidden
}

.appi-lead-indus-navi .appi-lead-ins-navi {
    width: 233px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    position: absolute;
    left: 0
}

.appi-lead-indus-navi .appi-lead-ins-navi .appi-cta {
    width: 100%
}

#leadindus.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #01b2ff
}

#leadindus.owl-theme .owl-dots .owl-dot span {
    margin: 5px
}

#leadindus .owl-item.active .appi-lead-indus-navi .appi-lead-ins-navi {
    visibility: visible;
    opacity: 1
}

.trigger-wpsec {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: -1
}

.appi-our-ranking {
    position: relative
}

.appi-ins-our-raking {
    position: relative;
    background: #0dbfeb;
    background: -moz-linear-gradient(left, rgba(13, 191, 235, 1) 0, rgba(0, 28, 134, 1) 73%);
    background: -webkit-linear-gradient(left, rgba(13, 191, 235, 1) 0, rgba(0, 28, 134, 1) 73%);
    background: linear-gradient(to right, rgba(13, 191, 235, 1) 0, rgba(0, 28, 134, 1) 73%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0dbfeb', endColorstr='#001c86', GradientType=1);
    padding: 80px 0
}

.social-network-right {
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 250px 0 0;
    z-index: 9
}

#leadindus {
    height: 100%;
    position: relative;
    opacity: 0;
    visibility: hidden
}

#leadindus .owl-dots {
    bottom: 90px;
    position: absolute;
    left: 50%
}

.social-network-right:before {
    position: absolute;
    left: -41px;
    width: 100px;
    top: 202px;
    height: 2px;
    background: #000;
    transform: rotate(90deg) scaleX(0);
    -webkit-transform: rotate(90deg) scaleX(0);
    transform-origin: top center;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition-delay: .3s;
    -webkit-transition-delay: .3s
}

.social-network-right.active:before {
    transform: rotate(90deg) scaleX(1);
    -webkit-transform: rotate(90deg) scaleX(1)
}

.social-network-right .text {
    font-family: proxima_nova_altsemibold;
    font-size: 18px;
    transform: rotate(90deg) translate(49px, 52px);
    -webkit-transform: rotate(90deg) translate(49px, 52px);
    position: absolute;
    top: -80px;
    width: 170px;
    left: -24px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}

.awdd-icon,
.social-network-right a {
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.social-network-right.active .text {
    top: 0;
    opacity: 1;
    visibility: visible
}

.social-network-right a {
    display: block;
    font-size: 20px;
    color: #000;
    margin: 35px 0;
    position: relative;
    transform: translateX(90px);
    -webkit-transform: translateX(90px);
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.social-network-right a.facebook {
    transition-delay: .4s;
    -webkit-transition-delay: .4s
}

.social-network-right a.twitter {
    transition-delay: .6s;
    -webkit-transition-delay: .6s
}

.social-network-right a.behance {
    transition-delay: .8s;
    -webkit-transition-delay: .8s
}

.social-network-right a.dribble {
    transition-delay: 1s;
    -webkit-transition-delay: 1s
}

.social-network-right.active a {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.social-network-right a.facebook:hover {
    color: #3a589e
}

.social-network-right a.twitter:hover {
    color: #429cd6
}

.social-network-right a.behance:hover {
    color: #005cff
}

.social-network-right a.dribble:hover {
    color: #dd3e7b
}

.appi-our-ranking .container {
    width: 1210px;
    color: #fff;
    position: relative
}

.appi-our-ranking .appi-rating-left {
    float: left;
    width: 640px;
    padding: 0
}

.appi-our-ranking .appi-rating-left h3 {
    font-family: proxima_nova_altlight;
    font-size: 50px;
    font-weight: 400
}

.appi-our-ranking .appi-rating-left h3 p {
    position: relative;
    overflow: hidden;
    line-height: .8
}

.appi-our-ranking .appi-rating-left h3 span {
    display: inline-block;
    overflow: hidden;
    line-height: 1;
    position: relative;
    top: 55px
}

.appi-investment-sec {
    height: 100vh;
    background: #fff;
    z-index: 9
}

.appi-rating-left .para,
.appi-startup-content .para {
    position: relative;
    font-family: proxima_nova_alt_rgregular;
    font-size: 20px;
    width: 100%;
    margin: 20px 0 0
}

.appi-rating-left .para p,
.appi-startup-content .para p {
    position: relative;
    overflow: hidden
}

.appi-rating-left .para p span,
.appi-startup-content .para p span {
    display: block;
    position: relative;
    top: 30px
}

.cio-review-sec {
    margin: 50px 0 0
}

.cio-review-sec figure {
    position: relative;
    left: -90px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1.8s cubic-bezier(.19, 1, .22, 1);
    transition: all 1.8s cubic-bezier(.19, 1, .22, 1);
    transition-delay: .6s;
    -webkit-transition-delay: .6s;
    float: left;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 20px 0 0
}

.cio-review-sec.active figure {
    left: 0;
    opacity: 1;
    visibility: visible
}

.cio-text {
    font-family: Kameron, serif;
    font-size: 32px;
    margin: 16px 0;
    position: relative
}

.cio-text p {
    overflow: hidden;
    line-height: 1.2
}

.cio-text p span {
    position: relative;
    top: 45px;
    -webkit-transition: all 1.8s cubic-bezier(.19, 1, .22, 1);
    transition: all 1.8s cubic-bezier(.19, 1, .22, 1)
}

.cio-review-sec.active .cio-text p .l1 {
    transition-delay: .8s;
    -webkit-transition-delay: .8s
}

.cio-review-sec.active .cio-text p .l2 {
    transition-delay: 1s;
    -webkit-transition-delay: 1s
}

.cio-review-sec.active .cio-text p .l3 {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s
}

.cio-review-sec.active .cio-text p span {
    top: 0
}

.awdd-icon {
    width: 35px;
    opacity: 0;
    visibility: hidden;
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition-delay: .8s;
    -webkit-transition-delay: .8s
}

.cio-review-sec.active .awdd-icon {
    opacity: 1;
    visibility: visible
}

.cal-date {
    font-family: proxima_nova_altsemibold;
    font-size: 26px;
    display: inline-block;
    position: relative;
    margin: 24px 0 0;
    line-height: 1;
    padding: 0 0 0 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition-delay: .5s;
    -webkit-transition-delay: .5s
}

.cio-review-sec .cal-date {
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s
}

.cio-review-sec.active .cal-date {
    opacity: 1;
    visibility: visible
}

.appi-timeline-sec .date-round-sec,
.appi-timeline-sec .date-round-sec .date {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.cal-date:before {
    position: absolute;
    left: 0;
    top: 3px;
    width: 2px;
    height: 20px;
    background: #fff
}

.appi-timeline-sec {
    position: relative;
    margin: 45px 0 20px
}

.appi-timeline-sec.active {
    width: 100%
}

.appi-timeline-sec .date-round-sec {
    color: #fff;
    font-family: proxima_nova_alt_rgregular;
    font-size: 20px;
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.appi-timeline-sec .date-round-sec .date {
    display: block;
    position: relative;
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.appi-timeline-sec.active .date-round-sec,
.appi-timeline-sec.active .date-round-sec .date {
    visibility: visible;
    opacity: 1
}

.appi-timeline-sec .date-round-sec.cio .date {
    top: 30px;
    transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s
}

.appi-timeline-sec.active .date-round-sec.cio .date {
    top: 0
}

.appi-timeline-sec .date-round-sec .round {
    width: 9px;
    height: 9px;
    display: block;
    background: #fff;
    border-radius: 50%;
    position: relative;
    left: 50%;
    margin: -4px 0 25px -4px;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition-delay: .4s;
    -webkit-transition-delay: .4s
}

.appi-timeline-sec .date-round-sec.active .round {
    box-shadow: 0 0 19px #fff
}

.appi-timeline-sec .date-round-sec.cio {
    left: 2%;
    transition-delay: .3s;
    -webkit-transition-delay: .3s
}

.appi-timeline-sec .date-round-sec.business-app {
    left: 34%;
    transition-delay: .5s;
    -webkit-transition-delay: .5s
}

.appi-timeline-sec .date-round-sec.clutch {
    left: 56%;
    transition-delay: .7s;
    -webkit-transition-delay: .7s
}

.appi-timeline-sec .date-round-sec.appfutura {
    left: 79%;
    transition-delay: .9s;
    -webkit-transition-delay: .9s
}

.appi-timeline-sec.active .date-round-sec.cio {
    left: 12%
}

.appi-timeline-sec.active .date-round-sec.business-app {
    left: 44%
}

.appi-timeline-sec.active .date-round-sec.clutch {
    left: 66%
}

.appi-timeline-sec.active .date-round-sec.appfutura {
    left: 89%
}

.appi-timeline-sec .date-round-sec.appfutura .date,
.appi-timeline-sec .date-round-sec.business-app .date,
.appi-timeline-sec .date-round-sec.clutch .date {
    position: absolute;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: -80px;
    opacity: 0;
    visibility: hidden
}

.appi-timeline-sec .date-round-sec.business-app .date {
    transition-delay: .5s;
    -webkit-transition-delay: .5s
}

.appi-timeline-sec .date-round-sec.clutch .date {
    transition-delay: .7s;
    -webkit-transition-delay: .7s
}

.appi-timeline-sec .date-round-sec.appfutura .date {
    transition-delay: .9s;
    -webkit-transition-delay: .9s
}

.appi-timeline-sec.active .date-round-sec.appfutura .date,
.appi-timeline-sec.active .date-round-sec.business-app .date,
.appi-timeline-sec.active .date-round-sec.clutch .date {
    top: -50px;
    opacity: 1;
    visibility: visible
}

.timeline-app-details {
    width: 25%;
    margin: 30px 0 0;
    font-family: proxima_nova_altlight;
    font-size: 24px;
    color: #fff;
    line-height: 1.3;
    font-weight: 500;
    float: left
}

.appi-heading .plus,
.appi-heading .val i,
.stp-pp .plus,
.stp-pp .stp-val {
    font-family: Kameron, serif;
    font-weight: 700
}

.timeline-app-details figure {
    margin: 0 10px 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    display: inline-block;
    transition-delay: .5s;
    -webkit-transition-delay: .5s
}

.timeline-app-details.active .awdd-icon,
.timeline-app-details.active .cal-date,
.timeline-app-details.four.active figure,
.timeline-app-details.one.active figure,
.timeline-app-details.three.active figure,
.timeline-app-details.two.active figure {
    opacity: 1;
    visibility: visible
}

.canvas-sec,
.timeline-app-details p span {
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.appfutura-lg,
.clutch-lg,
.mad-lg {
    display: block;
    position: relative
}

.timeline-app-details .cal-date {
    font-size: 20px;
    margin: 20px 0 0;
    padding: 0 0 0 15px;
    top: 4px
}

.timeline-app-details .cal-date:before {
    height: 16px
}

.timeline-app-details p {
    overflow: hidden
}

.timeline-app-details.one {
    width: 27%
}

.timeline-app-details.two {
    width: 26%
}

.timeline-app-details.four {
    width: auto;
    float: right
}

.timeline-app-details p span {
    position: relative;
    top: 28px;
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.timeline-app-details.four.active p span,
.timeline-app-details.one.active p span,
.timeline-app-details.three.active p span,
.timeline-app-details.two.active p span {
    top: 0
}

.timeline-app-details.active p .l1 {
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}

.timeline-app-details.active p .l2 {
    transition-delay: .4s;
    -webkit-transition-delay: .4s
}

.timeline-app-details.active p .l3 {
    transition-delay: .6s;
    -webkit-transition-delay: .6s
}

.timeline-app-details .awdd-icon {
    margin: 0 0 15px
}

.clutch-lg {
    width: 69px;
    height: 20px;
    background-position: -314px -53px;
    top: 6px
}

.appfutura-lg {
    width: 141px;
    height: 27px;
    background-position: -168px -51px;
    top: 12px
}

.mad-lg {
    width: 66px;
    height: 29px;
    background-position: -526px -59px;
    top: 13px
}

.appi-heading .val,
.stp-pp .stp-val {
    display: inline-block;
    line-height: 1;
    overflow: hidden
}

.canvas-sec {
    right: -230px;
    top: -190px;
    width: 1000px;
    height: 100vh;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition-delay: 1s;
    -webkit-transition-delay: 1s
}

.canvas-sec.active {
    visibility: visible;
    opacity: 1
}

.pos-wsth {
    position: absolute;
    height: 1px;
    top: 0;
    z-index: -9
}

.pos-wsth.one {
    left: 0;
    width: 170px
}

.pos-wsth.two {
    left: 169px;
    width: 368px
}

.pos-wsth.three {
    width: 267px;
    left: 537px
}

.pos-wsth.four {
    right: 0;
    width: 407px
}

.appi-inside-investment-sec {
    padding: 150px 0;
    position: relative;
    height: 100%
}

.appi-heading .val {
    height: 52px;
    position: relative;
    width: 80px;
    vertical-align: top;
    top: 6px;
    font-size: 60px
}

.appi-heading .val i {
    font-style: normal;
    position: absolute;
    left: 0;
    top: 0;
    color: #fe5164
}

.appi-heading .val i.il2 {
    top: 55px
}

.appi-heading .plus {
    color: #fe5164;
    font-size: 36px;
    position: relative;
    vertical-align: text-bottom;
    margin: 0 5px 0 -8px
}

.appi-ins-inves-sec {
    padding: 100px 0 0
}

.appi-investment-sec .container {
    width: 1290px;
    max-width: 100%
}

.appi-youtube-video {
    width: 653px;
    height: 367px;
    float: left;
    opacity: 0;
    visibility: hidden
}

.appi-startup-content {
    width: 550px;
    float: right;
    position: relative;
    padding: 36px 0 0
}

.stp-pp {
    float: left;
    position: relative
}

.stp-pp .stp-val {
    font-size: 60px;
    position: relative;
    width: 100px;
    height: 70px;
    margin: 0 0 -10px -2px;
    opacity: 0
}

.stp-pp .stp-val i {
    font-style: normal;
    font-size: 80px;
    position: absolute;
    left: 0;
    line-height: 1
}

.stp-pp .stp-val i.il2 {
    top: 60px
}

.stp-pp .plus {
    font-size: 60px;
    line-height: 1;
    position: relative;
    top: -3px;
    left: -14px;
    opacity: 0
}

.inves-million p,
.stp-pp p {
    font-family: proxima_nova_altsemibold;
    font-size: 28px;
    line-height: 1.2;
    overflow: hidden
}

.inves-million p span,
.stp-pp p span {
    position: relative;
    display: block;
    top: 30px
}

.equalto {
    float: left;
    margin: 13px 0 0 20px;
    width: 46px
}

.equalto span {
    height: 9px;
    background: #000;
    display: block;
    margin: 9px 0;
    position: relative;
    opacity: 0
}

.inves-million .dollar,
.inves-million .micon,
.inves-million .num,
.inves-million .plus {
    font-family: Kameron, serif;
    font-size: 80px;
    font-weight: 700;
    color: #fe5164;
    display: inline-block;
    line-height: 1;
    opacity: 0;
    position: relative
}

.equalto .l2 {
    left: -21px
}

.equalto .l1 {
    right: -21px
}

.inves-million {
    float: right;
    position: relative;
    top: -7px;
    right: -20px
}

.inves-million .dollar,
.inves-million .micon {
    top: -70px
}

.inves-million .plus {
    left: 55px
}

.inves-million .num {
    width: 150px;
    height: 66px;
    overflow: hidden;
    top: 55px
}

.inves-million .num span {
    position: relative;
    left: 0
}

.inves-million .num span.l2 {
    top: 70px;
    width: 100%;
    height: 100%
}

.inves-million .plus {
    font-size: 60px
}

.inves-million p {
    margin: -7px 0 0 60px;
    line-height: 1.4
}

.mvp-btn a {
    padding: 13px 16px 13px 30px
}

.appi-startup-content .para {
    float: left;
    margin-bottom: 30px
}

.appi-heading p {
    position: relative;
    overflow: hidden
}

.appi-heading p .l1,
.appi-heading p .l2 {
    position: relative;
    top: 60px;
    display: block
}

.appi-heading.brand-head .l1 {
    top: 80px
}

.mvp-btn {
    left: -50px;
    opacity: 0
}

.appi-inside-suite-services {
    padding: 150px 0;
    text-align: center
}

.appi-heading.build-suite-head {
    padding-top: 80px
}

.appi-suite-services {
    position: relative
}

.appi-subheading {
    position: relative;
    font-family: proxima_nova_alt_rgregular;
    font-size: 20px;
    margin: 20px 0 0
}

.appi-subheading p {
    position: relative;
    overflow: hidden
}

.appi-subheading p span {
    display: block;
    position: relative;
    top: 30px
}

.appi-services-list li {
    float: left;
    width: 33.3%;
    padding: 0 70px;
    margin: 60px 0 0
}

.appi-services-list li.andimg {
    padding: 0;
    margin: 0
}

.appi-services-list li.andimg figure {
    width: auto;
    height: auto;
    opacity: 1
}

.appi-services-list li .navi-more,
.appi-services-list li figure,
.revo-logo-sec figure,
.revolutionizing-list li {
    visibility: hidden;
    opacity: 0
}

.appi-services-list li figure {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px
}

.appi-services-list li .serv-head {
    font-family: proxima_nova_altsemibold;
    font-size: 28px;
    overflow: hidden;
    margin: 0 0 10px;
    text-align: center
}

.appi-services-list li .serv-head span {
    position: relative;
    top: 32px
}

.appi-services-list li .serv-para {
    font-family: proxima_nova_alt_rgregular;
    font-size: 20px;
    text-align: center
}

.appi-services-list li .serv-para p {
    overflow: hidden
}

.appi-services-list li .serv-para p span {
    position: relative;
    top: 30px;
    text-transform: capitalize
}

.appi-services-list li .serv-para p span.smli {
    text-transform: none
}

.appi-services-list {
    margin: 90px 0 0
}

.revolutionizing-blockchain {
    background: #e2eaec;
    position: relative;
    text-align: center;
    color: #000;
    overflow: hidden
}

.inside-revolutionizing-blockchain {
    padding: 90px 0
}

.appi-subheading.revolutionizing-subhead {
    margin-top: 0
}

.revo-logo-sec {
    width: 535px;
    margin: 30px auto 20px;
    display: table
}

.revo-logo-sec figure {
    margin: 0 15px;
    display: inline-block;
    position: relative
}

.revolutionizing-list {
    margin: 70px auto 0;
    text-align: left;
    width: 1015px
}

.revolutionizing-list li {
    padding: 20px 20px 20px 118px;
    width: calc(50% - 14px);
    background: #fff;
    float: left;
    margin: 7px;
    position: relative;
    border-radius: 6px;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.revolutionizing-list li a {
    color: #000
}

.revolutionizing-list li figure {
    font-family: bebasregular;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    color: #eaeaea;
    font-size: 60px;
    height: 100%;
    width: 118px;
    text-align: center;
    padding: 2px 0 0;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition-delay: .9s;
    -webkit-transition-delay: .9s
}

.revolutionizing-list.active li figure {
    visibility: visible;
    opacity: 1
}

.revolutionizing-list li .revo-head {
    font-family: proxima_nova_altsemibold;
    font-size: 20px
}

.revolutionizing-list li .revo-head p {
    overflow: hidden
}

.revolutionizing-list li .revo-head p span {
    position: relative;
    display: block;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.revolutionizing-list li .revo-head p .l1 {
    transition-delay: .9s;
    -webkit-transition-delay: .9s
}

.revolutionizing-list li .revo-head p .l2 {
    transition-delay: 1s;
    -webkit-transition-delay: 1s
}

.blockchain-cta {
    margin: 40px auto 0;
    transform: scale(0);
    -webkit-transform: scale(0)
}

.revolutionizing-list.active li .revo-head p span {
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.revo-logo-sec figure.l1 {
    left: -50px
}

.revo-logo-sec figure.l2 {
    right: -50px
}

.revolutionizing-list li:nth-child(odd) {
    left: -150px
}

.revolutionizing-list li:nth-child(even) {
    right: -150px;
    visibility: hidden;
    opacity: 0
}

.revolutionizing-list li:nth-child(1) {
    transition-delay: .4s;
    -webkit-transition-delay: .4s
}

.revolutionizing-list li:nth-child(2) {
    transition-delay: .5s;
    -webkit-transition-delay: .5s
}

.revolutionizing-list li:nth-child(3) {
    transition-delay: .6s;
    -webkit-transition-delay: .6s
}

.revolutionizing-list li:nth-child(4) {
    transition-delay: .7s;
    -webkit-transition-delay: .7s
}

.revolutionizing-list.active li:nth-child(odd) {
    left: 0;
    opacity: 1;
    visibility: visible
}

.revolutionizing-list.active li:nth-child(even) {
    right: 0;
    opacity: 1;
    visibility: visible
}

.clock-dial-center-wrap,
.nexgtv-img,
.vemeport-img {
    visibility: hidden;
    opacity: 0
}

.appi-portfolio-sec {
    height: 100vh;
    position: relative;
    z-index: 9
}

.appi-portfolio-sec-left {
    float: left;
    width: 42%;
    position: relative;
    height: 100vh
}

.appi-portfolio-sec-left figure {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    opacity: 0
}

.donimg img {
    height: auto!important
}

.appi-portfolio-sec-left figure img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%
}

.appi-portfolio-sec-right {
    position: absolute;
    left: 42%;
    top: 0;
    height: 100vh;
    width: 58%;
    overflow: hidden
}

.appi-port-left-content {
    position: absolute;
    right: 40px;
    bottom: 85px;
    width: 525px;
    color: #fff
}

.appi-port-left-content .pp-head {
    font-family: proxima_nova_altsemibold;
    font-size: 50px;
    line-height: 1;
    overflow: hidden;
    height: 50px;
    position: relative;
    margin: 0 0 15px
}

.appi-port-left-content .pp-head p {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0
}

.appi-port-left-content .pp-head p span {
    position: relative;
    top: 45px
}

.appi-port-left-content .appi-pp-para {
    position: relative;
    font-family: proxima_nova_alt_rgregular;
    font-size: 20px;
    width: 100%;
    height: 90px
}

.appi-port-left-content .appi-pp-para .appi-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.appi-port-left-content .appi-pp-para .appi-cont p {
    overflow: hidden
}

.appi-port-left-content .appi-pp-para .appi-cont p span {
    position: relative;
    top: 30px
}

.appi-casestudy-navi {
    margin: 30px 0 0;
    width: 180px;
    height: 60px;
    position: relative
}

.pp-navi.l1 .appi-dot-navi .dotts i,
.pp-navi.l1 .appi-dot-navi .dotts i:after,
.pp-navi.l1 .appi-dot-navi .dotts i:before {
    background: #f0368f
}

.appi-casestudy-navi .pp-navi {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    -webkit-transform: scale(0);
    z-index: -1;
    transform-origin: 30px center;
    -webkit-transform-origin: 30px center
}

.pp-navi.l2 .appi-dot-navi .dotts i,
.pp-navi.l2 .appi-dot-navi .dotts i:after,
.pp-navi.l2 .appi-dot-navi .dotts i:before {
    background: #9726b4
}

.vemeport-img {
    position: absolute;
    right: 100px;
    bottom: -95px;
    z-index: -1
}

.vemeport-img figure {
    position: absolute;
    right: 172px;
    z-index: 3;
    bottom: -125px
}

.vemeport-img figure.l2 {
    z-index: 2;
    right: -170px;
    bottom: -160px
}

.vemeport-img figure img {
    position: relative;
    top: 100vh
}

#transring,
.nexgtv-img,
.nexgtv-img figure {
    position: absolute
}

.nexgtv-img {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.nexgtv-img figure.l1 {
    left: 190px;
    top: -720px
}

.nexgtv-img figure.l2 {
    left: -178px;
    top: -720px
}

.nexgtv-img figure.l3 {
    top: -720px;
    right: 20px
}

.nexgtv-img figure.l4 {
    bottom: -730px;
    left: -179px
}

.nexgtv-img figure.l5 {
    right: 20px;
    bottom: -730px
}

.clock-dial-center-wrap {
    position: absolute;
    left: 42%;
    top: 50%;
    width: calc(346px + 50px);
    height: calc(346px + 50px);
    border-radius: 50%;
    transform: scale(0) translate(-50%, -50%);
    -webkit-transform: scale(0) translate(-50%, -50%);
    z-index: 5;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transform-origin: top left;
    -webkit-transform-origin: top left
}

.clock-dial-center-wrap.active {
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform: scale(1) translate(-50%, -50%);
    visibility: visible;
    opacity: 1
}

#transring {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.transrgwht {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center;
    transform-origin: center
}

#Dots {
    transform: translate(-115px, 43px);
    -webkit-transform: translate(-115px, 43px)
}

#Dots1 {
    transform: translate(0, -.5px);
    -webkit-transform: translate(0, -.5px)
}

#Dots2 {
    transform: translate(114px, 42px);
    -webkit-transform: translate(114px, 42px)
}

#Dots3 {
    transform: translate(171.5px, 149px);
    -webkit-transform: translate(171.5px, 149px)
}

#Dots4 {
    transform: translate(143.5px, 268.5px);
    -webkit-transform: translate(143.5px, 268.5px)
}

#Dots5 {
    transform: translate(44.5px, 339.5px);
    -webkit-transform: translate(44.5px, 339.5px)
}

#Dots6 {
    transform: translate(-77px, 326.45px);
    -webkit-transform: translate(-77px, 326.45px)
}

.dots-nav {
    position: relative;
    z-index: 5;
    cursor: pointer
}

.startup-brand-sec {
    padding: 150px 0;
    text-align: center;
    position: relative
}

.brandval {
    background: #fe5164;
    padding: 0 10px 5px 15px;
    border-radius: 6px;
    font-size: 60px
}

.appi-heading .brandval .val {
    width: 80px;
    height: 60px;
    line-height: normal;
    top: 8px
}

.appi-heading .brandval .plus,
.appi-heading .brandval .val i {
    color: #fff
}

.appi-heading .brandval .plus {
    font-size: 40px
}

.owl-carousel.brand-startup-slider img {
    width: auto!important
}

.owl-carousel.brand-startup-slider .owl-dots,
.owl-carousel.brand-startup-slider .owl-nav {
    display: none
}

.owl-carousel.brand-startup-slider figure {
    text-align: center;
    display: table-cell;
    height: 120px;
    width: 500px;
    vertical-align: middle
}

.owl-carousel.brand-startup-slider figure img {
    display: inline-block
}

.owl-carousel.brand-startup-slider {
    margin: 80px 0 50px
}

.brand-cta {
    margin: 0 auto;
    transform: scale(0);
    -webkit-transform: scale(0)
}

.appi-heading.startup-head {
    margin: 120px 0 0
}

.appi-heading.startup-head .val {
    width: 120px
}

.agile-development-sec {
    position: relative;
    height: 100vh;
    z-index: 9
}

.ins-agile-development-sec {
    height: 100vh;
    text-align: center;
    padding: 80px 0;
    background: #00166c;
    color: #fff;
    position: relative;
    width: 100%;
    overflow: hidden
}

.appi-subheading.agile-subhead {
    font-size: 24px
}

.appi-cta.btn-effect.agile-cta {
    margin: 40px auto 0;
    transform: scale(0);
    -webkit-transform: scale(0)
}

.clients-testimonials-wrap {
    text-align: center;
    padding: 30px 0 60px;
    position: relative
}

.appi-subheading p span img {
    vertical-align: baseline;
    margin: 0 10px 0 0
}

.starimg {
    display: inline-block!important;
    width: 123px;
    height: 22px;
    background-position: -2px -81px;
    top: 3px!important;
    margin: 0 6px 0 0
}

.ranking-appi-web {
    width: 600px;
    margin: 40px auto 50px
}

.appi-ins-portfolio-sec {
    height: 100vh;
    position: relative;
    overflow: hidden
}

.ranking-appi-web figure {
    position: relative;
    display: inline-block;
    margin: 0 30px
}

.ranking-appi-web figure.l1 {
    left: -100px;
    opacity: 0
}

.clutch-rat-img {
    display: block;
    width: 194px;
    height: 47px;
    background-position: -183px -1px;
    top: 0
}

.appfutura-rat-img {
    display: block;
    width: 178px;
    height: 45px;
    background-position: 0 0;
    top: 0
}

.ranking-appi-web figure.l2 {
    right: -100px;
    opacity: 0
}

.appi-heading.industry-head {
    margin: 150px 0 0
}

.logos-list {
    text-align: center;
    width: 1430px;
    margin: 0 auto
}

.logos-list li {
    display: inline-block;
    margin: 70px 100px;
    transform: scale(0);
    opacity: 0
}

.logos-list li figure {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
    text-align: center
}

.craft-brilliance-wrap {
    background: #001c86;
    background: -moz-linear-gradient(-45deg, rgba(0, 28, 134, 1) 5%, rgba(2, 145, 247, 1) 50%, rgba(15, 199, 209, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0, 28, 134, 1) 5%, rgba(2, 145, 247, 1) 50%, rgba(15, 199, 209, 1) 100%);
    background: linear-gradient(135deg, rgba(0, 28, 134, 1) 5%, rgba(2, 145, 247, 1) 50%, rgba(15, 199, 209, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#001c86', endColorstr='#0fc7d1', GradientType=1);
    height: 100vh;
    position: relative;
    border-bottom: 5px solid #007dd3;
    text-align: center;
    color: #fff;
    z-index: 8;
    overflow: hidden;
    padding: 40px 0
}

.craft-brilliance-form {
    margin: 60px auto 0;
    position: relative;
    width: 500px
}

.craft-brilliance-form .appi-inpsec {
    position: relative;
    padding: 25px 0 0;
    overflow: hidden
}

.craft-brilliance-form .appi-inpsec input,
.craft-brilliance-form .appi-inpsec textarea {
    background: 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: none!important;
    margin: 0;
    font-family: proxima_nova_altsemibold;
    font-size: 20px;
    font-weight: 400;
    padding: 20px 0
}

.craft-brilliance-form .appi-inpsec textarea {
    height: 140px;
    resize: none
}

.craft-brilliance-form .appi-inpsec input:focus,
.craft-brilliance-form .appi-inpsec textarea:focus {
    box-shadow: none!important
}

.craft-brilliance-form .appi-inpsec .appi-flabel {
    position: absolute;
    left: 0;
    top: 100%;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    font-family: proxima_nova_alt_rgregular;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition-delay: .3s;
    -webkit-transition-delay: .3s
}

.craft-brilliance-form .appi-inpsec.error .appi-flabel {
    color: #fd0038;
    text-shadow: 0 0 1px #ff1414;
    font-weight: 700
}

.craft-brilliance-form.active .appi-inpsec .appi-flabel {
    top: 45px
}

.craft-brilliance-form .appi-inpsec:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #7bcbff;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition-delay: .3s;
    -webkit-transition-delay: .3s
}

.craft-brilliance-form.active .appi-inpsec:before {
    width: 100%
}

.appi-submit-nav {
    margin: 45px auto 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition-delay: .3s;
    -webkit-transition-delay: .3s
}

.craft-brilliance-form.active .appi-submit-nav {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.appi-submit-nav a {
    padding: 12px 35px;
    background: #0051bf
}

.appi-submit-nav a .text {
    padding: 0!important
}

.appi-inpsec.active label,
.craft-brilliance-form .appi-inpsec input:focus+label,
.craft-brilliance-form .appi-inpsec textarea:focus+label {
    top: 8px!important;
    color: #7bcbff
}

.craft-brilliance-form .appi-inpsec.error:before {
    background: #ff1414
}

.craft-brilliance-form .appi-inpsec.active:before {
    background: #fff
}

.appinventiv-foot-logo {
    position: absolute;
    left: -165px;
    bottom: -30px;
    width: 694px;
    height: 865px;
    z-index: -1
}

.appinventiv-foot-logo svg {
    width: 100%;
    height: 100%
}

.appinventiv-foot-logo svg .appialpha {
    fill: none;
    stroke: #71AFFF;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    stroke-width: 3px
}

.appinventiv-foot-logo.active svg .appialpha {
    animation: dasshborder 5s cubic-bezier(0, 0, .175, 1);
    -webkit-animation: dasshborder 5s cubic-bezier(0, 0, .175, 1)
}

@keyframes dasshborder {
    from {
        stroke-dasharray: 3500;
        stroke-dashoffset: 0;
        stroke-width: 3px
    }
    to {
        stroke-dasharray: 100;
        stroke-dashoffset: -300;
        stroke-width: 3px
    }
}

@-webkit-keyframes dasshborder {
    from {
        stroke-dasharray: 3500;
        stroke-dashoffset: 0;
        stroke-width: 3px
    }
    to {
        stroke-dasharray: 100;
        stroke-dashoffset: -300;
        stroke-width: 3px
    }
}

.appinventiv-foot-logo svg .appiline {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #94D3F6;
    opacity: 0
}

.internal-footer {
    padding: 50px
}

.global-presence-sec .head {
    font-size: 24px;
    color: #000;
    display: block;
    font-family: proxima_nova_altsemibold
}

.glp-list {
    float: left;
    margin: 5px 0 30px;
    width: 100%
}

.glp-list li {
    float: left;
    width: 50px;
    margin: 0 15px 0 0
}

.contact_list {
    float: left;
    width: 100%;
    margin: 10px 0 0
}

.contact_list li {
    display: block;
    margin: 3px 0;
    font-size: 20px
}

.contact_list li label {
    display: inline-block;
    font-family: proxima_nova_altbold;
    margin: 0 10px 0 0
}

.contact_list li a {
    font-family: proxima_nova_alt_rgregular;
    color: #000;
    position: relative
}

.contact_list li a:hover {
    text-decoration: none;
    color: #01b2ff
}

.contact_list li a:before,
.copyright ul li a:before,
.footer_nav ul li a:before,
.statutory-nav:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #01b2ff;
    content: '';
    transform: scaleX(0) translateZ(0);
    transform-origin: 100% 100%;
    -webkit-transition: transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1)
}

.contact_list li a:hover:before,
.copyright ul li a:hover:before,
.footer_nav ul li a:hover:before,
.statutory-nav:hover:before {
    transform: scaleX(1) translateZ(0);
    transform-origin: 0 0
}

.footer_nav {
    flex: 1;
    -webkit-flex: 1
}

.footer_nav .head {
    font-size: 24px;
    color: #000;
    display: block;
    font-family: proxima_nova_altsemibold;
    margin: 0 0 25px;
    position: relative
}

.dmca-wrap,
.footer_nav ul li a {
    font-family: proxima_nova_alt_rgregular
}

.footer_nav ul li {
    display: block
}

.footer_nav ul li a {
    color: #000;
    display: table;
    font-size: 20px;
    padding: 2px 0;
    position: relative
}

.copyright ul li a:hover,
.footer_nav ul li a:hover {
    text-decoration: none;
    color: #01b2ff
}

.footer_nav ul li a:before {
    bottom: 5px
}

.footer-bottom {
    padding: 70px 0 0
}

.dmca-wrap {
    font-size: 18px
}

.dmca-wrap p {
    margin-bottom: 10px
}

.statutory-nav {
    display: table;
    font-family: proxima_nova_altsemibold;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s
}

.copyright ul li a,
.statutory-para {
    font-family: proxima_nova_alt_rgregular;
    font-size: 18px
}

.statutory-nav:hover {
    color: #01b2ff
}

.foot_nav_wrapper {
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-direction: row
}

.statutory-para {
    display: none;
    padding-right: 30px
}

.statutory-para p {
    margin: 0 0 15px
}

.statutory-up-wrap {
    display: flex;
    flex-direction: row
}

.statutory-mwrapper {
    flex: 4
}

.copyright {
    flex: 2
}

.copyright ul {
    margin: 5px 0 0
}

.copyright ul li {
    display: inline-block;
    border-left: solid 1px #000;
    line-height: .8;
    color: #8d8d8d;
    padding: 0 10px
}

.copyright ul li:first-child {
    border-left: none;
    padding-left: 0
}

.copyright ul li a {
    color: #000;
    display: block;
    position: relative
}

.copyright .copy {
    display: block;
    font-family: proxima_nova_altsemibold;
    font-size: 18px
}

.copyright ul li a:before {
    bottom: -5px
}

.foot-social-network li {
    float: left;
    padding: 0 10px 10px 0;
    overflow: hidden
}

.foot-social-network li a {
    display: block;
    font-size: 20px;
    padding: 0;
    color: #000;
    position: relative;
    z-index: 2;
    width: 40px;
    height: 40px
}

.foot-social-network li a .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.foot-social-network li a:after {
    background: #000;
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
    transform: scaleX(0) translateZ(0);
    transform-origin: 100% 100%;
    -webkit-transition: transform .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1);
    left: 0;
    top: 0;
    z-index: -1
}

.foot-social-network li:hover a {
    color: #fff
}

.foot-social-network li:hover a:after {
    transform: scaleX(1) translateZ(0);
    transform-origin: 0 0
}

.agile-method-sec {
    position: absolute;
    overflow: hidden;
    padding-bottom: 77px;
    width: 100%;
    bottom: 0
}

.agile-method-sec ul {
    width: 100%;
    float: left;
    opacity: 0;
    text-align: left;
    filter: alpha(opacity=0)
}

.agile-method-sec ul li {
    float: left;
    position: relative;
    padding: 0 0 0 170px;
    height: 421px;
    margin: 0 15px;
    overflow: hidden
}

.agile-method-sec ul li .text {
    position: absolute;
    font-size: 120px;
    font-family: bebasregular;
    left: 0;
    bottom: 0;
    color: transparent;
    -webkit-text-stroke: 2px #536dd2;
    text-stroke: 2px #536dd2;
    -webkit-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: all 1.2s cubic-bezier(.19, 1, .22, 1)
}

.agile-method-sec ul li .text:before {
    content: attr(data-hover);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
    -webkit-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
    transition: all 1.2s cubic-bezier(.19, 1, .22, 1)
}

.agile-method-sec ul li.active .text:before {
    height: 100%
}

.agile-method-sec ul li .agile-contents {
    width: 310px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    bottom: 80px;
    text-align: left
}

.agile-method-sec ul li .agile-contents figure {
    width: 100px;
    height: 90px;
    margin: 0 0 20px
}

.agile-method-sec ul li .agile-contents p {
    font-family: proxima_nova_alt_rgregular;
    font-size: 20px;
    position: relative;
    overflow: hidden
}

.agile-method-sec ul li .agile-contents p span {
    position: relative;
    top: 30px
}

.agileline,
.appi-ins-portfolio-right.binkx-img figure,
.appi-ins-portfolio-right.dominos-img figure,
.appi-ins-portfolio-right.ikea-img figure,
.appi-ins-portfolio-right.melltoo-img figure,
.nasa-img figure,
.nexgtv-center-text {
    position: absolute
}

.agile-method-sec ul li .text.define {
    transform: rotate(-90deg) translate(79px, -120px);
    -webkit-transform: rotate(-90deg) translate(79px, -120px)
}

.agile-method-sec ul li .text.build {
    transform: rotate(-90deg) translate(51px, -92px);
    -webkit-transform: rotate(-90deg) translate(51px, -92px)
}

.agile-method-sec ul li .text.release {
    transform: rotate(-90deg) translate(125px, -164px);
    -webkit-transform: rotate(-90deg) translate(125px, -164px)
}

.agile-method-sec ul li .text.repeat {
    transform: rotate(-90deg) translate(91px, -134px);
    -webkit-transform: rotate(-90deg) translate(91px, -134px);
    color: #122985;
    text-shadow: none;
    text-stroke: 0;
    -webkit-text-stroke: 0
}

.agileline {
    left: 35%;
    bottom: -5px;
    height: 0;
    width: 4px;
    background: #fff;
    content: '';
    border-radius: 5px
}

.appi-ins-portfolio-right {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden
}

.nasa-img figure.l1 {
    left: 160px;
    bottom: -100%
}

.nasa-img figure.l2 {
    right: 70px;
    top: -100%
}

.appi-ins-portfolio-right.dominos-img figure.l1 {
    right: 400px;
    bottom: -120%
}

.appi-ins-portfolio-right.dominos-img figure.l2 {
    right: -88px;
    bottom: -120%
}

.appi-ins-portfolio-right.binkx-img figure.l2 {
    right: -100%;
    bottom: 150px
}

.appi-ins-portfolio-right.binkx-img figure.l1 {
    right: 330px;
    bottom: -100%;
    z-index: 2
}

.appi-ins-portfolio-right.ikea-img figure.l1 {
    bottom: -100%;
    left: 120px
}

.appi-ins-portfolio-right.ikea-img figure.l2 {
    right: -100%;
    bottom: 320px
}

.appi-ins-portfolio-right.ikea-img figure.l3 {
    left: -193px;
    top: -100%
}

.appi-ins-portfolio-right.melltoo-img figure.l1 {
    right: 300px;
    z-index: 3;
    bottom: -100%
}

.appi-ins-portfolio-right.melltoo-img figure.l2 {
    right: 50px;
    bottom: -100%
}

.pp-navi.l3 .appi-dot-navi .dotts i,
.pp-navi.l3 .appi-dot-navi .dotts i:after,
.pp-navi.l3 .appi-dot-navi .dotts i:before {
    background: #0d3d99
}

.pp-navi.l4 .appi-dot-navi .dotts i,
.pp-navi.l4 .appi-dot-navi .dotts i:after,
.pp-navi.l4 .appi-dot-navi .dotts i:before {
    background: #c72840
}

.pp-navi.l5 .appi-dot-navi .dotts i,
.pp-navi.l5 .appi-dot-navi .dotts i:after,
.pp-navi.l5 .appi-dot-navi .dotts i:before {
    background: #131781
}

.pp-navi.l6 .appi-dot-navi .dotts i,
.pp-navi.l6 .appi-dot-navi .dotts i:after,
.pp-navi.l6 .appi-dot-navi .dotts i:before {
    background: #ed831f
}

.pp-navi.l7 .appi-dot-navi .dotts i,
.pp-navi.l7 .appi-dot-navi .dotts i:after,
.pp-navi.l7 .appi-dot-navi .dotts i:before {
    background: #03c677
}

.appi-port-left-content .appi-pp-para .appi-cont p span strong {
    font-family: proxima_nova_altsemibold;
    font-weight: 400
}

.nexgtv-center-text {
    top: 120px;
    color: #fff;
    right: 106px
}

.nexgtv-center-text .text-big {
    font-family: Kameron, serif;
    position: relative;
    font-size: 140px;
    font-weight: 700;
    line-height: 1;
    padding: 0 110px 0 0;
    height: 112px;
    overflow: hidden
}

.nexgtv-center-text .text-big .plus {
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0
}

.nexgtv-center-text .text-big p {
    position: relative;
    top: 95px
}

.nexgtv-center-text .text-sm {
    font-family: proxima_nova_alt_rgregular;
    font-size: 28px;
    position: relative;
    top: 0;
    left: 7px;
    height: 40px;
    overflow: hidden
}

.nexgtv-center-text .text-sm p {
    position: relative;
    top: 30px
}

.appi-port-clocktext {
    position: absolute;
    color: #fff;
    top: 110px
}

.appi-port-clocktext .down-text,
.appi-port-clocktext .up-text {
    font-family: proxima_nova_alt_rgregular;
    font-size: 28px;
    position: relative;
    height: 30px;
    overflow: hidden;
    line-height: 1
}

.appi-port-clocktext .down-text {
    text-align: right
}

.appi-port-clocktext .middel-text {
    font-family: Kameron, serif;
    font-size: 80px;
    font-weight: 700;
    position: relative;
    height: 72px;
    overflow: hidden;
    line-height: 1
}

.appi-port-clocktext.blockchain {
    top: 100px;
    right: 40px
}

.appi-port-clocktext.blockchain .down-text {
    padding: 0 8px 0 0
}

.appi-port-clocktext .down-text p,
.appi-port-clocktext .up-text p {
    position: relative;
    top: 30px
}

.appi-port-clocktext .middel-text p {
    position: relative;
    top: 65px;
    white-space: nowrap
}

.appi-port-clocktext.nasa .middel-text {
    height: 87px
}

.appi-port-clocktext.nasa .middel-text p {
    top: 89px
}

.appi-port-clocktext.nasa {
    top: 99px
}

.appi-port-clocktext.dominos {
    top: 100px;
    right: 67px
}

.appi-port-clocktext.binkx,
.appi-port-clocktext.ikea {
    right: 60px
}

.appi-port-clocktext.dominos .middel-text {
    height: 83px
}

.appi-port-clocktext.dominos .middel-text p {
    top: 75px
}

.appi-port-clocktext.dominos .down-text {
    text-align: left
}

.appi-port-clocktext.dominos .down-text p {
    padding: 0 0 0 70px
}

.appi-portfolio-sec-left figure.four img {
    object-position: right center
}

.appi-portfolio-sec-left figure .donimg {
    position: absolute;
    top: -450px;
    left: 0
}

.appi-port-clocktext.binkx .middel-text {
    height: 80px
}

.appi-port-clocktext.binkx .middel-text p {
    top: 70px
}

.appi-port-clocktext.melltoo {
    right: 50px
}

#brand-list,
#startup-list {
    opacity: 0;
    filter: alpha(opacity=0)
}

.appi-heading.agile-head {
    padding-top: 30px
}

.vertical-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%
}

.formloader-anim {
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(100% + 2px);
    background: hsla(0, 0%, 100%, .8);
    top: -1px;
    display: none;
    padding: 15px 20px;
    border-radius: 6px;
    z-index: 5
}

.build-softwares-platforms-list {
    display: table;
    margin: 120px -20px 0
}

.build-softwares-platforms-list li {
    float: left;
    margin: 0 40px;
    top: 100px;
    position: relative;
    opacity: 0;
    visibility: hidden
}

.build-softwares-platforms-list li figure {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto 20px
}

.build-softwares-platforms-list li .title {
    font-family: proxima_nova_altsemibold;
    font-size: 24px;
    color: #000;
    height: 80px;
    display: block
}

.build-softwares-platforms-list li figure.flut-ico,
.build-softwares-platforms-list li figure.ios-ico {
    width: 55px
}

.build-softwares-platforms-list li figure.wrble-ico {
    width: 57px
}

.industry-recognition-wrap {
    text-align: center
}

.appi-heading {
    font-size: 48px
}


/*  ////////////////// */

@media screen and (max-width:1680px) {
    .canvas-sec {
        top: -155px
    }
    .nexgtv-img figure.l2 {
        transform: scale(.9);
        -webkit-transform: scale(.9)
    }
    .nexgtv-img figure.l4 {
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }
    .nexgtv-img figure.l5 {
        transform: scale(.8) translate(41px, 41px);
        -webkit-transform: scale(.8) translate(41px, 41px)
    }
    .nexgtv-img figure.l3 {
        transform: scale(.8) translate(41px, 1px);
        -webkit-transform: scale(.8) translate(41px, 1px)
    }
    .nexgtv-img figure.l1 {
        transform: scale(.8) translate(-34px, 0);
        -webkit-transform: scale(.8) translate(-34px, 0)
    }
    .vemeport-img figure {
        right: 112px;
        transform: scale(.8) translate(40px, 120px);
        -webkit-transform: scale(.8) translate(40px, 120px)
    }
    .nasa-img figure.l1 {
        transform: scale(.8) translate(0, 50px);
        -webkit-transform: scale(.8) translate(0, 50px)
    }
    .nasa-img figure.l2 {
        transform: scale(.8) translate(74px, -77px);
        -webkit-transform: scale(.8) translate(74px, -77px)
    }
    .appi-portfolio-sec-left figure .donimg {
        transform: scale(.8) translate(-67px, 6px);
        -webkit-transform: scale(.8) translate(-67px, 6px)
    }
    .appi-ins-portfolio-right.dominos-img figure.l1 {
        transform: scale(.8) translate(157px, 127px);
        -webkit-transform: scale(.8) translate(157px, 127px)
    }
    .appi-ins-portfolio-right.dominos-img figure.l2 {
        transform: scale(.8) translate(41px, 115px);
        -webkit-transform: scale(.8) translate(41px, 115px)
    }
    .appi-ins-portfolio-right.binkx-img figure.l1 {
        transform: scale(.8) translate(120px, 70px);
        -webkit-transform: scale(.8) translate(120px, 70px)
    }
    .appi-ins-portfolio-right.binkx-img figure.l2 {
        transform: scale(.8) translate(71px, -19px);
        -webkit-transform: scale(.8) translate(71px, -19px)
    }
    .appi-ins-portfolio-right.ikea-img figure.l1 {
        transform: scale(.8) translate(-19px, 39px);
        -webkit-transform: scale(.8) translate(-19px, 39px)
    }
    .appi-ins-portfolio-right.ikea-img figure.l3 {
        transform: scale(.8) translate(1px, -19px);
        -webkit-transform: scale(.8) translate(1px, -19px)
    }
    .appi-ins-portfolio-right.ikea-img figure.l2 {
        transform: scale(.8) translate(41px, 141px);
        -webkit-transform: scale(.8) translate(41px, 141px)
    }
    .appi-ins-portfolio-right.melltoo-img figure.l1 {
        transform: scale(.8) translate(101px, 101px);
        -webkit-transform: scale(.8) translate(101px, 101px)
    }
    .appi-ins-portfolio-right.melltoo-img figure.l2 {
        transform: scale(.8) translate(20px, 90px);
        -webkit-transform: scale(.8) translate(20px, 90px)
    }
    .appi-intro .intro-qoute p {
        font-size: 60px
    }
    .appi-intro .intro-qoute {
        width: 990px;
        left: 10%
    }
    .footer_nav ul li a {
        font-size: 18px
    }
}

@media screen and (max-width:1650px) {
    .appi-lead-text {
        font-size: 50px
    }
    .appi-our-ranking .appi-rating-left h3 {
        font-size: 40px
    }
    .cio-text {
        font-size: 32px
    }
    .cio-review-sec {
        margin: 40px 0 0
    }
    .canvas-sec {
        transform: scale(.9);
        -webkit-transform: scale(.9)
    }
    .clock-dial-center-wrap {
        top: calc(50% + 3px)
    }
    .appi-port-left-content {
        bottom: 55px
    }
    .timeline-app-details {
        font-size: 22px
    }
    .nexgtv-img figure.l2 {
        transform: scale(.9);
        -webkit-transform: scale(.9)
    }
    .nexgtv-img figure.l4 {
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }
    .nexgtv-img figure.l5 {
        transform: scale(.8) translate(41px, 41px);
        -webkit-transform: scale(.8) translate(41px, 41px)
    }
    .nexgtv-img figure.l3 {
        transform: scale(.8) translate(41px, 1px);
        -webkit-transform: scale(.8) translate(41px, 1px)
    }
    .nexgtv-img figure.l1 {
        transform: scale(.8) translate(-34px, 0);
        -webkit-transform: scale(.8) translate(-34px, 0)
    }
    .vemeport-img figure {
        right: 112px;
        transform: scale(.8) translate(40px, 120px);
        -webkit-transform: scale(.8) translate(40px, 120px)
    }
    .nasa-img figure.l1 {
        transform: scale(.8) translate(0, 50px);
        -webkit-transform: scale(.8) translate(0, 50px)
    }
    .nasa-img figure.l2 {
        transform: scale(.8) translate(74px, -77px);
        -webkit-transform: scale(.8) translate(74px, -77px)
    }
    .appi-portfolio-sec-left figure .donimg {
        transform: scale(.8) translate(-67px, 6px);
        -webkit-transform: scale(.8) translate(-67px, 6px)
    }
    .appi-ins-portfolio-right.dominos-img figure.l1 {
        transform: scale(.8) translate(157px, 127px);
        -webkit-transform: scale(.8) translate(157px, 127px)
    }
    .appi-ins-portfolio-right.dominos-img figure.l2 {
        transform: scale(.8) translate(41px, 115px);
        -webkit-transform: scale(.8) translate(41px, 115px)
    }
    .appi-ins-portfolio-right.binkx-img figure.l1 {
        transform: scale(.8) translate(120px, 70px);
        -webkit-transform: scale(.8) translate(120px, 70px)
    }
    .appi-ins-portfolio-right.binkx-img figure.l2 {
        transform: scale(.8) translate(71px, -19px);
        -webkit-transform: scale(.8) translate(71px, -19px)
    }
    .appi-ins-portfolio-right.ikea-img figure.l1 {
        transform: scale(.8) translate(-19px, 39px);
        -webkit-transform: scale(.8) translate(-19px, 39px)
    }
    .appi-ins-portfolio-right.ikea-img figure.l3 {
        transform: scale(.8) translate(1px, -19px);
        -webkit-transform: scale(.8) translate(1px, -19px)
    }
    .appi-ins-portfolio-right.ikea-img figure.l2 {
        transform: scale(.8) translate(41px, 141px);
        -webkit-transform: scale(.8) translate(41px, 141px)
    }
    .appi-ins-portfolio-right.melltoo-img figure.l1 {
        transform: scale(.8) translate(101px, 101px);
        -webkit-transform: scale(.8) translate(101px, 101px)
    }
    .appi-ins-portfolio-right.melltoo-img figure.l2 {
        transform: scale(.8) translate(20px, 90px);
        -webkit-transform: scale(.8) translate(20px, 90px)
    }
    .agile-method-sec ul li .text {
        font-size: 100px
    }
    .agile-method-sec ul li .text.define {
        transform: rotate(-90deg) translate(85px, -95px);
        -webkit-transform: rotate(-90deg) translate(85px, -95px)
    }
    .agile-method-sec ul li .text.build {
        transform: rotate(-90deg) translate(61px, -68px);
        -webkit-transform: rotate(-90deg) translate(61px, -68px)
    }
    .agile-method-sec ul li .text.release {
        transform: rotate(-90deg) translate(123px, -129px);
        -webkit-transform: rotate(-90deg) translate(123px, -129px)
    }
    .agile-method-sec ul li .text.repeat {
        transform: rotate(-90deg) translate(91px, -110px);
        -webkit-transform: rotate(-90deg) translate(91px, -110px)
    }
    .agile-method-sec ul li {
        padding: 0 0 0 150px
    }
    .agile-method-sec {
        padding-bottom: 35px
    }
    .agileline {
        bottom: -30px
    }
    .agile-method-sec ul li:nth-child(2),
    .agile-method-sec ul li:nth-child(3) {
        padding: 0 0 0 150px
    }
}

@media screen and (max-width:1600px) {
    .appi-intro .intro-qoute {
        left: 6%
    }
    .portskip {
        left: 33%
    }
}

@media screen and (max-width:1550px) {
    .appi-our-ranking .appi-rating-left h3 {
        font-size: 36px
    }
    .cio-review-sec {
        margin: 0
    }
    .timeline-app-details {
        font-size: 20px;
        margin: 20px 0 0
    }
    .cio-text {
        font-size: 25px
    }
    .agile-method-sec ul li .text.define {
        transform: rotate(-90deg) translate(85px, -37px);
        -webkit-transform: rotate(-90deg) translate(85px, -37px)
    }
    .agile-method-sec ul li .text {
        font-size: 60px
    }
    .agile-method-sec ul li .text.build {
        transform: rotate(-90deg) translate(61px, -23px);
        -webkit-transform: rotate(-90deg) translate(61px, -23px)
    }
    .agile-method-sec ul li .text.release {
        transform: rotate(-90deg) translate(123px, -60px);
        -webkit-transform: rotate(-90deg) translate(123px, -60px)
    }
    .appi-timeline-sec {
        margin: 35px 0 20px
    }
    .agile-method-sec ul li .text.repeat {
        transform: rotate(-90deg) translate(91px, -60px);
        -webkit-transform: rotate(-90deg) translate(91px, -60px)
    }
    .appi-cta a,
    .appi-cta button,
    .banner-input-sec input[type=text] {
        font-size: 16px
    }
    .banner-input-sec .ban-sub-nav button {
        padding: 13px
    }
    .banner-input-sec {
        width: 520px
    }
    .appi-intro .intro-qoute>h1 {
        font-size: 18px
    }
    .appi-youtube-video {
        width: 600px;
        height: 320px
    }
    .appi-startup-content {
        padding: 10px 0 0
    }
    .inves-million {
        right: 0
    }
    .appi-rating-left .para,
    .appi-startup-content .para {
        margin: 15px 0
    }
    .revo-logo-sec {
        margin: 10px auto 20px
    }
    .revo-logo-sec img {
        transform: scale(.9)
    }
    .appi-subheading {
        font-size: 16px
    }
    .appi-heading {
        font-size: 35px
    }
    .social-network-right a {
        margin: 20px 0;
        font-size: 18px
    }
    .craft-brilliance-form .appi-inpsec {
        padding: 15px 0 0
    }
    .craft-brilliance-form.active .appi-submit-nav {
        margin: 25px auto
    }
    .craft-brilliance-form .appi-inpsec textarea {
        height: 110px
    }
    .appinventiv-foot-logo {
        width: 500px;
        height: 635px
    }
    .vemeport-img figure {
        right: 79px;
        transform: scale(.7) translate(100px, 220px);
        -webkit-transform: scale(.7) translate(100px, 220px)
    }
    .appi-ins-portfolio-right.ikea-img figure.l3 {
        transform: scale(.7) translate(-39px, -56px);
        -webkit-transform: scale(.4) translate(-119px, 54px)
    }
    .appi-investment-sec .appi-heading .val {
        top: -2px
    }
    .appi-investment-sec .appi-heading .plus {
        margin: 0 5px 0 -8px;
        font-size: 30px
    }
    .appi-heading.startup-head .val {
        top: 2px
    }
    .startup-head .appi-heading .val {
        top: 7px
    }
    .agileline {
        left: 28%;
        bottom: -44px
    }
    .appi-ins-portfolio-right.dominos-img figure.l1 {
        transform: scale(.8) translate(157px, 127px);
        -webkit-transform: scale(.7) translate(237px, 127px)
    }
    .appi-ins-portfolio-right.dominos-img figure.l2 {
        transform: scale(.8) translate(41px, 115px);
        -webkit-transform: scale(.7) translate(11px, 115px)
    }
    .footer_nav ul li a {
        font-size: 17px
    }
    .glp-list li {
        width: 36px;
        margin: 0 10px 0 0
    }
    .nasa-img figure.l1 {
        transform: scale(.8) translate(0, 120px);
        -webkit-transform: scale(.8) translate(-20px, 120px)
    }
    .nasa-img figure.l2 {
        transform: scale(.8) translate(74px, -77px);
        -webkit-transform: scale(.8) translate(124px, 123px)
    }
    .appi-ins-portfolio-right.binkx-img figure.l1 {
        transform: scale(.8) translate(200px, 190px);
        -webkit-transform: scale(.8) translate(200px, 190px)
    }
    .appi-ins-portfolio-right.binkx-img figure.l2 {
        transform: scale(.8) translate(71px, 81px);
        -webkit-transform: scale(.8) translate(71px, 81px)
    }
    .appi-ins-portfolio-right.melltoo-img figure.l1 {
        transform: scale(.8) translate(101px, 101px);
        -webkit-transform: scale(.7) translate(181px, 101px)
    }
    .appi-ins-portfolio-right.melltoo-img figure.l2 {
        transform: scale(.8) translate(20px, 90px);
        -webkit-transform: scale(.7) translate(60px, 90px)
    }
    .craft-brilliance-form .appi-inpsec input,
    .craft-brilliance-form .appi-inpsec textarea {
        padding: 30px 0 15px
    }
}

@media screen and (max-width:1440px) {
    .appi-intro .intro-qoute p {
        font-size: 60px
    }
    .appi-intro .intro-qoute>h1 {
        font-size: 20px
    }
    .value-digi {
        margin: 20px 0 0;
        font-size: 80px;
        height: 120px;
        width: 215px
    }
    .value-digi:before {
        font-size: 50px
    }
    .appi-lead-indus-head {
        font-size: 24px
    }
    .appi-lead-indus-para p {
        font-size: 17px;
        height: 25px
    }
    .appi-our-ranking .appi-rating-left h3 {
        font-size: 40px
    }
    .appi-rating-left .para,
    .appi-startup-content .para {
        font-size: 18px
    }
    .cio-text {
        font-size: 26px
    }
    .awdd-icon {
        width: 28px
    }
    .cal-date {
        margin: 24px 0 0 -40px
    }
    .cio-review-sec figure {
        margin: 0 20px -30px 0;
        transform: scale(.8) translate(-25px, 0);
        -webkit-transform: scale(.8) translate(-25px, 0)
    }
    .appi-ins-our-raking {
        padding: 60px 0
    }
    .cio-text:before {
        left: -40px;
        top: -58px;
        font-size: 90px
    }
    .cio-review-sec {
        margin: 20px 0 0
    }
    .canvas-sec {
        transform: scale(.75);
        -webkit-transform: scale(.75)
    }
    .appi-timeline-sec {
        margin: 25px 0 20px
    }
    .timeline-app-details {
        font-size: 18px
    }
    .appi-heading {
        font-size: 40px
    }
    .appi-ins-inves-sec {
        padding: 60px 0 0
    }
    .appi-investment-sec .container {
        width: 1150px
    }
    .appi-youtube-video {
        width: 590px;
        height: 332px
    }
    .appi-startup-content {
        width: 480px;
        padding: 26px 0 0
    }
    .stp-pp .stp-val {
        font-size: 60px;
        width: 82px;
        height: 72px
    }
    .stp-pp .stp-val i {
        font-size: 65px
    }
    .inves-million p,
    .stp-pp p {
        font-size: 24px
    }
    .stp-pp .plus {
        font-size: 40px;
        top: -19px
    }
    .equalto {
        margin: 10px 0 0 20px;
        width: 36px
    }
    .equalto span {
        height: 6px
    }
    .inves-million .dollar,
    .inves-million .micon,
    .inves-million .plus {
        font-size: 60px
    }
    .inves-million .num {
        font-size: 60px;
        width: 120px;
        height: 50px
    }
    .inves-million p {
        margin: -7px 0 0 46px
    }
    #transring {
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }
    .nexgtv-img figure.l1 {
        transform: scale(.8) translate(-101px, -90px);
        -webkit-transform: scale(.8) translate(-101px, -90px)
    }
    .nexgtv-img figure.l3 {
        transform: scale(.8) translate(65px, 1px);
        -webkit-transform: scale(.8) translate(65px, 1px)
    }
    .nexgtv-img figure.l5 {
        transform: scale(.8) translate(65px, 41px);
        -webkit-transform: scale(.8) translate(65px, 41px)
    }
    .appi-port-left-content .pp-head {
        font-size: 40px;
        height: 40px
    }
    .appi-port-left-content .appi-pp-para {
        font-size: 18px
    }
    .appi-casestudy-navi {
        margin: 10px 0 0
    }
    .appi-port-left-content {
        bottom: 50px;
        width: 445px
    }
    .vemeport-img figure {
        right: 79px;
        transform: scale(.7) translate(100px, 160px);
        -webkit-transform: scale(.7) translate(100px, 160px)
    }
    .appi-port-clocktext.blockchain {
        top: 125px;
        right: 80px
    }
    .appi-port-clocktext .down-text,
    .appi-port-clocktext .up-text {
        font-size: 24px
    }
    .appi-port-clocktext .middel-text {
        font-size: 70px;
        height: 60px
    }
    .appi-port-clocktext.binkx .middel-text {
        height: 75px
    }
    .appi-port-clocktext.nasa .middel-text {
        height: 82px
    }
    .appi-port-clocktext.nasa {
        top: 130px
    }
    .appi-port-clocktext.dominos {
        top: 108px;
        right: 84px
    }
    .appi-port-clocktext.dominos .middel-text {
        height: 70px
    }
    .nasa-img figure.l1 {
        transform: scale(.7) translate(-90px, 130px);
        -webkit-transform: scale(.7) translate(-90px, 130px)
    }
    .nasa-img figure.l2 {
        transform: scale(.7) translate(134px, -127px);
        -webkit-transform: scale(.7) translate(134px, -127px)
    }
    .appi-ins-portfolio-right.dominos-img figure.l1 {
        transform: scale(.7) translate(290px, 224px);
        -webkit-transform: scale(.7) translate(290px, 224px)
    }
    .appi-ins-portfolio-right.dominos-img figure.l2 {
        transform: scale(.7) translate(91px, 220px);
        -webkit-transform: scale(.7) translate(91px, 220px)
    }
    .appi-portfolio-sec-left figure .donimg {
        transform: scale(.6) translate(-172px, -25px);
        -webkit-transform: scale(.6) translate(-172px, -25px)
    }
    .appi-port-clocktext.binkx {
        right: 80px
    }
    .appi-ins-portfolio-right.binkx-img figure.l2 {
        transform: scale(.7) translate(181px, 32px);
        -webkit-transform: scale(.7) translate(181px, 32px)
    }
    .appi-ins-portfolio-right.binkx-img figure.l1 {
        transform: scale(.7) translate(222px, 136px);
        -webkit-transform: scale(.7) translate(222px, 136px)
    }
    .appi-ins-portfolio-right.ikea-img figure.l1 {
        transform: scale(.7) translate(-90px, 86px);
        -webkit-transform: scale(.7) translate(-90px, 86px)
    }
    .appi-ins-portfolio-right.ikea-img figure.l2 {
        transform: scale(.6) translate(100px, 310px);
        -webkit-transform: scale(.6) translate(100px, 310px)
    }
    .appi-ins-portfolio-right.ikea-img figure.l3 {
        transform: scale(.7) translate(-39px, -56px);
        -webkit-transform: scale(.7) translate(-39px, -56px)
    }
    .appi-port-clocktext.ikea {
        right: 90px
    }
    .appi-ins-portfolio-right.melltoo-img figure.l1 {
        transform: scale(.7) translate(221px, 179px);
        -webkit-transform: scale(.7) translate(221px, 179px)
    }
    .appi-ins-portfolio-right.melltoo-img figure.l2 {
        transform: scale(.7) translate(84px, 170px);
        -webkit-transform: scale(.7) translate(84px, 170px)
    }
    .appi-inside-suite-services {
        padding: 70px 0
    }
    .appi-subheading {
        font-size: 18px;
        padding: 0 80px
    }
    .owl-carousel.brand-startup-slider figure {
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }
    .appi-heading.agile-head {
        font-size: 34px;
        line-height: 1.2
    }
    #testimonials-list .clients-reviews .appi-clients-det,
    .appi-subheading.agile-subhead {
        font-size: 20px
    }
    .agileline {
        bottom: -54px
    }
    .agile-method-sec {
        padding-bottom: 7px
    }
    .agile-method-sec ul li {
        padding: 0 0 0 120px
    }
    .appi-logo {
        top: 0
    }
    .navigation>ul>li>a {
        padding: 12px 20px
    }
    .navigation>ul>li.nav_contact,
    .navigation>ul>li.nav_phone {
        margin: 0 0 0 10px;
        z-index: 8
    }
    .agile-method-sec ul li .agile-contents {
        bottom: 34px
    }
    .agile-method-sec ul li .text.define {
        transform: rotate(-90deg) translate(75px, -36px);
        -webkit-transform: rotate(-90deg) translate(75px, -36px)
    }
    .agile-method-sec ul li .text.build {
        transform: rotate(-90deg) translate(60px, -21px);
        -webkit-transform: rotate(-90deg) translate(60px, -21px)
    }
    .agile-method-sec ul li:nth-child(2),
    .agile-method-sec ul li:nth-child(3) {
        padding: 0 0 0 120px
    }
    .agile-method-sec ul li .text.release {
        transform: rotate(-90deg) translate(97px, -130px);
        -webkit-transform: rotate(-90deg) translate(97px, -60px)
    }
    .logos-list li {
        margin: 60px
    }
    .logos-list {
        width: 1200px;
        max-width: 100%;
        margin: 40px auto 0
    }
    .appinventiv-foot-logo {
        width: 600px;
        height: 755px
    }
    .logos-list li figure {
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }
    .craft-brilliance-form {
        margin: 10px auto 0
    }
    .contact_list li,
    .copyright .copy,
    .copyright ul li a,
    .dmca-wrap,
    .footer_nav ul li a,
    .statutory-nav {
        font-size: 17px
    }
    .appi-services-list li.andimg figure {
        width: 200px;
        height: 200px;
        left: 0;
        top: 10px
    }
    .build-softwares-platforms-list {
        margin: 120px auto 0
    }
    .build-softwares-platforms-list li {
        margin: 0 30px
    }
    .build-softwares-platforms-list li figure {
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }
    .build-softwares-platforms-list li .title {
        font-size: 20px
    }
    .appi-services-list li {
        padding: 0;
        margin: 0
    }
    .appi-services-list {
        text-align: left;
        padding: 0 50px
    }
    .appi-services-list li .serv-head {
        font-size: 30px;
        font-family: proxima_nova_altlight
    }
    .appi-inside-suite-services .container {
        width: 1050px
    }
    .appi-services-list li figure {
        position: relative
    }
    .revo-logo-sec figure {
        transform: scale(.8);
        -webkit-transform: scale(.8);
        margin: -30px -15px
    }
    .startup-head.appi-heading .plus {
        margin: 0 5px 0 0;
        top: 7px
    }
    .agile-method-sec ul li .agile-contents figure {
        width: 80px;
        height: 70px
    }
    .banner-img {
        right: 0
    }
    .banner-input-sec {
        width: 580px
    }
    .appi-intro .intro-qoute {
        width: 990px;
        left: 9%
    }
    .footer_nav ul li a {
        font-size: 17px
    }
    .glp-list li {
        width: 36px;
        margin: 0 10px 0 0
    }
    .appi-services-list li .serv-para {
        font-size: 18px
    }
    .appi-heading.build-suite-head {
        padding-top: 120px
    }
    .appi-subheading.build-suite-subhead {
        padding: 0;
        line-height: 1.67
    }
    .appi-inside-investment-sec {
        padding: 100px 0
    }
    .inside-revolutionizing-blockchain {
        padding: 50px 0
    }
    .revolutionizing-list {
        margin: 20px auto 0;
        width: 835px
    }
    .revolutionizing-list li {
        padding: 10px 20px 10px 88px
    }
    .revolutionizing-list li figure {
        font-size: 40px;
        width: 85px;
        padding: 5px 0 0
    }
    .revolutionizing-list li .revo-head {
        font-size: 18px
    }
    .blockchain-cta {
        margin: 30px auto 0
    }
    .foot_nav_wrapper {
        width: calc(100% + 90px);
        margin: 0 0 0 -30px
    }
    .resources-nav-list {
        margin: 0 0 0 30px
    }
}

@media screen and (max-width:1366px) and (max-height:660px) {
    .canvas-sec {
        top: -100px
    }
}

@media screen and (max-width:1366px) {
    .nexgtv-img figure.l3 {
        transform: scale(.7) translate(105px, 51px);
        -webkit-transform: scale(.7) translate(105px, 51px)
    }
    .nexgtv-img figure.l5 {
        transform: scale(.7) translate(105px, 41px);
        -webkit-transform: scale(.7) translate(105px, 41px)
    }
    .nexgtv-img figure.l2 {
        transform: scale(.7) translate(1px, 131px);
        -webkit-transform: scale(.6) translate(11px, 131px)
    }
    .nexgtv-img figure.l4 {
        transform: scale(.7) translate(1px, -59px);
        -webkit-transform: scale(.7) translate(1px, -6px)
    }
    .nexgtv-img figure.l1 {
        transform: scale(.7) translate(-131px, -60px);
        -webkit-transform: scale(.7) translate(-131px, -60px)
    }
    .nasa-img figure.l1 {
        transform: scale(.6) translate(-150px, 190px);
        -webkit-transform: scale(.6) translate(-150px, 190px)
    }
    .nasa-img figure.l2 {
        transform: scale(.6) translate(143px, -204px);
        -webkit-transform: scale(.6) translate(143px, -204px)
    }
    .appi-port-left-content {
        bottom: 20px;
        width: 445px
    }
    .appi-lead-text {
        top: 10%
    }
    .appi-ins-portfolio-right.dominos-img figure.l1 {
        transform: scale(.6) translate(440px, 316px);
        -webkit-transform: scale(.6) translate(440px, 316px)
    }
    .appi-ins-portfolio-right.dominos-img figure.l2 {
        transform: scale(.7) translate(91px, 220px);
        -webkit-transform: scale(.6) translate(151px, 302px)
    }
    .appi-ins-portfolio-right.binkx-img figure.l2 {
        transform: scale(.6) translate(171px, 192px);
        -webkit-transform: scale(.6) translate(171px, 192px)
    }
    .appi-ins-portfolio-right.binkx-img figure.l1 {
        transform: scale(.6) translate(264px, 233px);
        -webkit-transform: scale(.6) translate(264px, 233px)
    }
    .appi-ins-portfolio-right.melltoo-img figure.l2 {
        transform: scale(.7) translate(291px, 158px);
        -webkit-transform: scale(.7) translate(151px, 158px)
    }
    .appi-ins-portfolio-right.melltoo-img figure.l1 {
        transform: scale(.7) translate(281px, 176px);
        -webkit-transform: scale(.7) translate(281px, 176px)
    }
    .appi-port-clocktext.melltoo {
        right: 85px
    }
    .appi-intro .intro-qoute {
        left: 5%
    }
    .appi-our-ranking .appi-rating-left h3 {
        font-size: 50px
    }
    .appi-rating-left .para,
    .appi-startup-content .para {
        font-size: 16px
    }
    .cio-review-sec {
        margin: 0
    }
    .cio-text {
        font-size: 26px
    }
    .agile-method-sec ul li .text.define {
        transform: rotate(-90deg) translate(75px, -35px);
        -webkit-transform: rotate(-90deg) translate(75px, -35px)
    }
    .agile-method-sec ul li .text {
        font-size: 60px
    }
    .agile-method-sec ul li .text.build {
        transform: rotate(-90deg) translate(60px, -20px);
        -webkit-transform: rotate(-90deg) translate(60px, -20px)
    }
    .agile-method-sec ul li .text.release {
        transform: rotate(-90deg) translate(97px, -55px);
        -webkit-transform: rotate(-90deg) translate(97px, -55px)
    }
    .agile-method-sec ul li .text.repeat {
        transform: rotate(-90deg) translate(91px, -60px);
        -webkit-transform: rotate(-90deg) translate(91px, -60px)
    }
    .appi-cta a,
    .appi-cta button,
    .banner-input-sec input[type=text] {
        font-size: 16px
    }
    .banner-input-sec .ban-sub-nav button {
        padding: 13px
    }
    .banner-input-sec {
        width: 520px
    }
    .appi-intro .intro-qoute>h1 {
        font-size: 18px
    }
    .appi-youtube-video {
        width: 530px;
        height: 290px
    }
    .appi-startup-content {
        padding: 10px 0 0
    }
    .inves-million {
        right: 0
    }
    .appi-rating-left .para,
    .appi-startup-content .para {
        margin: 15px 0
    }
    .revo-logo-sec {
        margin: 10px auto 0
    }
    .revo-logo-sec img {
        transform: scale(.9)
    }
    .appi-subheading {
        font-size: 16px
    }
    .appi-heading {
        font-size: 35px
    }
    .social-network-right a {
        margin: 20px 0;
        font-size: 18px
    }
    .craft-brilliance-form .appi-inpsec {
        padding: 15px 0 0
    }
    .craft-brilliance-form.active .appi-submit-nav {
        margin: 25px auto
    }
    .craft-brilliance-form .appi-inpsec textarea {
        height: 110px
    }
    .appinventiv-foot-logo {
        width: 500px;
        height: 635px
    }
    .vemeport-img figure {
        right: 79px;
        transform: scale(.7) translate(100px, 220px);
        -webkit-transform: scale(.7) translate(100px, 220px)
    }
    .appi-ins-portfolio-right.ikea-img figure.l3 {
        transform: scale(.7) translate(-39px, -56px);
        -webkit-transform: scale(.4) translate(-119px, -46px)
    }
    .appi-investment-sec .appi-heading .val {
        top: 0
    }
    .appi-investment-sec .appi-heading .plus {
        margin: 0 5px 0 -8px;
        font-size: 30px
    }
    .appi-heading.startup-head .val {
        top: 2px
    }
    .startup-head .appi-heading .val {
        top: 7px
    }
    .agileline {
        left: 28%;
        bottom: -44px
    }
    .contact_list li,
    .copyright .copy,
    .copyright ul li a,
    .dmca-wrap,
    .footer_nav ul li a,
    .statutory-nav {
        font-size: 17px
    }
    .revo-logo-sec {
        width: 540px
    }
}

@media screen and (max-width:1280px) {
    .appi-our-ranking .container {
        width: 1050px
    }
    .appi-lead-indus-right {
        width: 520px
    }
    .nexgtv-img figure.l1 {
        transform: scale(.7) translate(-161px, -60px);
        -webkit-transform: scale(.7) translate(-161px, -60px)
    }
    .appi-ins-portfolio-right.binkx-img figure.l1 {
        transform: scale(.55) translate(348px, 286px);
        -webkit-transform: scale(.55) translate(348px, 286px)
    }
    .appi-ins-portfolio-right.binkx-img figure.l2 {
        transform: scale(.55) translate(231px, 262px);
        -webkit-transform: scale(.55) translate(231px, 262px)
    }
    .appi-ins-portfolio-right.ikea-img figure.l2 {
        transform: scale(.6) translate(100px, 330px);
        -webkit-transform: scale(.6) translate(100px, 330px)
    }
    .appi-ins-portfolio-right.melltoo-img figure.l1 {
        transform: scale(.6) translate(341px, 265px);
        -webkit-transform: scale(.6) translate(341px, 265px)
    }
    .appi-ins-portfolio-right.melltoo-img figure.l2 {
        transform: scale(.6) translate(129px, 235px);
        -webkit-transform: scale(.6) translate(129px, 235px)
    }
    .appi-services-list li .serv-head {
        font-size: 24px
    }
    .appi-services-list li .serv-para {
        font-size: 18px
    }
    .navi-more {
        font-size: 17px
    }
    .appi-services-list li {
        padding: 0
    }
    .appi-services-list {
        margin: 90px 70px 0
    }
    .craft-brilliance-form {
        width: 400px
    }
    .contact_list li,
    .copyright .copy,
    .copyright ul li a,
    .dmca-wrap,
    .footer_nav ul li a,
    .statutory-nav {
        font-size: 16px
    }
    .footer_nav .head,
    .global-presence-sec .head {
        font-size: 20px
    }
    .glp-list li {
        width: 36px
    }
    .copyright ul li {
        padding: 0 8px
    }
    .appi-intro .intro-qoute {
        left: 4%
    }
    .appi-lead-indus-right {
        left: calc(45% + 30px)
    }
    .appi-lead-indus-para p {
        font-size: 15px
    }
    .appi-lead-indus-head {
        font-size: 22px
    }
    .vemeport-img figure {
        right: 36px;
        transform: scale(.7) translate(130px, 200px);
        -webkit-transform: scale(.7) translate(130px, 320px)
    }
    .timeline-app-details.two {
        width: 23%
    }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        ,
        .appi-cta a .arrow i,
        _:-webkit-full-screen {
            top: 3px
        }
    }
}