@charset "utf-8";body{font-family:'Roboto',sans-serif;font-size:14px;color:#646871}
img{max-width:100%;border:0}
a{outline:0;text-decoration:none}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6,p,ul,ol,li{margin:0;padding:0;list-style:none;font-weight:normal}
a:hover{text-decoration:none}
.clearfix:after,#sync2:after,.level1:after,.container:after,.container856:after,.container886:after,.fourBlock:after,.copy:after,.footerContainer:after,.footerTop:after,.level5:after,.titleBlock:after,.fourBlock:after,.topNav:after,.dropDownleft:after,.middleContent .listItem:after{content:"";clear:both;display:block}
input{-webkit-appearance:none;-moz-appearance:none;appearance:none}
@font-face{font-family:'robotobold';src:url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-bold-webfont.eot');src:url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-bold-webfont.woff2') format('woff2'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-bold-webfont.woff') format('woff'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-bold-webfont.ttf') format('truetype'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-bold-webfont.svg#robotobold') format('svg');font-weight:normal;font-style:normal;font-display:auto}
@font-face{font-family:'robotolight';src:url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-light-webfont.eot');src:url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-light-webfont.woff2') format('woff2'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-light-webfont.woff') format('woff'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-light-webfont.ttf') format('truetype'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-light-webfont.svg#robotolight') format('svg');font-weight:normal;font-style:normal;font-display:auto}
@font-face{font-family:'robotoregular';src:url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-regular-webfont.eot');src:url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-regular-webfont.woff2') format('woff2'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-regular-webfont.woff') format('woff'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-regular-webfont.ttf') format('truetype'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');font-weight:normal;font-style:normal;font-display:auto}
@font-face{font-family:'robotothin';src:url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-thin-webfont.eot');src:url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-thin-webfont.woff2') format('woff2'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-thin-webfont.woff') format('woff'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-thin-webfont.ttf') format('truetype'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-thin-webfont.svg#robotothin') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'robotomedium';src:url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-medium-webfont.eot');src:url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-medium-webfont.woff2') format('woff2'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-medium-webfont.woff') format('woff'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-medium-webfont.ttf') format('truetype'),url('../../../etc/designs/mphasis/clientlib-site/fonts/roboto-medium-webfont.svg#robotomedium') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'FontAwesome';src:url('../../../etc/designs/mphasis/clientlib-site/fonts/fontawesome-webfont.eot');src:url('../../../etc/designs/mphasis/clientlib-site/fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../../../etc/designs/mphasis/clientlib-site/fonts/fontawesome-webfont.woff2') format('woff2'),url('../../../etc/designs/mphasis/clientlib-site/fonts/fontawesome-webfont.woff') format('woff'),url('../../../etc/designs/mphasis/clientlib-site/fonts/fontawesome-webfont.ttf') format('truetype'),url('../../../etc/designs/mphasis/clientlib-site/fonts/fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal;font-display:auto}
.fa-facebook:before{content:"\f09a"}
.fa-twitter:before{content:"\f099"}
.fa-linkedin:before{content:"\f0e1"}
.fa-check:before{content:"\f00c"}
.fa-youtube:before{content:"\f167"}
.fa-angle-down:before{content:"\f107"}
.fa-angle-up:before{content:"\f106"}
.fa-google-plus:before{content:"\f0d5"}
.rmm-dropdown:after{content:"\f105"}
.rmm .rmm-back a:after{content:"\f104"}
.fa-search:before{content:"\f002"}
.fa-angle-right:before{content:"\f105"}
.bodyWrapper{width:100%;position:relative}
.container{margin:auto;max-width:1004px;padding:0 15px}
.container856{margin:auto;max-width:1010px}
.container886{margin:auto;max-width:886px;padding:0 15px}
.connectBlock .container856{max-width:1166px}
.header{background:transparent;width:100%;padding:2px 0 10px;position:fixed;z-index:99;transition:background-color .5s ease;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.1)}
.header .container{position:relative}
.navigation{float:right;font-family:"robotolight",sans-serif}
.topNav{width:100%}
.topNav>ul{float:right;margin-right:-10px}
.topNav li{font-size:11px}
.navigation .topNav li a{padding-bottom:0}
.topNav ul ul{width:100%}
.mainNav{width:100%;font:16px "robotolight",sans-serif;padding-top:6px}
.drop-down-gap{padding:12px 15px 10px 20px}
.drop-down:before{content:'';position:absolute;left:12px;top:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff}
.drop-down li{width:100%;font-size:14px;padding:5px 0;text-transform:none;position:relative;display:block}
.navigation ul>li:hover>.drop-down{display:block}
.drop-down li a{color:#fff;font-weight:normal;padding:0}
.drop-down li a:hover{color:#000}
.mainNav nav{float:left}
}
.dropLinks2 ul{padding:0;margin:0}
.dropLinks2 span{display:block;padding-right:40px}
.dropLinks2>ul>li{color:#fff;padding:5px 0;margin:0}
.dropLinks2 .fa{float:right;margin-right:12px;font-size:25px;line-height:16px;position:absolute;right:0;top:5px}
.dropLinks2>ul>li>ul{margin-top:5px}
.dropLinks2 li>ul>li{padding:0;margin:0}
.dropLinks2 li>ul>li>a{background:rgba(63,70,84,.2);color:#3f4654;display:block;font:13px/18px "robotolight",sans-serif;padding:4px 5px 7px 25px;margin-bottom:1px}
.dropDownlevel3>ul{margin-top:1px}
.dropDownlevel3>li>a{color:#fff !important}
.dropLinks2 .dropDownlevel3 ul li a{padding-left:55px}
.gapnon{margin:0 !important}
.dropcolorchange>ul>li>ul>li>a{background:rgba(63,70,84,.1)}
.dropfontchange li{padding:5px 0 !important}
.dropfontchange li a{font-family:"robotolight",sans-serif}
.searchDiv{float:left;margin:0 10px 0 10px;color:#3f4654;font-size:15px}
.searchForm{background:#fff;padding:15px;position:absolute;right:0;top:63px;float:left;display:none}
.searchForm>div{position:relative}
.searchForm input{border:1px solid rgba(0,0,0,.1);width:100%;height:30px;padding:5px 40px 5px 10px;display:block}
.searchForm input[type="submit"]{color:#fff;font-weight:bold;width:auto;position:absolute;right:0;top:0;background:#3ca9dd;padding:4px 5px 6px;cursor:pointer}
.rightPagination{position:fixed;right:50px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:20;text-align:right}
.rightPagination li{padding:10px 0}
.pDot{background:url(../../../content/dam/mphasis-com/global/en/icons/dot.png) no-repeat center;display:inline-block;width:17px;height:16px;vertical-align:middle}
.pLabel{color:#3ca9dd;display:block;vertical-align:middle;font-size:13px;padding-right:10px;opacity:0;transform-origin:100% 50% 0;transition:transform .2s ease 0,opacity .2s ease 0;transform:scale(0.6);position:absolute;right:-9999px;white-space:nowrap;text-transform:uppercase}
.rightPagination li.current .pDot,.rightPagination li:hover .pDot{background-image:url(../../../content/dam/mphasis-com/global/en/icons/dot_hover.png)}
.rightPagination li:hover .pLabel{opacity:1;transform:scale(1);right:20px}
.heroBanner{position:relative}
.content{position:absolute;top:0;max-width:500px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding-left:40px}
.heroBanner img{width:100%;display:block;padding-top:60px}
.heroBanner h1{font:47px/39px "robotothin",sans-serif;text-transform:uppercase;letter-spacing:-2px}
.heroBanner h1 span{display:block}
.heroBanner strong{font-family:"robotobold",sans-serif;padding-top:5px;display:inline-block;letter-spacing:-2px;font-weight:bold}
.heroBanner p{font:18px/25px "robotolight",sans-serif;padding:26px 80px 0 0}
.pagebanner ul li{list-style:disc;margin-left:25px;font-size:16px}
.heroBanner h2{font:36px/35px "robotothin",sans-serif;text-transform:uppercase;letter-spacing:2px}
.heroBanner b{font-family:"robotobold",sans-serif;padding-top:5px;display:inline-block;letter-spacing:-2px;font-weight:bold}
.nextUnleashed{position:relative}
.nextUnleashed .TitleHolder{width:100%;background:rgba(255,255,255,0.8);padding:20px 0;position:absolute;top:0;z-index:2}
.nextUnleashed .TitleHolder h2{display:inline-block;max-width:450px;font:38px "robotothin",sans-serif;text-transform:uppercase;letter-spacing:-2px;margin-right:-4px;vertical-align:middle}
.nextUnleashed .TitleHolder h2 strong{font-family:"robotomedium",sans-serif;font-weight:normal;text-transform:uppercase;color:#33a8de}
.nextUnleashed .TitleHolder p{max-width:430px;display:inline-block;color:#3f4654;padding:0 0 0 40px;font:17px/22px "robotolight",sans-serif;vertical-align:middle}
.unleashedArrow{position:absolute;left:0;right:0;top:300px;z-index:10;display:block}
.unleashedArrow .prev,.unleashedArrow .next{cursor:pointer;padding:0 75px;height:42px}
.unleashedArrow .next{cursor:pointer;float:right}
.slideItem{position:relative}
.slideContainer{position:absolute;z-index:1;top:0;transform:translateY(-47%);top:47%;width:100%;max-width:1204px}
.slideContent{width:50%;float:right;padding:0 60px}
.slideContent h3{text-transform:uppercase;font:34px/28px "robotolight",sans-serif}
.slideContent h3 span{display:block}
.slideContent h3 strong{font:48px/40px "robotobold",Arial,sans-serif}
.learnMore{font:14px "robotolight",sans-serif;color:#000;opacity:.7;transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s;background:url(../../../content/dam/mphasis-com/global/en/icons/learn-more-icon.png) no-repeat right center;background-size:24px;padding:3px 30px 3px 0}
.slideContent a:hover{opacity:1}
.carousalBrands.owl-carousel .slideContent img{width:35px;display:inline-block;vertical-align:middle;margin-left:5px}
.slideContent p{max-width:300px;font:15px/20px "robotolight",sans-serif;padding:15px 0}
.carousalBrands .owl-nav.disabled,#sync2 .owl-nav.disabled{display:none}
.brandThumb{position:absolute;bottom:80px;left:0;right:0}
.brandThumb .item{position:relative;cursor:pointer;padding:28px 0}
.brandThumb .current .item:before{content:'';background:#27a8de;height:5px;position:absolute;left:0;right:0;top:0}
#sync2{max-width:856px;background:#fff;margin:0 auto;padding:0 30px}
.transformationJourney{background:#fff}
.transformationJourney .TitleHolder{padding:20px 0}
.transformationJourney .TitleHolder h2{width:60%;display:inline-block;font:38px/32px "robotothin",sans-serif;text-transform:uppercase;vertical-align:middle}
.transformationJourney .TitleHolder h2 strong{font-family:"robotomedium",sans-serif;text-transform:uppercase;color:#6cbee5;font-weight:normal}
.transformationJourney .TitleHolder p{display:inline-block;width:38%;max-width:400px;padding:0 0 0 12px;font:15px/20px "robotolight",sans-serif;vertical-align:middle}
.journeyWrap{position:relative}
.tab_content{position:relative}
.tabs{text-align:center;padding:20px 0}
.tabs li{display:inline-block;padding:0 20px}
.tabs li a{font:21px "robotolight",sans-serif;color:#898989;border-bottom:5px solid transparent;padding:3px 0;display:block}
.tabs li.active a{border-color:#3ca9dd;color:#3f4654}
.downarrow{position:absolute;right:50px;color:#fff;font-size:50px;line-height:95px;display:none;transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s;-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-0-transform:rotate(0);transform:rotate(0)}
.downarrow.downactive{-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-0-transform:rotate(-180deg);transform:rotate(-180deg)}
#nextStory .owl-nav,#yearsOfMphasis .owl-nav,#awards .owl-nav,#newLaunches .owl-nav,#owl-carousel-socialBlock .owl-nav{display:none}
#nextStory .prev,#nextStory .next,#yearsOfMphasis .prev,#yearsOfMphasis .next,#awards .prev,#awards .next,#newLaunches .prev,#newLaunches .next,.connnectWrap .prev,.connnectWrap .next,.blockArrow .prev,.blockArrow .next{position:absolute;top:50%;margin:-21px 0 0;cursor:pointer;z-index:5;max-width:42px}
#nextStory .prev,#yearsOfMphasis .prev,#awards .prev,#newLaunches .prev,.connnectWrap .prev{left:-75px}
#nextStory .next,#yearsOfMphasis .next,#awards .next,#newLaunches .next,.connnectWrap .next{right:-75px}
.connnectWrap .prev,.connnectWrap .next{display:none}
.bestOfNext{background:#fff;padding:0}
.fourBlock{margin:0 -15px 50px;position:relative}
.fourBlock ul{margin:0;padding:0}
.fourBlock li{float:left;width:50%;padding:20px}
.gridItem{position:relative;width:50%;display:inline-block;float:left;padding:15px}
.gridItem>div{position:relative}
.gridItemchange .gridContent{text-align:left}
.gridItem img{width:100%;display:block}
.gridItem h2{font:38px/35px "robotothin",sans-serif;text-transform:uppercase}
.gridItem h2 strong{font-family:"robotobold",sans-serif;display:block;color:#33a8de}
.gridItem p{font:18px/24px "robotolight",sans-serif !important;padding:12px 0 0}
.gridContent{position:absolute;right:0;left:0;padding:37px;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);top:50%}
.fourBlock li:first-child .gridContent{text-align:left}
.gridContent h3{font:34px/29px "robotomedium",sans-serif;color:#fff;text-transform:uppercase}
.gridContent a{font:17px "robotolight",sans-serif;background:rgba(24,149,210,1);color:#fff;padding:8px 25px 10px;display:inline-block;margin:26px 0 0;border-radius:50px;transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s}
.gridContent a:hover{background:rgba(24,149,210,.75)}
.fourBlock .owl-prev,.fourBlock .owl-next{display:none}
.blockArrow{display:none;position:absolute;width:100%;bottom:40%}
.width100{width:100%;display:block}
.connectFuture{position:relative;background:url(../../../content/dam/mphasis-com/global/en/blogs/level5-backgrond.jpg) no-repeat center / cover}
.connectFuture .TitleHolder{width:100%;background:rgba(63,70,84,0.5);padding:25px 0}
.connectFuture .TitleHolder h2{display:inline-block;vertical-align:middle;width:58%;font:38px "robotothin",sans-serif;text-transform:uppercase;color:#fff;letter-spacing:-1px}
.connectFuture .TitleHolder h2 strong{font-family:"robotomedium",sans-serif;font-weight:normal;text-transform:uppercase;color:#6cbee5}
.connectFuture .TitleHolder p{width:39%;display:inline-block;vertical-align:middle;color:#3f4654;padding:0 0 0 20px;font:17px/20px "robotolight",sans-serif;color:#fff}
.connectBlock{padding:35px 0}
.connectItem{margin:auto;padding:0 9px}
.connnectWrap{margin:0 -9px;position:relative}
.connectHolder h2{text-align:center;font:20px "robotolight",sans-serif;margin-bottom:20px}
.middleContent .listItem:last-child{border:0;padding-bottom:10px}
.middleContent{background:#fff;padding:0 13px !important;overflow:scroll}
.scrollToTop{position:fixed;bottom:150px;right:10px;cursor:pointer;z-index:98;display:none;max-width:45px;text-align:center;color:#55646b}
.middleContent .listItem{padding:12px 0 17px;border-bottom:1px solid #eae9e9}
.blogIcon{float:left;width:36%}
.blogIcon img{width:100%;display:block}
.blogContent{float:left;padding-left:14px;width:62%}
.blogContent h4{font:11px "robotobold",sans-serif}
.blogContent h4 a{color:#6cbee5;transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s}
.blogContent p{font:11px/14px "robotolight",sans-serif;color:#578}
.bottomCont{background:#00324e;text-align:right;padding:10px;min-height:41px}
.owl-carousel .owl-item .bottomCont img{width:auto}
.bottomCont a{color:#fff;display:inline-block;font:11px "robotoregular",sans-serif;vertical-align:middle}
.bottomCont span{float:left;padding:2px 15px}
.bottomCont img{float:left;max-width:28px}
.tweetBlock .listItem{padding:12px 0 8px}
.tweetBlock .listItem:last-child{padding-bottom:0}
.titleBlock{position:fixed;background:#fff;width:241.333px;margin:0;height:39px;padding:10px;border-bottom:1px solid #d1d1d1}
.titleBlock{width:80%}
.titleBlock h4{width:45%}
.titleBlock a{float:right}
.titleBlock h4{float:left}
.titleBlock h4{font:13px "robotomedium",sans-serif}
.titleBlock a img{width:auto;float:right}
.tweetIcon{float:left;width:17%}
.tweetIcon img{width:100%;display:block;max-width:51px}
.tweetContent{float:left;padding-left:6px;width:83%}
.tweetContent h4{font:11px/15px "robotomedium",sans-serif;color:#3f4654;margin-bottom:6px}
.tweetContent h4 a{color:#9f9f9f;transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s}
.tweetContent p{font:11px/15px "robotolight",sans-serif;color:#3f4654}
.tweetContent p a{color:#479ec7}
.tweetBlock .bottomCont{background:#24a9de}
.tweetBlock .bottomCont img{margin-left:10px;margin-top:3px}
.tweetBlock .bottomCont a:hover{text-decoration:underline}
.youVideo{padding:17px 0}
.youMultivideo{margin:5px -5px 25px;overflow:hidden}
.youSmallvideo{float:left;padding:0 5px;width:50%}
.stayTuned .middleContent p{font:12px/17px "robotolight",sans-serif;color:#578;padding-bottom:10px}
.stayTuned .bottomCont{background:#e12f2f}
#stickyBand{width:100%;position:fixed;left:0;bottom:0;background:rgba(0,0,0,0.66);z-index:9;padding:10px 0;text-align:center}
#stickyBand p{display:inline-block;color:#fff;font:15px/17px "robotolight",sans-serif}
#stickyBand a{display:inline-block;font:13px "robotomedium",sans-serif;margin-left:15px;padding:11px 22px;background:#3ca9dd;color:#fff;border-radius:25px;transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s}
#stickyBand a:hover{background:#46bae3}
.scrollToTop{position:fixed;bottom:150px;right:10px;cursor:pointer;z-index:98;display:none;max-width:45px;text-align:center;color:#55646b}
.footerTop{background:#00314f}
.footerItem{float:left;padding-right:60px}
.footerTop h3{font:14px "robotomedium",sans-serif;color:#3ca9dd;text-transform:uppercase;margin-bottom:15px}
.footerItem li{margin:5px 0}
.footerItem li a{color:#fff;font:13px "robotolight",sans-serif;display:inline-block;transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s}
.footerItem li a:hover{color:#3ca9dd}
.followUs{float:left}
.followUs img{max-width:42px}
.followUs li{display:inline-block;padding:0 3px;margin-right:-3px}
.copy{background:#00314f;width:100%;padding:20px 0;color:#84a1af;font:14px "robotolight",sans-serif}
.footerLogo{float:left}
.footerRight{float:right;margin-top:10px}
.copyRights{float:left}
.termsLinks{float:right;padding:0 0 0 3px}
.footerRight li{display:inline-block;position:relative;padding:0 10px;margin-right:-3px}
.footerRight li:after{content:'';background:#84a1af;width:1px;height:12px;position:absolute;right:0;top:4px}
.footerRight li a{color:#84a1af;display:inline-block;line-height:12px;transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s}
.footerRight li a:hover{color:#fff}
.footerRight ul li:last-child:after{background:0}
.device1024{display:none}
.overflow{overflow:hidden;padding-right:17px;-webkit-overflow-scrolling:touch}
.overflow1{overflow:auto;padding-right:0}
.poplink{cursor:pointer}
.modalPopup{background:rgba(0,0,0,.4);display:none;position:fixed;left:0;right:0;bottom:0;top:0;overflow-x:hidden;overflow-y:auto;z-index:100}
.popWrap{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.popContainer{max-width:950px;margin:0 auto;background:#f5f5f5;padding:60px 25px 25px;position:relative;box-shadow:0 0 10px rgba(0,0,0,.3)}
.modalPopupClose{position:absolute;right:20px;top:20px;width:16px;height:20px;background:url(../../../content/dam/mphasis-com/global/en/icons/close.png) no-repeat center;cursor:pointer}
.modalPopupClose:hover{background-image:url(../../../content/dam/mphasis-com/global/en/icons/close_hover.png)}
.videoFrame{position:relative;padding-top:56%;width:100%}
.videoFrame video{width:100%;height:100%;position:absolute;left:0;right:0;top:0}
.videoimgclass{Position:absolute;left:0 right:0;bottom:0 padding:20px;text-align:center;z-index:10;height:40px;width:40px;top:46%;right:45%}
.shareContainer{position:fixed;right:0;top:85px;z-index:98;cursor:pointer;height:80px;transition:all .5s ease-in-out 0}
.shareContainer:hover .sharelist{right:37px}
.sharethis{background:#fff;padding:8px 10px;border-radius:4px 0 0 4px;box-shadow:0 0 8px rgba(0,0,0,.2);float:right;position:relative;z-index:2}
.sharelist{position:absolute;right:-200px;overflow:hidden;width:200px;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;transition:all ease-in-out .5s;transition:all .5s ease-in-out 0;z-index:1}
.sharelist li{float:right;text-align:center;margin-right:-3px}
.sharelist li a{display:block;border-radius:4px 0 0 4px;color:#fff;font-size:20px;padding:10px 10px 11px;position:relative;width:50px}
.sharelist li:first-child a{background:#3b5b94;z-index:4}
.sharelist li:nth-child(2) a{background:#64c9ec;z-index:3}
.sharelist li:nth-child(3) a{background:#00679f;z-index:2}
.sharelist li:nth-child(4) a{background:#dc4e41;z-index:1}
.mobileMenu{display:none}
#banner{max-width:1366px;margin:0 auto;padding-top:60px}
#banner img{display:block}
.breadcrumb{background:rgba(255,255,255,.7);position:absolute;left:0;right:0;bottom:0;padding:5px 0}
.breadcrumb li{display:inline-block;font:14px "robotolight",sans-serif;color:#3f4654;text-transform:uppercase;padding:0 3px;margin-right:-3px}
.breadcrumb li a{color:#3f4654;background:url(../../../content/dam/mphasis-com/global/en/icons/right_arrow1.png) no-repeat right center;padding-right:15px}
.breadcrumb li a:hover{color:#3da9dd}
.bannerTitle{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.bannerTitle h1{font-size:46px;text-transform:uppercase;padding:0 10%}
.txtright{text-align:right}
.middleContent{padding:0 0 !important;border:medium none !important}
.middleContent::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#f5f5f5}
.of_scrollbar{-ms-overflow-style:scrollbar}
.middleContent::-webkit-scrollbar{width:10px;background-color:#f5f5f5}
.middleContent::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#e6e6e6}
.heroBanner .compasslideItem{padding-top:63px}
@media only screen and (max-width:1024px){.heroBanner .compasslideItem{padding-top:357px}
.container886,.container856,.container,#sync2{max-width:inherit}
.container886,.container856,.gridItem{padding:0}
.rightPagination,.shareContainer{display:none}
.searchForm{top:47px}
.hamburgerDiv li{padding:0}
.mainNav nav{margin-right:0}
.mainNav{font-size:11px}
.hamburgerMenu{padding-top:4px}
.navigation li>a{padding-bottom:1px}
#nextStory .prev,#yearsOfMphasis .prev,#awards .prev,#newLaunches .prev,.connnectWrap .prev,.blockArrow .prev{left:30px}
#nextStory .next,#yearsOfMphasis .next,#awards .next,#newLaunches .next,.connnectWrap .next,.blockArrow .next{right:30px}
.heroBanner img{padding-top:56px}
.heroBanner h1{font-size:54px;line-height:48px}
.heroBanner p{font-size:21px;line-height:25px;padding:30px 0 0}
.content{max-width:500px;padding-left:35px}
.heroBanner h2{font-size:44px;line-height:40px}
.nextUnleashed .TitleHolder{padding:30px 0}
.nextUnleashed .TitleHolder h2{font-size:48px;line-height:42px;padding-left:100px;max-width:inherit;width:48%}
.nextUnleashed .TitleHolder p{padding-left:10px;width:50%}
.brandThumb{bottom:70px}
.slideContent{float:left;padding:0 0 0 35px;width:auto;max-width:450px}
.slideContent h3{font:54px/48px "robotothin",sans-serif;letter-spacing:-2px}
.slideContent h3 strong{font-size:inherit;line-height:inherit}
.slideContent p{font-size:21px;line-height:25px;max-width:inherit}
.learnMore{font-size:21px}
.carousalBrands.owl-carousel .slideContent img{width:35px}
.slideContainer{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.transformationJourney .TitleHolder{padding:30px 0}
.transformationJourney .TitleHolder h2{font-size:48px;line-height:42px;font-family:"robotomedium",sans-serif;color:#34a8df;padding-left:35px;vertical-align:top;width:450px;float:left}
.transformationJourney .TitleHolder h2 strong{font-family:"robotothin",sans-serif;color:#3f4654}
.transformationJourney .TitleHolder p{font-size:21px;line-height:25px;color:#3f4654;margin-left:460px;max-width:inherit;width:auto;display:block;padding-right:10px}
.tabs{padding:0}
.tabs li{padding:0;float:left;width:50%;border-right:1px solid #fff}
.tabs li:first-child,.tabs li:nth-child(2){border-bottom:1px solid #fff}
.tabs li:nth-child(2),.tabs li:last-child{border-right:0}
.tabs li a{border:0;font-size:30px;background:#46adde;color:#fff;padding:54px 10px 51px}
.tabs li.active a{color:#fff;font-family:"robotomedium",sans-serif;background:#3c91b9}
.bestOfNext .container{padding:0}
.fourBlock{margin:0}
.gridItem>div{padding:0}
.gridItem{float:none;width:auto;display:block}
.gridItemchange img{display:none}
.gridItemchange .gridContent{position:static;left:inherit;right:inherit;bottom:inherit;padding:0;text-align:left;padding:35px 15px 25px;transform:none}
.gridItemchange h2,.gridItemchange p{display:inline-block;vertical-align:top;margin-right:-3px}
.gridItemchange h2{font-size:48px;line-height:42px;padding-left:80px;width:340px;float:left}
.gridItemchange p{width:auto;padding:0 0 0 10px;font-size:21px;line-height:25px;margin-left:350px;display:block}
.blockArrow{display:block}
.gridContent h3{font-size:47px;line-height:45px}
.gridContent h3 span{display:block;font-family:"robotothin",sans-serif}
.gridContent{padding:0;top:50%;bottom:inherit;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.gridContent a{font-size:24px}
.connectFuture{background-image:url(../../../content/dam/mphasis-com/global/en/blogs/level5-backgrond-tab.jpg)}
.connectFuture .TitleHolder{padding:35px 0;background:#fff}
.connectFuture .TitleHolder h2{font-size:48px;line-height:42px;padding-left:35px;width:380px;float:left;color:#3f4654}
.connectFuture .TitleHolder p{width:auto;padding:10px 0 0 10px;font-size:21px;line-height:25px;margin-left:380px;display:block;color:#3f4654}
.connnectWrap{max-width:500px;margin:0 auto}
.connectHolder h2{font-size:25px}
.connectBlock{padding:25px 0 50px}
.connnectWrap .prev,.connnectWrap .next{display:block}
.connnectWrap .prev{left:-80px}
.connnectWrap .next{right:-80px}
.blogContent h4,.blogContent p,.tweetContent h4,.tweetContent p,.bottomCont a,.stayTuned .middleContent p{font-size:14px;line-height:17px}
.middleContent{padding:10px 30px;Width:25%}
.footerTop{padding:40px 0 0 0}
.footerItem{width:33.333%;padding-bottom:30px}
.footerItem:first-child{padding-left:25px}
.footerTop h3{font-size:17px}
.footerItem li a{font-size:16px}
.followUs{float:none;width:auto;clear:left;text-align:center;background:#35a8df;padding:35px 0 30px}
.followUs h3{display:none}
.followUs img{max-width:75px}
.followUs li{padding:0 5px}
.copy{background:#35a8df;padding:0}
.footerLogo,.footerRight,.termsLinks,.copyRights{float:none;width:auto;text-align:center}
.termsLinks{padding:18px 0 30px}
.footerRight li{padding:0 15px}
.footerRight li:after{background:#fff;height:15px;top:7px}
.footerRight li a{font-size:18px;color:#fff;line-height:inherit}
.copyRights{@media only screen and (max-width:479px){:#fff;margin:0 -15px;padding:25px 0;color:#707070;font-size:16px}
.device1024{display:inline-block}
.desktop{display:none}
}
@media(min-width:768px) and (max-width:1025px){.heroBanner img{display:initial}
}
@media only screen and (max-width:767px){.heroBanner .compasslideItem{padding-top:100px}
.overflow,.overflow1{padding-right:0}
.topNav,.mainNav nav,.hamburgerMenu{display:none}
.header{padding:0;background:rgba(255,255,255,1)}
.logo{padding:17px 0}
.hamburgerMenu{padding:11px 0}
.searchDiv{margin:4px 25px 0 0;font-size:25px}
.searchForm{top:60px}
.rightPagination{right:20px}
.pLabel{display:none}
.shareContainer{display:none}
.heroBanner h1{font-size:67px;line-height:56px}
.heroBanner h1 span{display:inline-block}
.heroBanner p{font-size:24px;line-height:32px}
.content{max-width:440px;padding-left:35px}
.heroBanner h2{font-size:40px;line-height:35px}
.nextUnleashed .TitleHolder{display:none}
#sync2{padding:0}
#sync1 .container{padding:0}
.unleashedArrow{display:block;bottom:20%}
.unleashedArrow .prev{margin-left:30px;float:left;cursor:pointer}
.unleashedArrow .next{margin-right:30px;float:right;cursor:pointer}
.slideContainer{top:inherit;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;bottom:0;background:rgba(63,70,84,0.6);text-align:center;color:#fff;padding:50px 15px}
.slideContent{padding:0;margin:0 auto;float:none}
.slideContent h3{font-size:53px;line-height:44px}
.slideContent p{font-size:24px;line-height:30px}
.banner .content .learnMore{opacity:1;background-image:url(../../../content/dam/mphasis-com/global/en/icons/learn-more-icon.png)}
.learnMore{color:#fff;opacity:1;background-image:url(../../../content/dam/mphasis-com/global/en/icons/learn-more-icon-white.png)}
.brandThumb{bottom:inherit;top:25px;left:25px;right:25px;text-align:center}
.brandThumb .owl-item,.brandThumb .item{padding:10px 0}
.brandThumb .current .item::before{display:none}
.brandThumb .owl-carousel .owl-item img{width:auto;display:inline-block}
.transformationJourney .TitleHolder{background:#ebebeb;text-align:center}
.transformationJourney .TitleHolder h2,.transformationJourney .TitleHolder p{width:auto;display:block;padding:0}
.transformationJourney .TitleHolder h2{color:#3f4654;font:67px/56px "robotothin",sans-serif;letter-spacing:-2px;float:none}
.transformationJourney .TitleHolder h2 strong{color:inherit;font-family:"robotomedium",sans-serif}
.transformationJourney .TitleHolder p{padding-top:30px;margin:0 auto;font-size:24px;line-height:32px;max-width:440px}
.tabs li{width:auto;float:none;display:block;border:0;border-bottom:1px solid #fff}
.tabs li a{font-size:35px;text-align:left;padding:23px 10px 25px 80px}
.downarrow{display:block}
.gridItemchange .gridContent{text-align:center}
.gridItemchange h2{margin:0;width:auto;float:none;display:block;padding:0;color:#3f4655;font-size:67px;line-height:56px;letter-spacing:-2px}
.gridItemchange h2 strong{display:inline-block;color:inherit}
.gridItemchange p{margin:0;padding:0;font-size:14px !important;line-height:32px;margin:0 auto;max-width:550px;padding-top:30px}
.gridContent h3 span{font-family:inherit}
.blockArrow{bottom:35%}
.connectFuture .TitleHolder{text-align:center}
.connectFuture .TitleHolder h2,.connectFuture .TitleHolder p{width:auto;display:block;padding:0}
.connectFuture .TitleHolder h2{color:#3f4654;font:67px/56px "robotothin",sans-serif;letter-spacing:-2px;float:none}
.connectFuture .TitleHolder h2 strong{color:inherit;display:block}
.connectFuture .TitleHolder p{padding-top:30px;margin:0 auto;font-size:24px;line-height:32px;max-width:440px}
.connectBlock{display:none}
#stickyBand{display:none}
.footerTop{padding:0}
.footerItem{display:none}
.footerRight li::after{top:10px}
.footerRight li a{font-size:21px}
.followUs img{max-width:inherit}
.scrollToTop{display:none !important}
html,body{height:100%}
.mobileMenu{display:block;float:right}
.heroBanner img{display:initial}
}
@media only screen and (max-width:639px){.heroBanner h1{font-size:50px;line-height:42px}
.heroBanner p{font-size:18px;line-height:24px;padding-top:25px}
.content{padding-left:25px;max-width:320px}
.heroBanner h2{font-size:40px;line-height:36px}
.slideContent{max-width:350px}
.slideContent h3{font-size:40px;line-height:33px}
.slideContent p{font-size:18px;line-height:24px}
.learnMore{font-size:18px;background-size:25px}
.unleashedArrow .prev,.unleashedArrow .next{max-width:40px;padding:0}
.transformationJourney .TitleHolder h2{font-size:50px;line-height:42px}
.transformationJourney .TitleHolder p{font-size:18px;line-height:24px;max-width:350px;padding-top:20px}
.tabs li a{font-size:26px;padding:17px 10px 18px 60px}
#nextStory .prev,#yearsOfMphasis .prev,#awards .prev,#newLaunches .prev,.connnectWrap .prev,.blockArrow .prev{left:30px;max-width:40px;margin-top:-20px}
#nextStory .next,#yearsOfMphasis .next,#awards .next,#newLaunches .next,.connnectWrap .next,.blockArrow .next{right:30px;max-width:40px;margin-top:-20px}
.downarrow{font-size:40px;line-height:70px;right:40px}
.gridItemchange h2{font-size:50px;line-height:42px}
.gridItemchange p{font-size:18px;line-height:24px;max-width:inherit;padding-top:20px}
.gridContent h3{font-size:45px;line-height:40px}
.gridContent a{margin-top:20px}
.connectFuture .TitleHolder h2{font-size:50px;line-height:42px}
.connectFuture .TitleHolder p{font-size:18px;line-height:24px;max-width:350px;padding-top:20px}
.followUs{padding:28px 0}
.followUs img{max-width:75px}
.termsLinks{padding:25px 0}
.footerRight li:after{top:5px}
.footerRight li a,copyRights{font-size:16px}
.popContainer iframe{height:200px}
.heroBanner img{display:initial;padding-top:50px}
}
@media only screen and (max-width:479px){.searchDiv{margin-top:2px}
.logo{padding:12px 0}
.logo img{max-width:130px}
.rmmDiv{top:51px}
.rmm-dropdown::after{font-size:20px;margin-top:-10px}
.searchForm{top:51px}
.contactIcon img{max-width:50%}
.heroBanner h1{font-size:38px;line-height:32px}
.heroBanner p{font-size:14px;line-height:18px;padding-top:20px}
.content{padding-left:10px;max-width:220px}
.heroBanner h2{font-size:28px;line-height:25px}
.slideContainer{padding:20px 15px}
.slideContent h3{font-size:26px;line-height:22px}
.slideContent p{font-size:14px;line-height:18px}
.learnMore{font-size:14px;background-size:20px}
.unleashedArrow{bottom:27%}
.transformationJourney .TitleHolder h2{font-size:33px;line-height:28px}
.transformationJourney .TitleHolder p{font-size:14px;line-height:18px;padding-top:20px}
.tabs li a{font-size:16px;padding:13px 10px 14px 40px}
.downarrow{font-size:30px;line-height:49px;right:30px}
.gridItemchange h2{font-size:33px;line-height:28px}
.gridItemchange p{font-size:14px;line-height:18px !important;max-width:inherit}
.gridContent h3{font-size:30px;line-height:25px}
.gridContent a{margin-top:16px;padding:5px 15px 8px}
.blockArrow{bottom:30%}
.connectFuture .TitleHolder h2{font-size:33px;line-height:28px}
.connectFuture .TitleHolder p{font-size:14px;line-height:18px;max-width:inherit}
.followUs img{max-width:60px}
.footerRight li{padding:0 5px}
.footerRight li:after{height:12px}
.footerRight li a,.copyRights{font-size:13px}
.copyRights,.termsLinks,.followUs{padding:20px 0}
.rmm-toggled-button span,.rmm-toggled-button{width:30px}
.rmm-toggled-button span{height:4px}
.rmm-toggled{min-height:50px}
.rmm ul li,.rmm ul li a,.rmm ul li span{font-size:18px}
.mobClose{width:35px;height:39px}
.contactIcon{top:60px}
}
.connectHolder .equalHeighttw{height:421px !important;border:1px solid rgba(0,0,0,0.1)}
@media only screen(max-device-width:1024px) and (min-device-width:768px){.connectHolder .equalHeighttw{height:383px !important}
.equalHeight{overflow-x:hidden;overflow:auto}
iframe#twitter-widget-0{float:right}
.hmbox:hover{text-decoration:none !important}
@media all and (-ms-high-contrast:none){.connectHolder .equalHeighttw{height:306px !important}
*::-ms-backdrop,.connectHolder .equalHeighttw{height:306px !important}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){.fourBlock .wrap-carousel{padding-top:20px}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.titleBlock h4{width:68%}
}