body {
    color: #363636;
    overflow-x: hidden!important;
    margin: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 24px;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    letter-spacing: .3px;
    font-weight: 400;
}
a {
    transition: all .5s ease;
}
a:active, a:focus {
    outline: 0;
}
a:focus, a:hover {
    text-decoration: none!important;
}
.orange {
    color: #f76f45!important;
}
a:hover {
    text-decoration: none!important;
    color: #0291d2;
    transition: all .5s ease;
}
h2 {
    font-size: 44px;
    letter-spacing: -1px;
    font-weight: 700;
}
.f-regular {
    font-family: Roboto, sans-serif;
    font-weight: 400;
}
.f-bold {
    font-family: Roboto, sans-serif;
    font-weight: 700;
}
.cta {
    background: #f76f45;
    float: left;
    color: #fff!important;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding: 8px 25px 8px 25px;
    border-radius: 3px;
    margin-top: 30px;
    margin-left: 0;
    transition: all .5s ease;
    cursor: pointer;
}
.cta:hover {
    background: #d94409;
    transition: all .5s ease;
    color: #fff;
}
.cta a {
    color: #fff!important;
    text-decoration: none;
}
.cta {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 13px;
    background: #161616;
}
.gradientCta {
    background: #dd6326;
    background: -moz-linear-gradient(0deg, #dd6326 0, #ff800d 100%)!important;
    background: -webkit-linear-gradient(0deg, #dd6326 0, #ff800d 100%)!important;
    background: linear-gradient(90deg, #dd6326 0, #ff800d 100%)!important;
    float: none;
    padding: 12px 25px;
    border-radius: 25px;
    font-size: 16px;
    display: inline-block;
    margin-top: 20px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #fff!important;
}
.aligncenter {
    margin: 0 auto;
    display: inherit;
}
.portfolioContWraper {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%}
.portfolioContWraper .portFlexWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.portfolioContWraper .portFlexWrap .portWrapper {
    position: relative;
    overflow: hidden;
}
.portfolioContWraper .portFlexWrap .portWrapper .bread {
    align-self: flex-start;
    color: #fff;
    font: 400 14px/1 Helvetica Neue, Helvetica, Arial, sans-serif;
    left: 28px;
    position: absolute;
    top: 30px;
    transform: translateX(-180%) translateY(0) translateZ(0);
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
}
.portfolioContWraper .portFlexWrap .portWrapper .title {
    color: #fff;
    margin: 0;
    padding: 0 15px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 17px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 1.2;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-100%) translateY(0) translateZ(0);
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
}
.portfolioContWraper .portFlexWrap .portWrapper img {
    transition: opacity .3s ease 0s, transform 3s ease 0s, -webkit-transform 3s ease 0s;
}
.portfolioContWraper .portFlexWrap .portWrapper .anchor:hover img {
    opacity: .1!important;
    transform: scale(1.3);
    transition: opacity .3s ease 0s, transform 10s ease 0s, -webkit-transform 10s ease 0s;
}
.portfolioContWraper .portFlexWrap .portWrapper .anchor {
    background: #f76f45 none repeat scroll 0 0;
    -moz-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    text-decoration: none;
    width: 100%}
.portfolioContWraper .portFlexWrap .portWrapper .anchor:hover .title {
    color: #fff;
    transform: translateX(0) translateY(-50%) translateZ(0);
}
.portfolioContWraper .portFlexWrap .portWrapper .anchor:hover .bread {
    transform: translateX(0) translateY(0) translateZ(0);
}
@media (max-width:1279px) {
    .portfolioContWraper .portFlexWrap {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
}.portfolioContWraper .portFlexWrap .portWrapper .bread .pre-tag {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 700!important;
    text-transform: none;
    letter-spacing: -.5px;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
}
.titleblock p {
    margin-top: 20px;
    margin-bottom: 48px;
}
.other-port {
    font-size: 40px;
    text-align: center;
    font-weight: 700;
}
.main-tag-content {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
@media(max-width:1199px) {
    .main-tag-content {
    width: auto;
}
}.titleblock h2 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: -2px;
}
.titleblock p {
    margin-top: 20px;
    margin-bottom: 48px;
}
@media(max-width:480px) {
    .home-bottom h2, .titleblock h2, h2, h2.heading-title {
    font-size: 36px;
}
}@media(max-width:360px) {
    .home-bottom h2, .titleblock h2, h2, h2.heading-title {
    line-height: 30px;
    font-size: 30px;
    letter-spacing: 0;
}
}.case-line-3-h {
    min-height: 320px;
}
@media(max-width:1199px) {
    .case-line-3-h {
    min-height: 320px;
}
}@media(max-width:991px) {
    .case-line-3-h {
    min-height: 310px;
}
}@media(max-width:767px) {
    .case-line-3-h {
    min-height: auto;
}
}.latestCaseStudy {
    background: #fafafa;
}
.latestCaseStudy {
    padding-bottom: 30px;
}
@media(max-width :767px) {
    .latestCaseStudy .case-line-3-h.xs-text-left {
    text-align: center;
}
.latestCaseStudy .case-line-3-h img {
    display: inline-block;
    text-align: center;
}
.latestCaseStudy .case-land-title {
    text-align: center!important;
    margin-left: auto;
    margin-right: auto;
}
}.sprite-after::after {
    background: url(../images/sprites.png);
    content: ''}
.sprite-before::before {
    background: url(../images/sprites.png);
    content: ''}
.case-date {
    font-size: 12px;
    /*opacity: .5;*/
    margin-top: 20px;
}
.case-space {
    padding-left: 60px;
    padding-right: 60px;
}
.case-land-title {
    font-size: 23px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}
.case-land-title a {
    color: #363636;
    font-weight: 700;
}
.case-land-title a:hover {
    color: #f76f45;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-40 {
    margin-top: 40px;
}
.m-b-40 {
    margin-bottom: 40px;
}
a.arrow::after {
    width: 16px;
    height: 9px;
    display: inline-block;
    margin-left: 3px;
    background-position: 163px -16px;
}
.migrationNBanner {
    background-image: url(../images/migration-page-banner.jpg);
}
.migrationNBanner h1 {
    font-size: 61px;
    color: #d4503f;
}
.migrationNBanner h1 span {
    font-family: Roboto, sans-serif;
    font-size: 50px;
    color: #fff;
    font-weight: 300;
}
.migrationNBanner p {
    font-size: 30px;
    font-family: Roboto, sans-serif;
    margin-top: 50px;
    margin-bottom: 0;
    line-height: 1.4;
    font-weight: 200;
}
.migrationNPSWrapper {
    margin: 60px 0;
}
.migrationNPSWrapper .migrationNPSWrap {
    padding: 0 15px 30px;
    text-align: center;
}
.migrationNPSWrapper .migrationNPSWrap h3 {
    font-size: 70px;
    font-family: Roboto, sans-serif;
    color: #333;
    font-weight: 300;
}
.migrationNPSWrapper .migrationNPSWrap p {
    font-size: 24px;
    font-family: Roboto, sans-serif;
    color: #333;
    line-height: 1.2;
    font-weight: 300;
}
.migrationNPSWrapper .statNPBotWrap p {
    font-size: 18px;
    text-align: center;
    color: #646464;
}
.mediumContainer {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.mNPprocessWrapper {
    margin: 60px 0 0;
    padding: 50px 0 20px;
    background-color: #f2f8ff;
    position: relative;
}
.mNPprocessWrapper .mNPWrap {
    text-align: center;
    padding: 0 20px;
    margin-bottom: 30px;
}
.mNPprocessWrapper .mNPWrap h3 {
    font-size: 30px;
    color: #333;
    margin-bottom: 20px;
    font-weight: 700;
}
.mNPprocessWrapper .mNPWrap p {
    font-size: 16px;
    color: #646464;
}
.mNPprocessWrapper:after, .mNPprocessWrapper:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 29px;
    height: 249px;
    background-image: url(../images/blue-dot-bg.png);
}
.mNPprocessWrapper:before {
    top: 40px;
    left: 15px;
}
.mNPprocessWrapper:after {
    bottom: 40px;
    right: 15px;
}
.mNPOutComesDelivered {
    padding: 70px 0;
    background-image: url(../images/outcomes-delivered.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.mNPOutComesDelivered .mNPOutCmesDelWrap {
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.mNPOutComesDelivered .mNPOutCmesDelWrap.reduceWidth {
    max-width: 190px;
}
.mNPOutComesDelivered .mNPOutCmesDelWrap h3 {
    font-size: 23px;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
}
.mNPOutComesDelivered h2 {
    font-size: 40px;
    color: #333;
}
.redShortBorder {
    position: relative;
}
.redShortBorder:after {
    content: '';
    display: block;
    margin-top: 20px;
    height: 5px;
    width: 76px;
    margin-left: auto;
    margin-right: auto;
    background-color: #d4503f;
}
.gradientCta {
    background: #dd6326;
    background: -moz-linear-gradient(0deg, #dd6326 0, #ff800d 100%)!important;
    background: -webkit-linear-gradient(0deg, #dd6326 0, #ff800d 100%)!important;
    background: linear-gradient(90deg, #dd6326 0, #ff800d 100%)!important;
    float: none;
    padding: 12px 25px;
    border-radius: 25px;
    font-size: 16px;
    display: inline-block;
    margin-top: 20px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #fff!important;
}
.mNPInnerCta {
    padding: 50px 0;
    position: relative;
    background-image: url(../images/migration-new-page-inner-cta.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.mNPInnerCta:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 102px;
    height: 106px;
    background-image: url(../images/migration-inner-cta-np-after.png);
    right: -10px;
    top: -10px;
}
.mNPInnerCta h3 {
    font-size: 40px;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
    font-weight: 700;
}
.mNPInnerCta .gradientCta {
    padding: 12px 55px;
}
.mediumOneContainer {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}
.mNPOldPlatform {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}
.mNPOldPlatform:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 832px;
    height: 832px;
    background: url(../images/left-behind-before.webp) no-repeat top -109px left -151px;
    left: 0;
    top: 0;
}
.mNPOldPlatform:after {
    content: '';
    display: inline-block;
    position: absolute;
    background-image: url(../images/left-behind-after.png);
    width: 547px;
    height: 621px;
    top: -272px;
    right: -310px;
    z-index: -1;
}
.mNPOldPlatform .oldPlatformWrap {
    padding-left: 20px;
}
.mNPOldPlatform .oldPlatformWrap p {
    color: #646464;
    font-size: 18px;
}
.mNPOldPlatform .oldPlatformWrap p:nth-child(2) {
    margin-bottom: 20px;
}
.mNPOldPlatform .oldPlatformWrap p strong {
    font-family: Roboto, sans-serif;
    font-weight: 700;
}
.mNPOldPlatform .oldPlatformWrap h3 {
    font-size: 30px;
    line-height: 1.4;
    color: #333;
    margin-bottom: 15px;
    font-weight: 700;
}
.mNPSeamLessMigration {
    padding: 60px 0 35px;
    background-color:#EFEFEF;
}
.mNPSeamLessMigration .mNPSeamlessWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
}
.mNPSeamLessMigration .mNPSeamlessWrapper .mNPSeamlessWrap {
       max-width: 230px;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 25px 15px;
    text-align: center;
    margin-bottom: 30px;
    background: #FFFFFF;
    margin-right: 10px;
}
.mNPSeamLessMigration .mNPSeamlessWrapper .mNPSeamlessWrap h3 {
    color: #333;
    font-size: 20px;
    margin-bottom: 0;
    line-height: 1.4;
}
.migrationProcessNP {
    margin: 60px 0;
    position: relative;
}
.migrationProcessNP h2 {
    font-size: 40px;
    color: #333;
}
.migrationProcessNP:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 344px;
    height: 351px;
    background-image: url(../images/migration-process-np-before.png);
    bottom: 0;
    left: 0;
    z-index: -1;
}
.migrationProcessNP .migrationWrapper {
    position: relative;
    height: 456px;
    max-width: 1123px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}
.migrationProcessNP .migrationWrapper .migration {
    text-align: center;
    position: absolute;
    height: 135px;
    width: 160px;
}
.migrationProcessNP .migrationWrapper .migration:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 40px;
    position: absolute;
    left: calc(50% - 1px);
    background-color: #215fcc;
}
.migrationProcessNP .migrationWrapper .migration:after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    background-color: #215fcc;
    display: inline-block;
    position: absolute;
    left: calc(50% - 6px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(odd) {
    top: 0;
}
.migrationProcessNP .migrationWrapper .migration:nth-child(odd):before {
    top: calc(100% + 50px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(odd):after {
    top: calc(100% + 40px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(even) {
    bottom: 0;
}
.migrationProcessNP .migrationWrapper .migration:nth-child(even):before {
    bottom: calc(100% + 50px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(even):after {
    bottom: calc(100% + 38px);
}
.migrationProcessNP .migrationWrapper .migration .stepWrap {
    position: absolute;
    line-height: 62px;
    z-index: 3;
    font-size: 18px;
    color: #33435e;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    width: 62px;
}
.migrationProcessNP .migrationWrapper .migration:nth-child(odd) .stepWrap {
    left: calc(50% - 31px);
    top: calc(100% + 62px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(even) .stepWrap {
    left: calc(50% - 31px);
    bottom: calc(100% + 62px);
}
.migrationProcessNP .migrationWrapper .migration .stepWrap:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 62px;
    height: 62px;
    border: 3px solid #215fcc;
    border-radius: 50%;
    background-color: #fff;
    z-index: -1;
    left: 0;
    top: 0;
}
.migrationProcessNP .migrationWrapper .migration .stepWrap:after {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #7094dd;
    width: 152px;
    height: 3.5px;
    top: calc(50% - 1.75px);
    left: -45px;
    z-index: -2;
}
.migrationProcessNP .migrationWrapper .migration.migration1 {
    left: 0;
}
.migrationProcessNP .migrationWrapper .migration.migration2 {
    left: 161px;
}
.migrationProcessNP .migrationWrapper .migration.migration3 {
    left: 322px;
}
.migrationProcessNP .migrationWrapper .migration.migration3 h4 {
    position: absolute;
    left: -20px;
    right: -20px;
}
.migrationProcessNP .migrationWrapper .migration.migration4 {
    left: 483px;
}
.migrationProcessNP .migrationWrapper .migration.migration5 {
    left: 644px;
}
.migrationProcessNP .migrationWrapper .migration.migration5 h4 {
    position: absolute;
    left: -20px;
    right: -20px;
}
.migrationProcessNP .migrationWrapper .migration.migration6 {
    left: 805px;
}
.migrationProcessNP .migrationWrapper .migration.migration7 {
    left: 966px;
}
.migrationProcessNP .migrationWrapper .migration h4 {
    font-size: 19.5px;
    color: #333;
}
.migrationNPEndtoEnd {
    margin: 60px 0;
    position: relative;
    overflow: hidden;
}
.migrationNPEndtoEnd:before {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #df7f29;
    right: 0;
    left: calc(50% + 5px);
    top: 145px;
    bottom: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.migrationNPEndtoEnd:after {
    content: '';
    display: inline-block;
    position: absolute;
    background-image: url(../images/end-to-end-np-after.png);
    top: -30px;
    right: 0;
    left: calc(100% - 150px);
    height: 365px;
}
.migrationNPEndtoEnd .container {
    position: relative;
}
.migrationNPEndtoEnd .container:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 29px;
    height: 249px;
    background-image: url(../images/yellow-dot-bg.png);
    background-size: contain;
    left: calc(100% + 10px);
    bottom: 50px;
}
.migrationNPEndtoEnd .npendtoendWrap {
    padding: 20px 25px;
    color: #fff;
}
.migrationNPEndtoEnd .npendtoendWrap h3 {
    font-size: 30px;
}
.migrationNPEndtoEnd .npendtoendWrap p {
    font-size: 16px;
}
.stepOfTheWay {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
}
.stepOfTheWay h2 {
    font-size: 40px;
    color: #333;
    line-height: 1.4;
}
.stepOfTheWay h4 {
    font-size: 22px;
    color: #d88545;
}
.stepOfTheWay p {
    color: #646464;
    line-height: 1.4;
}
.stepOfTheWay:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 586px;
    background-image: url(../images/step-of-the-way-before.png);
    left: 0;
    width: 180px;
    background-position: right;
    top: calc(50% - 243.5px);
}
.stepOfTheWay:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 675px;
    height: 649px;
    background-image: url(../images/step-of-the-way-after.png);
    right: 0;
    bottom: 0;
    z-index: -1;
}
.migrationNPImpLinks {
    padding: 60px 0 25px;
    background-color: #faf5ed;
    position: relative;
}
.migrationNPImpLinks:after, .migrationNPImpLinks:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 29px;
    height: 249px;
    background-image: url(../images/light-yellow-dot-bg.png);
    z-index: -1;
}
.migrationNPImpLinks:before {
    top: calc(50% - 124.5px);
    left: 15px;
}
.migrationNPImpLinks:after {
    bottom: 40px;
    right: 15px;
}
.migrationNPImpLinks .migNPImpWrap .migNpImp {
    background-color: #fff;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 35px;
}
.migrationNPImpLinks .migNPImpWrap .migNpImp h4 {
    font-size: 16px;
    color: #333;
    min-height:30px;
}
.migrationNPImpLinks .migNPImpWrap .migNpImp h4 span {
    display: inline-block;
}
.migrationNPImpLinks .migNPImpWrap .migNpImp h4 span:nth-child(2) {
    width: 23px;
    height: 47px;
    background-image: url(../images/migrate-into.png);
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}
.migNpImp a
{
	background:#868686;
    padding: 10px 20px;
    border-radius: 0px 0px 30px 0px;
    color: #fff;
    display: block;
}

.migNpImp a:hover
{
	background:#f2621e;
}

.replatformingServices {
    background-color: #fff;
    padding: 55px 0;
}
.replatformingServices h2 {
    font-size: 40px;
    color: #333;
    margin-bottom: 20px;
    margin-top: 0;
}
.replatformingServices .whiteBgProp {
    text-align: center;
}
.replatformingServices .whiteBgProp p {
    display: inline-block;
    padding: 10px 25px;
    background-color: #fff;
    color: #646464;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
}
.replatformingServices img {
}
.replatformingServices h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #333;
    font-size: 30px;
}
.replatformingServices .aceContWrap p {
    font-size: 18px;
    line-height: 1.4;
    color: #646464;
    margin-bottom: 20px;
}
.replatformingServices .aceContWrap h4 {
    font-size: 22px;
    color: #000;
    margin-bottom: 15px;
}
.replatformingServices .aceContWrap ul {
    padding-left:20px;
}
.replatformingServices .aceContWrap ul li {
    color: #dd5329;
    font-size: 18px;
    padding-left: 5px;
}
.replatformingServices .aceContWrap ul li span {
    color:#646464;
}
@media (max-width:1199px) {
    .migrationProcessNP .migrationWrapper .migration {
    width: 134px;
}
.migrationProcessNP .migrationWrapper .migration .stepWrap {
    width: 52px;
    line-height: 52px;
}
.migrationProcessNP .migrationWrapper .migration:nth-child(odd) .stepWrap {
    left: calc(50% - 26px);
    top: calc(100% + 52px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(even) .stepWrap {
    left: calc(50% - 26px);
    bottom: calc(100% + 52px);
}
.migrationProcessNP .migrationWrapper .migration .stepWrap:after {
    width: 122px;
    left: -35px;
}
.migrationProcessNP .migrationWrapper {
    height: 426px;
}
.migrationProcessNP .migrationWrapper .migration .stepWrap:before {
    width: 52px;
    height: 52px;
}
.migrationProcessNP .migrationWrapper .migration.migration3 h4 {
    left: -25px;
    right: -25px;
}
.migrationProcessNP .migrationWrapper .migration.migration5 h4 {
    left: -21.5px;
    right: -21.5px;
}
.migrationProcessNP .migrationWrapper .migration.migration2 {
    left: 135px;
}
.migrationProcessNP .migrationWrapper .migration.migration3 {
    left: 269px;
}
.migrationProcessNP .migrationWrapper .migration.migration4 {
    left: 404px;
}
.migrationProcessNP .migrationWrapper .migration.migration5 {
    left: 539px;
}
.migrationProcessNP .migrationWrapper .migration.migration6 {
    left: 674px;
}
.migrationProcessNP .migrationWrapper .migration.migration7 {
    left: 809px;
}
.migrationProcessNP .migrationWrapper .migration:nth-child(odd):after, .migrationProcessNP .migrationWrapper .migration:nth-child(odd):before {
    top: calc(100% + 20px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(even):after, .migrationProcessNP .migrationWrapper .migration:nth-child(even):before {
    bottom: calc(100% + 20px);
}
.migrationNBanner h1 {
    font-size: 54px;
}
.migrationNPSWrapper .migrationNPSWrap p {
    font-size: 24px;
}
.mNPInnerCta:after {
    top: -30px;
    right: -30px;
}
.mNPInnerCta h3 {
    font-size: 38px;
}
.stepOfTheWay:after {
    width: 520px;
    height: 500px;
    background-size: cover;
}
.stepOfTheWay h2 {
    font-size: 36px;
}
.replatformingServices img {
}
}@media (max-width:991px) {
    .md-m-b-50 {
    margin-bottom: 50px;
}
.migrationProcessNP .migrationWrapper {
    max-width: 536px;
    height: 1110px;
    margin-top: 0;
}
.migrationProcessNP .migrationWrapper .migration:before {
    left: 0;
    width: 40px;
    height: 2px;
}
.migrationProcessNP .migrationWrapper .migration:nth-child(odd) .stepWrap {
    top: calc(50% - 26px);
    left: calc(100% + 52px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(even) .stepWrap {
    top: calc(50% - 26px);
    right: calc(100% + 52px);
    left: inherit;
}
.migrationProcessNP .migrationWrapper .migration .stepWrap:after {
    width: 5px;
    height: 134px;
    left: calc(50% - 2.5px);
    top: -41px;
}
.migrationProcessNP .migrationWrapper .migration:nth-child(odd):before {
    top: calc(50% - 1px);
    left: calc(100% + 15px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(odd):after {
    top: calc(50% - 6px);
    left: calc(100% + 10px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(even):before {
    top: calc(50% - 1px);
    left: initial;
    right: calc(100% + 15px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(even):after {
    bottom: initial;
    left: initial;
    top: calc(50% - 6px);
    right: calc(100% + 10px);
}
.migrationProcessNP .migrationWrapper .migration.migration3 h4, .migrationProcessNP .migrationWrapper .migration.migration5 h4 {
    position: initial;
}
.migrationProcessNP .migrationWrapper .migration.migration1 {
    left: 0;
    top: 75px;
    width: 190px;
}
.migrationProcessNP .migrationWrapper .migration.migration2 {
    left: initial;
    right: 0;
    top: 225px;
    width: 190px;
}
.migrationProcessNP .migrationWrapper .migration.migration3 {
    left: 0;
    top: 375px;
    width: 190px;
}
.migrationProcessNP .migrationWrapper .migration.migration4 {
    left: initial;
    right: 0;
    top: 525px;
    width: 190px;
}
.migrationProcessNP .migrationWrapper .migration.migration5 {
    left: 0;
    top: 675px;
    width: 190px;
}
.migrationProcessNP .migrationWrapper .migration.migration6 {
    left: initial;
    right: 0;
    top: 825px;
    width: 190px;
}
.migrationProcessNP .migrationWrapper .migration.migration7 {
    left: 0;
    top: 975px;
    width: 190px;
}
.migrationNBanner h1 {
    font-size: 50px;
}
.migrationNBanner p {
    font-size: 28px;
    margin-top: 30px;
}
.mNPOutComesDelivered {
    overflow: hidden;
    background-position: left -110px top -110px;
}
.mNPInnerCta h3 {
    font-size: 36px;
}
.oldPlatformWrap {
    text-align: center;
}
.mNPOldPlatform .oldPlatformWrap {
    padding-left: 0;
}
.mNPOldPlatform {
    padding-bottom: 50px;
}
.migrationNPEndtoEnd:after, .migrationNPEndtoEnd:before {
    display: none;
}
.migrationNPEndtoEnd .npendtoendWrap {
    background-color: #df7f29;
    border-radius: 25px;
    padding: 30px;
}
.md-m-b-20 {
    margin-bottom: 20px;
}
}@media (max-width:767px) {
    .migrationNBanner h1 {
    font-size: 50px;
}
.migrationNBanner p {
    font-size: 26px;
    margin-top: 20px;
}
.mNPprocessWrapper .mNPWrap {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}
.mNPInnerCta h3 {
    font-size: 34px;
}
.mNPOldPlatform:before {
    width: 271px;
    height: 380px;
    background-size: contain;
}
.mNPOldPlatform .oldPlatformWrap h3 {
    font-size: 26px;
}
.migrationProcessNP:before {
    display: none;
}
}@media (max-width:600px) {
    .col-xxs-offset-0 {
    margin-left: 0!important;
}
.migrationNPSWrap {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
}
.mNPOutComesDelivered {
    background-image: none;
}
.mNPInnerCta h3 {
    font-size: 32px;
}
.mNPInnerCta:after {
    display: none;
}
.migrationNPImpLinks .migNPImpWrap .migNpImp {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}
.replatformingServices img {
    margin-top: 0;
}
}
@media (max-width:575px) {
.migrationProcessNP .migrationWrapper .migration:nth-child(odd) .stepWrap {
    left: initial;
    right: calc(100% + 52px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(even):before {
    right: calc(100% + 25px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(even):after {
    right: calc(100% + 15px);
}
.migrationProcessNP .migrationWrapper {
    max-width: 290px;
}
.migrationProcessNP .migrationWrapper .migration:before {
    width: 33px;
}
.migrationProcessNP .migrationWrapper .migration:nth-child(odd):before {
    left: initial;
    right: calc(100% + 25px);
}
.migrationProcessNP .migrationWrapper .migration:nth-child(odd):after {
    left: initial;
    right: calc(100% + 15px);
}
.migrationProcessNP .migrationWrapper .migration.migration1 {
    left: initial;
    right: 0;
}
.migrationProcessNP .migrationWrapper .migration.migration3 {
    left: initial;
    right: 0;
}
.migrationProcessNP .migrationWrapper .migration.migration5 {
    left: initial;
    right: 0;
}
.migrationProcessNP .migrationWrapper .migration.migration7 {
    left: initial;
    right: 0;
}
.migrationNBanner h1 {
    font-size: 46px;
}
.migrationNPEndtoEnd .npendtoendWrap {
    padding: 25px;
}
.stepOfTheWay:after {
    display: none;
}
.stepOfTheWay {
    margin-bottom: 0;
}
}@media (max-width:510px) {
    .mNPprocessWrapper: after, .mNPprocessWrapper:before {
    display: none;
}
}@media(max-width:600px) {
    .col-xxs-12 {
    width: 100%;
    float: none;
}
}@media (max-width:600px) {
    .col-xxs-offset-0 {
    margin-left: 0!important;
}
}.m-b-30 {
    margin-bottom: 30px;
}
.shortBotBorder {
    position: relative;
    margin-top: 0;
}
.shortBotBorder:after {
    content: '';
    display: block;
    margin: 20px auto;
    width: 76px;
    height: 5px;
    background-color: #e6503f;
}
@media (max-width:991px) {
    .b2bCroNP h2, .croEngineRoom h2, .croPackageNP h2, .croSimplified h2, .letGetIntroCroNP h2, .shortBotBorder h2 {
    font-size: 38px;
}
}@media (max-width:767px) {
    .b2bCroNP h2, .croEngineRoom h2, .croPackageNP h2, .croSimplified h2, .letGetIntroCroNP h2, .shortBotBorder h2 {
    font-size: 35px;
    line-height: 1.3;
}
}@media(max-width:420px) {
    .col-xxxs-12 {
    width: 100%;
    float: none;
}
}.m-t-30 {
    margin-top: 30px;
}
.m-b-50 {
    margin-bottom: 50px;
}
@media (max-width:991px) {
    .md-m-t-30 {
    margin-top: 30px;
}
}.p-b-20 {
    padding-bottom: 20px;
}
.m-t-25 {
    margin-top: 25px;
}
@media (max-width:480px) {
    .home-bottom h2, .titleblock h2, h2, h2.heading-title {
    font-size: 36px;
}
}@media (max-width:360px) {
    .home-bottom h2, .titleblock h2, h2, h2.heading-title {
    line-height: 30px;
    font-size: 30px;
    letter-spacing: 0;
}
}
.headerInner {
        /* background-color:  transparent !important; */
}

.inner-banner-title {
    padding-bottom: 30px;
}

.banner h1 {
    padding-bottom: 30px;
}

#menu-header .headerInner.scrolled {
    background:  #223B59 !important;
    padding-top:  15px;
}

#menu-header .headerInner.scrolled #wp-megamenu-main-menu>.wpmm-nav-wrap ul.wp-megamenu>li>a {
    color: #fff !important;
    font-weight: bold !important;
}

#menu-header #wp-megamenu-main-menu>.wpmm-nav-wrap ul.wp-megamenu>li>a {
    color: #fff !important;
    font-weight: bold !important;
}

#menu-header  {
    height:  0px !important;
}

@media screen and (max-width: 480px) {
    
.banner h1  {
    
    font-size:  43px !important;
    
    line-height:  46px !important;
    
    line-height:  1;
    
	}
}
.wpmm_mobile_menu_btn i {
    color: #fff;
}

@media (min-width: 0px) {
    .wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap .wp-megamenu,  #wp-megamenu-main-menu>.wpmm-nav-wrap>ul.wp-megamenu>li.wpmm_mega_menu>.wpmm-strees-row-container>ul.wp-megamenu-sub-menu,  #wp-megamenu-main-menu>.wpmm-nav-wrap>ul.wp-megamenu>li.wpmm_mega_menu>.wpmm-strees-row-and-content-container-container>ul.wp-megamenu-sub-menu,  #wp-megamenu-main-menu>.wpmm-nav-wrap>ul>li.wpmm-strees-row .wpmm-strees-row-container>.wp-megamenu-sub-menu: before,  #wp-megamenu-main-menu>.wpmm-nav-wrap>ul>li.wpmm-strees-row .wpmm-strees-row-container>.wp-megamenu-sub-menu:after,  #wp-megamenu-main-menu>.wpmm-nav-wrap>ul.wp-megamenu>li.wpmm_mega_menu>.wpmm-strees-row-and-content-container>ul.wp-megamenu-sub-menu {
    background:  #223B59 !important;
}
}
@media (min-width: 992px) {
    .wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu li.wpmm_mega_menu.company ul.wp-megamenu-sub-menu>li>ul ul,  .wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu li.wpmm_mega_menu.resources ul.wp-megamenu-sub-menu>li>ul ul {
    background:  #223B59 !important;
    border: 1px solid #fff;
}
}
.wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu li.wpmm_mega_menu.company ul.wp-megamenu-sub-menu>li>ul ul,  .wp-megamenu-wrap .wpmm-nav-wrap>ul.wp-megamenu li.wpmm_mega_menu.resources ul.wp-megamenu-sub-menu>li>ul ul {
    background:  #223B59 !important;
}

.headerInner {
    box-shadow:  none;
}

@media screen and (max-width: 736px) {
    
.banner h1  {
    
    font-size:  52px !important;
    
    line-height:  1;
    
    line-height:  54px !important;
    
}
}

@media screen and (max-width:581px) {

        .migrationProcessNP h2 {
        font-size: 36px;
        color: #333;
        line-height: 42px;
    }

    .replatformingServices h2 {
        font-size: 36px;
        line-height: 42px;
        color: #333;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .mNPOutComesDelivered h2 {
        font-size: 36px;
        line-height: 42px;
        color: #333;
    }

}

@media screen and (max-width:480px) {

    .mNPOutCmesDelWrap p
    {
        text-align: center;
    }

}