@font-face{font-family:'georgiaBold';src:url('../fonts/georgiab_3.ttf') format('truetype');}
@font-face{font-family:'georgia';src:url('../fonts/georgia_3.ttf') format('truetype');}
@font-face{font-family:'DinProLight';src:url('../fonts/FF_DIN_Pro_Light_Italic_1.otf') format('opentype');}
@font-face{font-family:'DinProRegular';src:url('../fonts/FF_DIN_Pro_Regular_Italic_1.otf') format('opentype');}
@font-face{font-family:'DinProMedium';src:url('../fonts/FF_DIN_Pro_Medium_Italic_1.otf') format('opentype');}
@font-face{font-family:'HelveticaNeue';src:url('../fonts/HelveticaNeue.ttf') format('truetype');}
@font-face{font-family:'HelveticaNeueMedium';src:url('../fonts/HelveticaNeue Medium.ttf') format('truetype');}
html, body{font-family:'DinProLight';font-size:1vw;line-height: 1.7;margin:0;padding:0;color:#000;-webkit-font-smoothing:antialiased !important;text-shadow:1px 1px 1px rgba(0,0,0,0.004);}
h1, h2, h3, h4, h5, h6{font-family:'georgia';}
.h2, h2 {
    font-size: 2vw;
    margin-top: 1.5vw;
    margin-bottom: 1vw;
}
b, strong{font-weight:normal;font-family:'DinProMedium';}
*::focus{outline:none !important;}
.container-fluid{padding-left:8vw;padding-right:8vw;}
.container {max-width: 75vw; width: 100vw;}
.header{background-color:#fff;box-shadow:2px 2px 2px 1px rgba(0,0,0,.1);position:fixed;left:0;right:0;top:0;z-index:999;}
.head-navbar{margin:0;border:0;border-radius:0px;min-height:auto;position:relative;overflow:hidden;z-index:1;}
.head-navbar .navbar-brand{height:auto;padding:1.3vw 2vw;}
.head-navbar .navbar-brand img {max-width: 9vw}
.head-navbar .innerLogo img {max-width: 4vw}
.head-navbar .innerLogo{padding:0px;margin:0.8vw 1.5vw;}
.head-navbar .navbar-nav>li>a{padding:2.7vw 1.9vw;border-left:1px solid #e0e0e0;font-size:1.3vw;color:#221f1f;line-height: 1;}
html.ma5menu--left{margin-left:0px;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
html.ma5menu--active{overflow:hidden;transition:all 0.6s linear;-webkit-transition:all 0.6s linear;-moz-transition:all 0.6s linear;}
.ma5menu__toggle span{display:block;border-bottom:2px solid #033d78;width:1.5vw;margin:0 auto 0.25vw;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}

.navbar-header {float: left;}
.head-navbar .navbar-right {margin: 0; float: right; }

.searchBox {
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    z-index: 9999;
    display: none;
    float: right;
    overflow: hidden;
    background: #ffffff;
}
.overlay-content{
    padding: 37px 30px;
    border: 0px solid #a29415;
    position: relative;
    overflow: hidden;
}
.searchBox form.form-inline {text-align: right;}
#search_text {width: 100%; float: left; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out;}
.searchBox form button {position: absolute; right: 30px;}
.searchBox form .formError {position: absolute !important; left: 30px !important; margin-top: 10px !important;}

a:focus,
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:none;box-shadow:none;}
html.ma5menu--active .left-navbar{opacity:0;}
.inner-lines{float:left;vertical-align:middle;padding:0;width:5.3vw;height:6.8vw;}
.ma5menu--left .inner-lines .ma5menu__toggle{right:auto !important;position:absolute;top:0;}
html.ma5menu--active .ma5menu__toggle{background-color:#adadad;border-right:0px solid #d6d6d6;padding:2.8vw 1.8vw;}
html.ma5menu--active .ma5menu__toggle .line1,
html.ma5menu--active .ma5menu__toggle .line2,
html.ma5menu--active .ma5menu__toggle .line3{border-bottom:0.13vw solid #ffffff;}
html.ma5menu--active .line1{transform:translate(0.01vw, 0.09vw) rotate(45deg);}
html.ma5menu--active .line2{transform:translate(0px, -0.2vw) rotate(-45deg);}
html.ma5menu--active .line3{opacity:0;}
.ma5menu__panel > .lvl-1 ul li a,
.ma5menu__panel > .lvl-2 ul li a{margin-left:50px;padding-left:0px;}
.ma5menu__panel > ul li a, .ma5menu__panel > ul li .ma5menu__category{font-family:"DinProRegular";}
#bottomSec.innerFooter{border-top:1px solid #f3f3f3;box-shadow:none;margin-top:50px;background-color:#fbfbfb;}
#bottomSec.footer2 {height: auto;}
.footer p{    margin-bottom: 1vw;
    margin-top: 1vw;
    font-size: 0.81vw;font-family:"HelveticaNeue";}
.footer p a{color:#000;text-decoration:none;}
.footer .left{float:left;margin-right:2vw;line-height:1;}
.footer .right{float:right;}
.footer .content-wrapper{color:#000;font-size:0.9rem;}
.footer span.fa{
    background-color: #c4161c;
    color: #fff;
    width: 1.5vw;
    height: 1.5vw;
    font-size: 0.7vw;
    text-align: center;
    border-radius: 50vw;
    padding: 0.3vw 0;
    line-height: 1.4;
    margin: 0 0.3vw 0 0.7vw;}
.back-to-top{cursor: pointer;
    position: fixed;
    bottom: 5vw;
    right: 2vw;
    padding: 0.2vw 0.6vw;
    display: none;
    z-index: 99999;
    border-radius: 0.2vw;
    background-color: #c4161c;
    border: 0px;font-size: 1.15vw;}
.btn-primary:hover, .btn-primary:active:focus, .btn-primary:active:hover{background-color:#8c070c;border-color:#8c070c;}
.flotingBtn{position: fixed;
    top: 45vh;
    left: 0;
    width: 2vw;
    height: 12vw;
    z-index: 99999;
    border-top: 2.2vw solid transparent;
    border-left: 2.5vw solid #c4161c;
    border-bottom: 2.2vw solid transparent;}
.flotingBtn button{padding: 0;
    border: 0;
    background: transparent;
    transform: rotate(-90deg) translate(0px, -2.2vw);
    position: absolute;
    left: -3vw;
    top: 0;
    bottom: 0;}
.flotingBtn button a{    color: #fff;
    padding: 0.5vw 1.3vw;
    letter-spacing: 0.1vw;
    line-height: 0;
    text-transform: uppercase;
    font-family: DinProMedium;
    font-size: 1vw;
    text-decoration: none;}
p{font-family:"DinProLight";font-size:1vw;line-height:1.7;margin:0 0 1vw;position:relative;}
b{font-family:"DinProMedium";font-size:1.025rem;}
.innerNav{float:left;margin:1.3vw 0px;min-height:auto;border:0;}
.innerNav h2{font-size:1.15vw;letter-spacing:0.5px;margin:0;padding-left:0.7vw;font-family:"HelveticaNeue";color:#ea676b;}
.innerNav ul{margin-top:1vw;}
.head-navbar .innerNav ul li{padding:0px 0.8vw;}
.head-navbar .innerNav ul li a{padding:0.3vw 0;text-transform:uppercase;font-size:0.8vw;color:#000;letter-spacing:0.07vw;font-family:"HelveticaNeue";border-left:0px;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}
.innerNav ul li a.active, .innerNav ul li:hover a, .innerNav ul li a:hover{background-color:transparent !important;border-bottom:0.1vw solid #c4161c;}
.innerHome{background-image:url("../../images/A1_Main.jpg");background-size:calc(100% + 20px);background-repeat:no-repeat;background-position:50% 0;height:100vh; position: relative;}
.innerHome.AutoInsights{background-image:url("../../images/A2_Main.jpg");}
.innerPage3 .innerHome, .innerPage3 .innerHome:before,
.innerPage4 .innerHome, .innerPage4 .innerHome:before{background:none;height:auto;}
.innerHome:before{content:'';display:block;width:100%;height:90vh;}
.innerBg{position:absolute;bottom:7vw;left:0;right:0;color:#fff;}
.innerPage3 .innerBg, .innerPage4 .innerBg{position:relative;bottom:0;color:#000;margin-top:50px;}
h1{font-family:"DinProRegular";font-size:4vw;text-shadow:2px 2px 2px #3a3a3a;padding-bottom:0.1vw;display:inline-block;margin-bottom:0px;text-transform:uppercase;}
.innerPage3 .innerHome h1, .innerPage4 .innerHome h1{text-shadow:none;font-family:"DinProRegular";}
h1:after{content:'';display:block;border-top:2px solid #c4161c;width:100%;margin:1vw 0 1.4vw;animation-name:lineDrwing;animation-delay:1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@keyframes lineDrwing{from{width:0%;}
to{width:100%;}
}
.innerPage3 .innerHome b, .innerPage4 .innerHome b{text-shadow:none;}
b{font-size:1.3vw;letter-spacing:0.5px;}
hr{border-top:1px solid #c4161c;}
.innerContent{background-color:#fff;margin-top:-4vw;padding:4vw; position: relative;}
.innerPage3 .innerContent, .innerPage4 .innerContent{margin-top:0;padding:20px 0 55px;}
.innerContent img{width: 100vw; max-width: 73vw;position:relative;}
.innerContent h4{color:#c4161c;font-family:"DinProMedium";font-size:1.5vw;margin:0 0 0.05vw;line-height:0.6;}
.innerContent ul{list-style-type:none;padding-left:0px;color:#000000;font-family:"DinProRegular";font-size:1vw;position:relative;}
.innerContent ul li{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:0.5vw; font-family: "DinProLight"; /*font-size: 1.1vw;*/}
.ourStoryBox2 .innerContent ul li { font-family: "DinProLight"; font-size: 1.1vw; margin-bottom: 1vw;}
.innerContent li:before{content:'-';padding-right:10px;}
.innerContent ol{padding-left:30px;}
.innerContent ol li{padding-left:15px;margin-bottom:15px;}
.innerSecContent{margin:30px auto 70px;}
.box3, .box4{margin-top:80px;}
.box4a{margin-top:5%;}
.box4b{margin-top:4%;}
.leftBox{z-index:1;}
.rightBox:after{content:'';display:block;position:absolute;top:-20px;border:1px solid #c4161c;bottom:-10px;left:-100px;right:0;}
.box4Left:nth-of-type(1){padding-right:40px;}
.box4Left:nth-of-type(2){padding-left:40px;}
.box4a .box4Left:nth-of-type(1){padding-right:0px;}
.box4Border{position:relative;padding:50px 0;}
.box4Border ul, .innerContent .box4Border h4{padding-left:0;}
.box4Border:after{content:'';display:block;position:absolute;top:-70px;border:1px solid #c4161c;left:-25px;right:-25px;height:550px;}
.box4a .box4Border:after{content:'';display:block;position:absolute;top:-30px;border:1px solid #c4161c;bottom:0;left:-100px;right:-25px;height:auto;}
.box4b .box4Border:after{height:420px;}
.AutomobileImg{margin:5vw 0;position:relative;}
.AutomobileImg img {max-width: 65vw;}
.AutomobileImg:after{content:'';display:block;position:absolute;background-color:#fff;right:0;left:60%;z-index:3;height:3vw;bottom:0;}
.AutoBox{position:relative;margin-top:5vw;margin-bottom:5vw;}
.AutoBorder{border:1px solid #c4161c;position:relative;overflow:hidden;padding:9% 15% 3% 10%;}
.AutoSmallImg{position:absolute;right:0;padding:0;top:37%;}
.AutoSmallImg img {max-width: 21.5vw;}
.AutoSmallImg.left{position:relative;z-index:1;margin-bottom:60px; margin-left: 1vw;}
.AutoSmallImg.left img {max-width: 35vw;}
.AutoRight{position:absolute;right:0;top:20%;padding:0;}
.AutoRight .AutoBorder{padding:37% 10% 3% 35%;}
.InsightBox{padding:50px 0;}
.InsightBox img {max-width: 26vw;}
.InsightBox b{letter-spacing:0px;}
.imgMargin{margin-bottom:30px;}
.AutoSolutions table {border: 0px;}
.AutoSolutions td{padding:10px;border:0px solid #dcdcdc;vertical-align:top;border-bottom:1px solid #dcdcdc;}
.AutoSolutions tr:last-child td {border-bottom: 0px;}
.AutoSolutions tr:last-child td table td {border-bottom: 1px solid #f3f3f3;}
.innerContent .AutoSolutions td h3{margin:0;font-size:20px;padding:10px 10px;}
.AutoSolutions td b{font-size:1.1vw;}
.AutoSolutions td table td{border:0px;border-bottom:1px solid #f3f3f3;}
.AutoSolutions td table tr:last-child td{border-bottom:0px;}
.AutoBg{position:absolute;right:0;top:50%;background-color:#efefef;padding:8% 5%;}
.PublicationImg{position:relative;margin-bottom:50px;}
.PublicationImg .tag{position:absolute;right:0;bottom:0;left:0;top:55%;background-color:#fff;padding:20px 30px;}
.PublicationImg .tag h2{font-size:25px;margin:0;line-height:1.3;}
.innerContent .PublicationList strong{display:inline-block;letter-spacing:0;font-size:1.1rem;margin:0;}
.innerHome.FMCGbg{background-image:url("../../images/FMCGbg.jpg");}
.innerHome.ElectronicsBg{background-image:url("../../images/ElectronicsBg.jpg");}
.innerHome.HealthcareBg{background-image:url("../../images/HealthcareBg.jpg");}
.innerHome.PharmaBg{background-image:url("../../images/PharmaBg.jpg");}
.BoxShadow{position:relative;}
.BoxShadow:before{content:url("../../images/Shadow.png");position:absolute;top: -3vw; right: 0.55vw;}
.AboutHome, .ReachHome{background-size:100%;background-repeat:no-repeat;background-position:50% 0;height:100vh;position:relative;}
.AboutHome.overview{background-image:url("../../images/sec1-bg5.jpg");}
.AboutHome.ourStory{background-image:url("../../images/sec2-bg.jpg");}
.AboutHome.partnerBg{background-image:url("../../images/partnerBg.jpg");}
.AboutHome.contactUs{background-image:url("../../images/contactUsBg.jpg");}
.AboutHome.comingSoon{background-image:url("../../images/sec4-bg.jpg");}
.AboutHome.solutionsBg{background-image:url("../Images/HomePage1.jpg");}
.AboutHome.search, .AboutHome.caseStudy {height: 60vh;}
.aboutBack{position:relative;overflow:hidden;margin-top:-4vw;}
.AboutInner .innerContent, .PartnerInner .innerContent, .ReachInner .innerContent, .comingSoonInner .innerContent{margin-top:0;}
.AboutInner .innerContent:before{content:'';display:block;position:absolute;background-color:#ffffff;top:0;bottom:0;left:0;right:0;max-width:86vw;margin:0 auto 0 0;}
.content{position:relative;}
.content h5{font-family:"DinProRegular";font-size:2vw;letter-spacing:0.05vw;text-transform:uppercase;margin: 1vw 0;}
.content b{color:gray;letter-spacing:0;line-height:1;}
.innerContent .content h3{margin:3vw 0px 0;}
.content hr{margin: 0.7vw 0 1vw;
    border-top: 1px solid #c4161c;
    width: 4vw;}
.ourStoryBox{background-color:#f3f3f3;position:relative;margin-top:6vw;}
.ourStoryBox2{position:relative;background-color:#ffffff;}
.ourStoryBox .innerContent{background-color:transparent;position:relative;padding:0;}
.innerContent .content h3.topH3{margin-top:0;}
.content iframe {width: 25vw; height: 19vw;}
.ourStoryTop{position:relative;overflow:hidden;}
.visionBox{border:1px solid #c4161c;padding:4vw;margin-left: 5vw; width: 26vw;}
.innerContent .visionBox h3, .innerContent .missionBox h3{margin:0px 0 1.5vw;}
ul.visionList{padding-left:0;font-family:"DinProRegular";}
.missionBox{    padding: 4vw;
    margin-top: -4vw;
    background-color: #f3f3f3;
    margin-left: 27vw;
    width: 34vw;}
.ourStoryBand{position:relative;height:auto;}
.ourStoryBandBG{background-image:url("../../images/about/ourStoryBand.jpg");background-size:86vw;background-repeat:no-repeat;}
.ourStoryBand img{position:absolute;}
.ourStoryBand h2{    position: relative;
    color: #fff;
    padding: 3.2vw 0;
    margin: 0 auto 0 0;
    text-shadow: 2px 2px 10px #000;
    font-size: 2.1vw;
    line-height: 1.4;}
.brandStoryImg{margin-top:-6vw; position: relative;}
.brandStoryImg img{height:13vw;}
.brandStoryImg:before{content:'';display:block;position:absolute;left:-50vw;top:0;background-color:#ffffff;right:1vw;bottom:0;}
.AboutInner .ourStoryBox .innerContent:before{display:none;}
.ourStoryBox .buttonBox{margin-bottom:2vw;position:relative;overflow:hidden;}
.ourStoryBox .content{margin-top: -7vw;
    background-color: #f3f3f3;
    padding: 2.3vw 3vw;
    margin-left: 24.2vw;
    width: 49vw;}
.buttonBox button{float:right;position:relative;background-color:transparent;border:1px solid #c4161c;color:#c4161c;line-height:1;border-radius:2px;margin:0px;padding:0.6vw 1.3vw 0.7vw;letter-spacing:0.5px;font-family:'DinProRegular';font-size: 0.9vw;}
.buttonBox a{position:relative;overflow:hidden;display:block;}
.ourStoryBox2 .buttonBox button, .AutoSolutions .buttonBox button {float:left;}
.buttonBox button span{z-index:2;position:relative;}
.buttonBox button:before{content:'';position:absolute;top:0;left:0;width:0%;height:100%;background-color:#c4161c;z-index:1;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;}
.buttonBox button:hover{color:#ffffff;}
.buttonBox button:hover:before{width:100%;}
.ourStoryBox3{background-color:transparent;margin-top:0;}
.ourStoryBox3 .innerContent{padding:0 4vw}
.overviewBorder, .visionBorder{border:1px solid #c4161c;position:relative;padding:50px 50px;margin-top:50px;}
.overviewBorder p{font-size:1.062rem;}
.overviewRight{padding:0;position:absolute;right:0;bottom:-50px;}
.overviewRight img{margin-left:1px;}
.overviewIcon{position:relative;margin:150px 0 0;text-align:center;}
.innerContent .overviewIcon h3{margin:0 0 10px;}
.overviewIcon hr{margin:0px auto 60px;border-top:1px solid #c4161c;width:70px;}
.overviewBox span{font-size:1.09rem;display:block;margin:0 auto 30px;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}
.overviewBox img{max-width:130px;mix-blend-mode:normal;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}
.overviewBox:hover span{transform:translateY(-10px);}
.overviewBox:hover img{mix-blend-mode:luminosity;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.AboutHome.Strategy{background-image:url("../../images/StrategyBg.jpg");background-blend-mode:multiply;background-color:#989191;}
ul.StrategyList{padding-left:0;}
ul.StrategyList li:before{content:'→';color:#c4161c;font-size:11px;font-weight:bold;line-height:2.5;}
ul.StrategyList strong{font-family:"DinProRegular";text-transform:uppercase;color:#c4161c;font-size:1rem;letter-spacing:0.4px;}
.StrategyBox{position:relative;}
.StrategyBox:before{content:'';display:block;border:1px solid #c4161c;overflow:hidden;border-width:0 1px 1px 0;position:absolute;bottom:0;right:-56px;width:calc(100% - 80px);height:calc(100% - 230px);}
.StrategyBorder{float:right;margin-top:-35px;margin-right:-71px;}
.visionBorder{border:0px;width:100%;margin:0 auto;padding:0;text-align:center;}
.AboutHome.vision{background-image:url("../../images/VisionBg.jpg");}
.visionBorder h2{font-family:"DinProRegular";font-size:37px;text-transform:uppercase;color:#c4161c;letter-spacing:0.5px;margin-bottom:25px;}
.divider{position:relative;margin:70px auto;border-top:1px solid #d0d0d0;width:100px;animation-name:dividerLine;animation-delay:0.7s;}
@keyframes dividerLine{from{width:0px;}
to{width:100px;}
}
@-webkit-keyframes dividerLine{from{width:0px;}
to{width:100px;}
}
.grid{position:relative;overflow:hidden;}
.grid p.last{margin-bottom:5vw;}
.innerContent .grid h3{font-family:"DinProRegular";text-transform:uppercase;color:#c4161c;padding:0;margin-bottom:2vw;font-size:2.3vw;text-align:center;letter-spacing:1px;}
.grid figure{position: relative;
    float: left;
    overflow: hidden;
    height: 16vw;
    width: 16vw;
    text-align: center;
    cursor: pointer;}
.BgColor{position:relative;height:16vw;background-color:#c4161c;padding-top:0;}
.grid1{background-color:#520709;}
.grid2{background-color:#770e12;}
.grid3{background-color:#ad0911;}
.grid4{background-color:#d2232e;}
.grid5{background-color:#9b6769;}
.grid6{background-color:#b74e52;}
.grid7{background-color:#ac3136;}
.grid8{background-color:#9b0a10;}
.valuesBG h4{position:absolute;z-index:5;bottom:7.5vw;display:block;color:#ffffff;left:0;right:0;width:14vw;margin:0 auto;padding:0;font-family:"DinProLight";font-size:1.5vw;letter-spacing:0.5px;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
.center{padding:3em 0;position:relative;vertical-align:middle;}
.ValuesIcon{position:absolute;bottom:11vw;left:0;right:0;opacity:0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
.ValuesIcon img {width: 16vw;}
.grid figure:hover .valuesBG h4{bottom:3vw;}
.grid figure:hover .ValuesIcon{bottom:0vw;opacity:1;}
.visionBand{height:14vw;margin:3vw 0;}
.visionBand h2{line-height:1.2;}
.visionBand .ourStoryBandBG{background-image:url("../../images/about/ourStoryBand2.jpg");}
.IdentityBox{position:relative;}
.AboutHome.news{background-image:url("../../images/NewsBg.jpg");}
.newsSec {width: 39vw;}
.newsSec .NewsImg {width: 38vw; border:2px solid #c5c5c5;}
.newsSec ul{padding-left:0;margin-top:2vw;}
.newsSec ul li{display:block;font-size:1vw;margin-bottom:1vw;line-height:1.7;}
.innerContent .newsSec ul li:before{display:none;}
.newsSec a{color:#c4161c;font-family:"DinProRegular";text-decoration:none;}
.space{margin-top:18.5vw;}
.innerContent ul.newsSocial{overflow:hidden;padding-left:0;margin-bottom:3vw;}
.innerContent .newsSocial li:before{display:none;}
.newsSocial li{float:left;width:3vw;margin:0 15px 0 0;position:relative;overflow:hidden;}
.newsSocial li:after{content:'';display:block;width:3vw;height:3vw;border:1px solid #c4161c;border-radius:4px;transform:scale(1);transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;}
.newsSocial li a{text-decoration:none;}
.newsSocial li span{display:block;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;color:#c4161c;font-size:1.5vw;line-height:2;transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;}
.newsSocial li:hover:after{transform:scale(0);}
.newsSocial li:hover span{color:#231f20;font-size:1vw;line-height:3;}
.newsSecRight {width: 22vw; margin-left: 6vw;}
.policyBold {display: block; margin-bottom: 15px;}
.policyLine {display: block; margin-bottom: 5px;}
.innerContent h4.h4class{padding-left:0;color:#000000;font-family:"DinProRegular";margin:0 0 1vw;}
.tweets{position:relative;overflow-y:scroll;height:31vw;border:1px solid #d0d0d0;}
.AboutHome.leadership{background-image:url("../../images/LeadershipBG.jpg");}
.innerContent .tabs li{display:block;width:auto;}
.innerContent .tabs li:before{display:none;}
.tabs{position:relative;overflow:hidden;margin:0 auto;width:100vw; max-width: 66vw;}
.tabs .nav{text-align:center;border-bottom:0px;}
.tabs ul{position:relative;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;margin:0 auto;padding:0;max-width:38vw;list-style:none;-ms-box-orient:horizontal;-ms-box-pack:center;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;}
.innerContent .tabs li{position:relative;z-index:1;display:block;margin:0;text-align:center;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;}
.innerContent .tabs li:first-child{margin-right:1vw;}
.tabs .nav a{position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;margin:0;color:#000000;background-color:#e2e2e2;}
.tabs .nav a span{vertical-align:middle;}
.tabs .nav li.active a{color:#ffffff;background-color:#c4161c;border:0px;}
.tabs .nav a:focus{outline:none;}
.tab-content{position:relative;margin-top:6vw;}
.tab-content section{display:none;margin:0 auto;padding:1vw;max-width:66vw;text-align:center;}
.tab-content section.active{display:block;padding:0;}
.tab-content h5{font-size:1.8vw;text-align:center;padding-bottom:0;margin-bottom:3.5vw;color:#c4161c;font-family:"DinProMedium";}
.tab-content .bodBox{position:relative;overflow:hidden;    width: 22.3vw;line-height: 1.4; margin-bottom:4vw;padding:0 1vw;cursor:pointer;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}
.tab-content .bodImg{position:relative;overflow:hidden;height:24vw;background-color:#dcb0b0;}
.innerContent .bodImg img{z-index:inherit;width: 20.6vw;}
.tab-content .bodName{    position: absolute;
    left: 1vw;
    right: 1vw;
    bottom: 0;
    padding: 1vw 0.7vw;
    height: 5vw;background-color:#dcb0b0;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}
.tab-content .bodBox:hover .bodName{padding:1.3vw 0.7vw;height:6vw;}
.tabs-style-fillup li a{padding:1vw 0;border:0px;border-radius:0px;line-height:1;-webkit-transition:color 0.3s;transition:color 0.3s;}
.tabs-style-fillup li:last-child a, .tabs-style-fillup li:last-child a:hover{border:none;}
.innerContent .tabs-style-fillup li.active{z-index:100;}
.tabs-style-fillup li.active a{color:#000;}
.tabs-style-fillup li.active a::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.tabs-style-fillup li a span{-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}
.tabs-style-fillup li a span{font-size:1.2vw;}
.tabs-style-fillup li.active a span{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
.tabs .nav li a:hover{background-color:#d8d8d8;border:0px;color:#c4161c;}
.leadershipModal .modal-dialog{margin:6vw auto;max-width:55vw;width:100vw;}
.leadershipModal .modal-header{border:0px;margin-bottom:1.5vw;padding:1vw 2vw;}
.leadershipModal .modal-header .close{margin-top:0.3vw;    font-size: 1.6vw;}
.leadershipModal .modal-body{padding:2.5vw;}
.leadershipModal .item{text-align:left;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.leadershipModal .item strong{font-size:1vw;color:gray;}
.leadershipModal .item img{max-width:15vw;}
.leadershipModal .carousel-control.right, .leadershipModal .carousel-control.left{background-image:none;opacity:1;    top: -4.4vw;
    bottom: inherit;
    left: 2vw;
    width: 2vw;
    height: 2vw;
    line-height: 1;
    font-size: 1.3vw;color:#8a8a8a;text-shadow:none;background-color:rgb(247, 247, 247);border:1px solid #e5e5e5;}
.leadershipModal .carousel-control.right{margin-left:2.5vw;}
.leadershipModal .carousel-control.right span, .leadershipModal .carousel-control.left span {line-height: 1.5;}
.ReachHome.branch{background-image:url("../../images/BranchBg.jpg");background-color:#adadad;background-blend-mode:multiply;}
.innerContent h3{text-transform:uppercase;font-family:"DinProMedium";color:#c4161c;margin:0px 0 1.5vw; font-size: 1.5vw;}
.innerContent strong{font-family:"DinProRegular";color:#c4161c;font-size:1.25vw;letter-spacing:0.04vw;margin-bottom:0.8vw;display:block;}
.branchesAddr{margin-top:50px;}
.branchesAddr p{font-size:1.05rem;}
.branchBorder{position:relative;padding:10px 0 50px;margin:20px 0;}
.branchBorder:before{content:'';display:block;border:1px solid #c4161c;overflow:hidden;border-width:1px 1px 0px 0;position:absolute;top:0;bottom:0;right:-40px;width:calc(100% - 38%);height:calc(100% - 0px);}
.branchBorder:after{content:'';display:block;border:1px solid #c4161c;overflow:hidden;border-width:0px 0px 1px 0;position:absolute;top:0;bottom:0;left:0;right:-40px;}
.branchBorder h5{font-family:"DinProMedium";text-transform:uppercase;font-size:50px;color:#dcdcdc;display:inline-block;transform:rotate(-90deg);position:absolute;right:-190px;top:13%;background-color:#fff;padding:15px 20px;letter-spacing:1px;}
.modelButton{text-align:right;margin:-40px 0 0;}
.modelButton button{border:1px solid #c4161c;border-radius:10px;background-color:#c4161c;text-align:center;max-width:300px;width:100%;padding:10px;position:relative;color:#ffffff;font-family:"DinProRegular";font-size:0.99rem;line-height:1;letter-spacing:0.5px;margin-right:50px;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}
.modelButton button span{font-size:14px;margin-left:15px;font-family:"DinProMedium";font-weight:bold;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}
.modelButton button:hover{background-color:#ffffff;color:#c4161c;}
.modelButton button:hover span{margin-left:20px;}
.Pan-India-Presence{background-color:#f9f9f9;padding:3vw;margin-top:2vw;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;}
.location{position:absolute; top:40vw; left:40vw;}
.location1{left:9.2vw; top:31.7vw;}
.location2{left:42vw; top:32.7vw;}
.location3{left:18.55vw; top:55.45vw;}
.location4{left:9vw; top:40.5vw;}
.location5{left:10.1vw; top:32.8vw;}
.location6{left:19.3vw; top:19.75vw;}
.location7{left:24.85vw; top:55.4vw;}
.location8{left:11.9vw; top:41.45vw;}
.location9{left:17.8vw; top:61vw;}
.location10{left:22.25vw; top:56.1vw;}
.location11{left:20.75vw; top:47.76vw;}
.location a{display:inline-block;cursor:pointer;}
.location span{display:inline-block;width:0.8vw;height:0.8vw;border-radius:50%;background-color:#b81c21;-webkit-animation-duration:1s;-webkit-animation-name:glow;-webkit-animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-duration:1s;animation-name:glow;animation-direction:alternate;animation-iteration-count:infinite;}
@-webkit-keyframes glow{from{box-shadow:0 0 0 0 #b81c21;}
to{box-shadow:0 0 2vw 0 #b81c21;}
}
@keyframes glow{from{box-shadow:0 0 0 0 #b81c21;}
to{box-shadow:0 0 2vw 0 #b81c21;}
}
.popover{position:relative;max-width: 40vw;border:0px;}
.popover.right {margin-left: 1vw; font-size: 1.1vw;}
.popover-content {
    padding: 0.7vw 0.9vw;
    font-size: 1vw;
    max-width: 40vw;
    width: 14vw;}
.innerContent h3.popover-title{margin:0; font-size: 1.1vw; line-height: 1.5;}
p.panLine1 strong{text-align:center;}
.panImgBox{margin-left:auto;margin-top:30px;position:relative;}
.panImgBox img {width: 60vw}
.panTable{float:right;margin-top:-15vw;font-family:"DinProRegular";width: 18vw;}
.panTable td{padding-bottom:0.8vw;}
.panTable img{width: 1vw; margin-right: 0.4vw;}
.panTable span{    background-color: #c4161c;
    margin-right: 0.5vw;
    width: 0.8vw;
    height: 0.8vw;
    display: block;}
.panTable span.circle{border-radius:50vw;}
.panTable span.triangle{    background-color: transparent;
    border-left: 0.6vw solid transparent;
    border-bottom: 0.7vw solid #c4161c;
    border-right: 0.6vw solid transparent;}
.innerHome.CapabilitiesHome{background-image:url("../../images/CapabilitiesBg.jpg");}
.CapabBox{position:relative;overflow:hidden;}
.CapabImg{margin:0px 0 50px;}
.CapabBox b{font-size:1.1vw;}
.verticalTabs{position:relative;margin:50px 0;}
.verticalTabs .nav{margin:-13px 0;padding:0;}
.verticalTabs .nav li:before{display:none;}
.verticalTabs li{position:relative;margin-bottom:10px;}
.verticalTabs li.active:after{content:'';display:block;border-top:0.1px solid #c4161c;width:18vw;position:absolute;bottom:0;left:0;animation-name:lineDrwing;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.verticalTabs .nav li a{font-size:1.1rem;padding:10px 0;border-radius:0;color:#585858;}
.verticalTabs .nav li.active a, .verticalTabs .nav li a:hover{color:#c4161c;background-color:transparent; font-family: "DinProRegular";}
.verticalTabs .nav li.active a{cursor:default;}
.tabContentBox{margin-top:-110px;padding:30px 0px 30px 30px;background-color:#ffffff;}
.verticalTabs .tab-content{background-color:#f7f7f7;padding:80px 30px 20px;margin-top:0; min-height: 47vw;}
.verticalTabs .tab-content h4{font-size:1.2rem;padding:0;color:#000000;line-height:1;}
.verticalTabs .tab-content p{font-size:1.1rem;color:#000000;}
.moreBtn{text-align:right;margin:20px 0;}
.moreBtn button{position:relative;background-color:#ffffff;border:1px solid #c4161c;color:#c4161c;line-height:1;border-radius:2px;margin-top:30px;padding:5px 20px 6px;letter-spacing:1px;font-family:'DinProRegular';transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;}
.moreBtn button span{z-index:2;position:relative;}
.moreBtn button:after{content:'';position:absolute;top:0;left:0;width:0%;height:100%;background-color:#c4161c;z-index:1;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;}
.moreBtn button:hover{color:#ffffff;}
.moreBtn button:hover:after{width:100%;}
label{font-weight:normal;color:#000000;font-size:1.15rem;}
input, select, textarea{width:100%;border:1px solid #dedede;color:gray;font-size:1rem;padding:6px 10px;}
textarea{height:215px}
input[type="submit"]{width:inherit;background-color:#c4161c;border:1px solid #c4161c;padding:12px 30px;color:#ffffff;font-size:1rem;line-height:1;text-transform:uppercase;letter-spacing:0.5px;}
::-webkit-input-placeholder{color:gray;}
::-moz-placeholder{color:gray;}
:-ms-input-placeholder{color:gray;}
:-moz-placeholder{color:gray;}
input[type="radio"] {width: auto;}
.formError{opacity:1;position:relative!important;top:0px!important;left:0px!important;right:initial;margin-top:0px!important;color:#c4161c;font-size:13px;}
.submitBtn button{position:relative;background-color:#c4161c;border:1px solid #c4161c;color:#ffffff;line-height:1;border-radius:2px;margin-top:30px;padding:15px 30px;letter-spacing:1px;text-transform:uppercase;font-family:'DinProRegular';transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;}
.submitBtn button span{z-index:2;position:relative;}
.submitBtn button:after{content:'';position:absolute;top:0;left:0;width:0%;height:100%;background-color:#ffffff;z-index:1;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;}
.submitBtn button:hover{color:#c4161c;}
.submitBtn button:hover:after{width:100%;}
.g-recaptcha {position: relative;}
.map{position:relative;padding-top:100px;}
.map iframe{border:0px;width:100%;}
.mapBox{background-color:#212121d1;padding:4%;color:#fff;}
.mapBox td{padding:10px 0;}
.mapBox span{margin-right:15px;font-size:20px;}
.mapBox span.fa-mobile{font-size:30px;}
.mapBox strong{color:#ffa4a7;display:inline-block;margin:0;}
.mapBox .newsSocial li span{color:#d4d4d4;margin:0;}
.mapBox .newsSocial li:after{border:1px solid #d4d4d4;}
.mapBox .newsSocial li:hover span{color:#c4161c;}
.mapBox button{background-color:#c4161c;color:#fff;letter-spacing:1px;padding:12px 20px;border-radius:0;float:none;}
.mapBox .buttonBox button span{color:#fff;font-size:15px;margin:0;}
.mapBox .buttonBox button:before{background-color:#ffffff;}
.mapBox .buttonBox button:hover span{color:#c4161c;}
.PartnerBox{float: left; text-align: center;
    margin: 1vw 0;
    display: table;
    width: 16.7vw;
    padding: 0 1vw;}
.logoBox{border:1px solid #c4161c;height:13vw;display:table-cell;vertical-align:middle;cursor:pointer;}
.logoBox img{width:8vw;mix-blend-mode:luminosity;-webkit-mix-blend-mode:luminosity;transform:scale(1);transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}
.logoBox:hover img{mix-blend-mode:normal;-webkit-mix-blend-mode:normal;transform:scale(1.2);}
#PartnerLogoModal img{width:9vw;}
.innerContent #PartnerLogoModal ul{padding-left:0;}
.AboutHome.InnovationBg{background-image:url("../../images/InnovationBg.jpg");}
.AboutHome.SolutionsBg{background-image: url("../Images/HomePage1.jpg");}
.AboutHome.ProductsBg{background-image:url("../../images/Printing.jpg");}
.AboutHome.Scanning{background-image:url("../../images/Scanning.jpg");}
.AboutHome.RFID{background-image:url("../../images/RFID.jpg");}
.AboutHome.Sensing{background-image:url("../../images/Sensing.jpg");}
.AboutHome.Supplies{background-image:url("../../images/Supplies.jpg");}
.AboutHome.Accessories{background-image:url("../../images/Accessories.jpg");}
.innerContent .InnovaText h3 {margin: 3px 0;}
.innerContent .InnovaText ul {margin-top: 5px;}
.innerContent .InnovaText ul li {margin-bottom: 0.35vw;}
.InnovaText .box {margin-bottom: 50px;}
.InnovaText .box p {margin-bottom: 15px;}
.InnovationBox {margin-bottom: 15px;}
.solution h5{text-transform:capitalize;letter-spacing:0px;font-size:1.3rem;margin:0;color:#000;}
ul.solutionsTabs{margin:60px 0 0;}
ul.solutionsTabs li{display:inline-block;width:inherit;margin-bottom:-1px;}
.innerContent ul.solutionsTabs li:before{display:none;}
ul.solutionsTabs li a{padding:20px 30px;}
ul.solutionsTabs li.active h5{color:#c4161c;}
ul.solutionsTabs li.active a, ul.solutionsTabs li.active a:focus, ul.solutionsTabs li.active a:hover{background-color:#f7f7f7;}
.solutionsContent{margin:0;background-color:#f7f7f7;padding:40px 70px;border:1px solid #ddd;border-top:0px;}
.solutionsContent b{font-size:20px;letter-spacing:0px;line-height:1.4;}
.solutionsContent span{border:1px solid #d0d0d0;padding:6px 25px;margin:20px 30px 0 0;display:inline-block;}
.solutionsContent table{}
.solutionsContent table td{vertical-align:top;padding:10px 15px 10px 0;}
.solutionsContent table b{letter-spacing:0;line-height:1;color:#000;font-size:17px;font-family:'DinProRegular';}
.solutionBlock{padding:4%;background-color:#f3f3f3; margin-top: 40px;}
table.solutionTable{border-spacing:1px;border-collapse:inherit;}
table.solutionTable td{padding:10px;}
.Visibility h5.title{margin-top:50px;}
.Visibility h4{margin-top:30px;line-height:1;}
.innerContent img.VisibilityImg{max-width:540px;margin:20px auto 50px;}
.innerContent img.visibilityImg2{margin-top:55px; max-width: 26vw;}
.Visibility .col-lg-8 {width: 80%;}
.hardwares li:before{display:none;}
.hardwares li{display:inline-block !important;position:relative;/*float:left;height:110px;*/text-align:center;margin-right:40px;overflow:hidden;vertical-align: top;}
.hardwares li img{margin: 0 auto 0.5vw; height: 3vw; width: auto;/*max-width:35px;position:absolute;left:0;right:0;margin:0 auto;*/}
.hardwares li img.Mobile-Laptop{max-width:50px;}
.hardwares li span{display: block; /* margin-top: 60px; */ line-height: 1.3;}
.PrintingContainer{width:90%;margin:0 auto;}
.printersBox{text-align:center;margin:4% 0 20%;padding:4%;height:250px;position:relative;}
.printersBox a {display: block; position: relative; overflow: hidden; z-index: 999;}
.printersBox h4{font-family:"DinProLight";line-height:1;position:absolute;left:0;right:0;bottom:0;}
.printersBox2 h4 {bottom: -30%;}
.printersBox img{max-width:180px; margin-bottom: 45px; z-index: -1;}
.printersBox img.KioskImg{max-width:154px;}
.PrintersList{margin-top:30px;}
.PrintersList img{max-width:200px;}
.PrintersList h5{margin:0;text-transform:none;}
.innerContent .PrintersList h3{margin:10px 0px 25px;line-height:1.3;}
.PrintersList .buttonBox button{float:left;margin-bottom:30px;}
.innerContent .iconList li{margin-bottom:25px;}
.innerContent .iconList li:before, .innerContent .compatibility li:before, .innerContent .downloads li:before{display:none;}
.iconList li span{margin-top:-8px;margin-right:10px;}
.iconList li img{max-width:40px;}
.innerContent .usedList li{margin-bottom:5px;}
.content hr.divider{margin:4vw auto;border-top:1px solid #cecece;width:38vw;}
.innerContent .PrintersProduct h3{margin:0 0 20px;text-transform:none;line-height:1.3;color:#000;line-height:1.3;}
.productsBox{margin-top:50px;}
.leftProduct{padding-right:4%;}
ul.downloads{margin-bottom:30px;}
.downloads li{border-bottom:1px solid #dedede;padding-bottom:10px;font-family:"DinProMedium";}
.compatibility li{float:left;display:block !important;border:1px solid #c4161c;width:25%;height:80px;text-align:center;margin-right:-1px;}
.compatibility li span{font-size:30px;line-height:2.6;}
.compatibility li img{max-width:40px;padding:17% 0;}
.comingSoonInner .innerContent, .comingSoon .innerBg{text-align:center;}
.comingSoon h1{border:0px;}
.comingSoonInner h3{margin-top:100px;}

.careerBox {text-align: center;}
.careerImg {width: 15vw; display: inline-block; margin: 0 -1vw; cursor: pointer;}
.careerImg img {max-width: 100%; mix-blend-mode: luminosity; opacity: 0.23;}
.careerImg1 {margin-top: 4vw; width: 14vw;}
.careerImg2 {width: 12vw; margin-left: -4.2vw;}
.careerImg2 img {margin-top: -4.7vw;}
.careerImg3 {width: 14vw; margin-left: -3.5vw;}
.careerImg3 img {margin-top: -4.1vw;}
.careerImg4 {margin-left: -2.5vw;}
.careerImg4 img {margin-top: -2vw;}
.careerImg5 {width: 10vw; margin-left: -3vw;}
.careerImg5 img {margin-top: -1.5vw;}
.careerImg6 {margin-left: -1.5vw;}
.careerImg6 img {margin-top: -3.1vw;}
.careerImg:hover img {mix-blend-mode: inherit; opacity: 1;}

.careerTxt {margin: 5vw auto; width: 58vw;}
.careerBox2 .careerLeft, .careerBox2 .careerRight {float: left; padding: 3vw; width: 28vw;}
.careerLeft {
    border: 0.05vw solid #e6e6e6;
    margin-left: 4vw;
    margin-right: 1vw;
}
.careerLeft .right {float: right;}
.careerLeft input[type="radio"] {margin-left: 1vw;}
.careerRight {background-color: #e6e6e6;}
.careerBox2 h5 {text-transform: capitalize; margin: 0;}
.careerBox2 .careerLeft h5 {color: #c4161c;}
.careerRight img {max-width: 7.8vw;}
.careerBox2 button {float: left; margin-top: 2vw;}


.CShideBox {display: none;}




.sitemapBox {border-bottom: 1px solid #dedede; position: relative; margin-bottom: 3vw; padding-bottom: 1vw;}
.sitemapBox:last-child {border-bottom: 0;}
.sitemapBox h3 {font-family: "DinProRegular"; font-size: 2vw; letter-spacing: 0.05vw; text-transform: uppercase; margin: 0 0 2vw !important;}
.sitemapBox h5 {text-transform: capitalize; margin: 0 0 1.5vw; font-size: 1.5vw;}
.innerContent .sitemapBox ul {}
.innerContent .sitemapBox ul li:before {display: none;}
.innerContent .sitemapBox li {display: inline-block; width: 23%; margin-right: 1%; margin-bottom: 1vw; vertical-align: top;}
.sitemapBox a {line-height: 1.4; display: block;}
.innerContent .sitemapBox .siteinnerBox li {display: block; width: 100%;}
.innerContent .sitemapBox .siteinnerBox {display: inline-block; vertical-align: top; width: 23%; margin-right: 1%; margin-bottom: 1vw;}






/*------------------------------ vertical bootstrap slider----------------------------*/

#milestoneSlide .carousel-inner> .item.next ,  #milestoneSlide .carousel-inner > .item.active.right{ transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%);
-moz-transform: translateY(100%); -o-transform: translateY(100%);  top: 0;left:0;}
#milestoneSlide .carousel-inner > .item.prev ,#milestoneSlide .carousel-inner > .item.active.left{ transform: translateY(-100%); -webkit-transform: translateY(-100%);  -moz-transform: translateY(-100%);
-ms-transform: translateY(-100%); -o-transform: translateY(-100%); top: 0; left:0;}
#milestoneSlide .carousel-inner > .item.next.left , #milestoneSlide .carousel-inner > .item.prev.right , #milestoneSlide .carousel-inner > .item.active{transform:translateY(0); -webkit-transform:translateY(0);
-ms-transform:translateY(0);-moz-transform:translateY(0); -o-transform:translateY(0); top:0; left:0;}

#milestoneSlide .carousel-control {top: 0; bottom: inherit; left: 50%; right: 0; margin: 0 -1.2vw; background-image: none; border: 0.1vw solid #797979; border-radius: 10vw; width: 2.5vw; height: 2.5vw; background-color: white; opacity: 1;}
#milestoneSlide  .carousel-control.right {top: auto; bottom: 0;}
#milestoneSlide .carousel-control span {color: #000; font-size: 1.3vw;}


.mileImg img {width: 7vw;}
.mileBox.right .mileImg {text-align: right;}
.mileYear {
    position: absolute;
    left: 50%;
    /*background-color: white;
    border: 4px solid #FF9F55;*/
    top: 50%;
    z-index: 1;
    background: #f1f1f1;
    padding: 1vw;
    border-radius: 0%;
    width: 5vw;
    height: 5vw;
    margin: -2.5vw 0 0 -2.4vw;
    transform: rotate(45deg);
}
.mileYear h5 {transform: rotate(-45deg); font-size: 1.4vw;}






/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  margin: 2vw auto;
  height: 630px;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 0.5vw;
  /*background-color: white;
  margin-left: -3px;*/
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 0.1vw dashed gray;
}

/* Container around content */
.mileBox {
  padding: 0vw 5vw;
  position: relative;
  background-color: inherit;
  width: 50%;
  margin-bottom: -5vw;
}
.mileBox3 {margin-bottom: 0;}

/* The circles on the timeline */
/*.mileBox::after {
    content: '';
    position: absolute;
    right: -2.2vw;
    top: 8vw;
    z-index: 1;
    background: #f1f1f1;
    padding: 1vw;
    border-radius: 0%;
    width: 5vw;
    height: 5vw;
    margin: 0 auto 0;
    transform: rotate(45deg);
}*/
.mileBox::after {
    content: '';
    position: absolute;
    border-top: 0.12vw dashed gray;
    width: 10vw;
    right: 0;
    top: 55%;
}
.mileBox.right::after {right: auto; left: 0;}

/* Place the container to the left */
.timeline .left {
  left: 0;
}

/* Place the container to the right */
.timeline .right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.timeline .left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 50%;
  width: 0;
  z-index: 1;
  right: 4vw;
  border: medium solid #eeeeee;
  border-width: 1vw 0 1vw 1vw;
  border-color: transparent transparent transparent #eeeeee;
}

/* Add arrows to the right container (pointing left) */
.timeline .right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 50%;
  width: 0;
  z-index: 1;
  left: 4vw;
  border: medium solid #eeeeee;
  border-width: 1vw 1vw 1vw 0;
  border-color: transparent #eeeeee transparent transparent;
}

/* Fix the circle for containers on the right side */
/*.timeline .right::after {
  left: -34.4vw;
}*/

/* The actual content */
.mileBox2 {
  padding: 2vw;
  background-color: #eeeeee;
  position: relative;
  border-radius: 0;
  z-index: 1;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .mileBox {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .mileBox::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .timeline .left::after, .timeline .right::after {
  left: 15px;
  }
  
  /* Make all right containers behave like the left ones */
  .timeline .right {
  left: 0%;
  }
}




@media screen and (max-width:1030px) {
    .innerHome, .AboutHome, .ReachHome {height: 90vh; background-size: cover;}
    .flotingBtn {height: 13vw; border-left: 3vw solid #c4161c;}
    .flotingBtn button {transform: rotate(-90deg) translate(0px, -3vw);}
    .flotingBtn button a {font-size: 1.3vw;}

    .container {max-width: 85vw;}
    html, body, p, b, .innerContent ul, .innerContent ul li, .tabs-style-fillup li a span, .verticalTabs .tab-content p, .CapabBox b, .buttonBox button, .ourStoryBox2 .innerContent ul li {font-size: 1.5vw;}
    .innerNav h2 {font-size: 1.8vw;}
    .head-navbar .innerNav ul li a {font-size: 1.2vw;}
    h1 {font-size: 6vw;}
    .visionBox {width: 30vw;}
    .missionBox {width: 44vw;}
    .innerContent h3 {font-size: 3vw;}
    .ourStoryBandBG {background-size: 100%;}
    .ourStoryBand h2 {font-size: 3.5vw; text-align: center;}
    .content iframe {width: 30vw;}
    .ourStoryBox .content {margin-left: 12vw; width: 70vw;}
    .content h5 {font-size: 3.3vw;}
    .brandBox {width: 100%;}

    .timeline {height: auto;}
    #milestoneSlide .carousel-control {width: 3vw; height: 3vw;}
    #milestoneSlide .carousel-control span {font-size: 2vw;}
}

@media screen and (max-width:820px) {
    .flotingBtn button a {padding: 0.5vw 1.1vw;}
    .back-to-top {display: none !important;}
    .innerNav ul {display: none;}
}
@media screen and (max-width:768px) {


}
@media screen and (max-width:414px) {
    .navbar-header {width: 80%;}
    .head-navbar .navbar-brand {padding: 2vw 3vw;}
    .head-navbar .navbar-brand img {max-width: 15vw;}
    .head-navbar .innerLogo img {width: 5vw;}
    .ma5menu__toggle span {width: 3vw; margin: 0 auto 0.5vw;}
    .head-navbar .navbar-nav>li>a {padding: 3.7vw 2.9vw; font-size: 4vw;}
    .inner-lines {width: 9vw; height: 10.7vw;}
    .flotingBtn {top: 60vh; width: 10vw; height: 35vw; border-top: 4.2vw solid transparent; border-left: 8vw solid #c4161c; border-bottom: 4.2vw solid transparent;}
    .flotingBtn button {left: -11vw;}
    .flotingBtn button a, .ourStoryBox2 .innerContent ul li {font-size: 4vw;}

    .innerHome, .AboutHome, .ReachHome {height: 160vw;}
    .aboutBack {margin-top: -10vw;}
    .innerBg {bottom: 15vw;}
    .innerContent {padding: 8vw 4vw;}
    .innerNav h2 {font-size: 3.6vw; margin: 2vw 0 0;}
    h1 {font-size: 8vw;}
    html, body, p, b, .innerContent ul, .innerContent ul li, .tabs-style-fillup li a span, .verticalTabs .tab-content p, .CapabBox b, .innerContent .InnovaText ul li {font-size: 4vw;}
    p{margin: 0 0 2vw;}
    .h2, h2 {font-size: 5vw;margin-top: 5vw;margin-bottom: 2vw;}
    .innerNav {float: none;}
    .innerContent h3, .innerContent .grid h3 {font-size: 6vw;}
    .innerContent .content h3 {margin: 10vw 0 0;}
    .innerContent strong {font-size: 4vw;}
    .container {max-width: 85vw; padding-left: 0; padding-right: 0;}
    .BoxShadow:before {top: -20vw; right: 2.55vw;}
    .visionBox, .missionBox {width: 68vw;float: none;margin: 0 auto 4vw;}
    .innerContent .content .visionBox h3, .innerContent .content .missionBox h3 {margin: 0 0 3vw;}
    .ourStoryBand h2 {font-size: 7vw; padding: 10vw 0; text-align: center;}
    .ourStoryBandBG {background-size: cover;}
    /*.visionBand .ourStoryBandBG {background-size: 155vw;}*/
    .content iframe {width: 75vw; height: 45vw; margin: 5vw auto; display: block;}
    .brandStoryImg img {height: auto; max-width: 100vw; margin-left: -15vw;}
    .ourStoryBox .content {width: 85vw; margin-left: 2vw; margin-top: -10vw;}
    .content h5 {font-size: 5.5vw;}
    .buttonBox button {padding: 2vw 4vw; font-size: 3.5vw;}
    .content hr {border-top: 0.35vw solid #c4161c; width: 12vw; margin: 2vw 0 5vw;}
    .grid figure {width: 38vw; height: 38vw;}
    .BgColor {height: 38vw;}
    .valuesBG h4 {width: 35vw; font-size: 4vw;}
    .ValuesIcon img {width: 25vw;}
    .ValuesIcon {opacity: 1; bottom: 8vw;}
    .visionBand {height: auto;}
    .tabs, .tabs ul {max-width: 77vw;}
    .tabs-style-fillup li a {padding: 2vw 0;}
    .tab-content {margin-top: 10vw;}
    .tab-content h5 {margin-bottom: 7.5vw; font-size: 5vw;}
    .tab-content .bodBox {width: 55vw; margin: 4vw auto;}
    .tab-content .bodImg {height: auto;}
    .innerContent .bodImg img {width: 53vw;}
    .tab-content .bodName, .tab-content .bodBox:hover .bodName {font-size: 3.5vw; height: auto;}
    .leadershipModal .modal-dialog {max-width: 75vw;}
    .leadershipModal .modal-body {padding: 4vw;}
    .leadershipModal .item img {max-width: 40vw;margin: 0 auto 3vw;display: block;}
    .leadershipModal .item strong, .leadershipModal .item b {text-align: center; font-size: 4vw; display: block;}
    .PartnerBox {margin: 3vw 0; width: 42vw; padding: 0 3vw;}
    .logoBox {height: 25vw;}
    .logoBox img {width: 20vw;}
    #PartnerLogoModal img {width: 30vw;}
    .panImgBox img {width: 71vw;}
    .newsSec, .newsSecRight {width: 85vw; margin: 0 auto} 
    .newsSec .NewsImg {width: 60vw; margin: 0 auto; display: block;}
    .newsSocial li {width: 10vw; margin: 0 20px 0 0;}
    .newsSocial li span {font-size: 5vw;}
    .newsSocial li:after {width: 10vw; height: 10vw;}
    .tweets {height: 60vw;}
    .content hr.divider {margin: 7vw auto; width: 100%;}
    .content {padding-left: 4vw; padding-right: 4vw;}
    .mapBox {padding: 8vw;}
    .panTable {width: auto; margin-top: 0;}
    .branchBorder h5 {font-size: 7.5vw; right: -30vw;}
    .branchesAddr {margin-top: 0vw;}
    .branchesAddr .col-lg-4 {margin-top: 5vw;}
    .Pan-India-Presence, .verticalTabs .nav {display: none;}
    .verticalTabs .tab-content {background-color: transparent; padding: 0; min-height: auto;}
    .CapabImg img {width: 190%; max-width: inherit; margin-left: -30%;}
    .CapabImg, .tabContentBox {margin: 0; padding: 0;}
    .verticalTabs {margin: 5vw -4vw;}
    .innerContent img.visibilityImg2 {margin-top: 0;max-width: 100%;}
    .Visibility h5.title {margin-bottom: 2vw;}
    .innerContent h4 {font-size: 4.5vw; margin: 4vw 0 1vw;}
    .content b {line-height: 1.4;}


    .AutoBox {margin: 10vw 0;}
    .AutoBorder, .AutoRight .AutoBorder {padding: 6vw;}
    .AutomobileImg img, .AutoSmallImg img, .AutoSmallImg.left img, .InsightBox img {max-width: 100%;}
    .AutomobileImg:after {height: 6vw;}
    .AutoSmallImg, .AutoSmallImg.left, .AutoRight {width: 91%; margin: 0 auto; position: relative;}
    .InsightBox {padding: 5vw 0;}
    .PrintersList img {margin-bottom: 5vw;}

    .Visibility .col-lg-8 {width: 100%;}
    .hardwares li img {height: 9vw; margin: 0 auto 2vw;}
    .innerContent ul.hardwares li {width: 46%; margin: 0 0 20px;}

}
/*@media screen and (min-width:1492px){.ourStoryBandBG{background-size:83.5%;}
}
@media screen and (min-width:1800px){.innerBg{bottom:15vh;}
p{font-size:1rem;}
b{font-size:1.1rem;}
.ourStoryBandBG{background-size:80%;}
}
@media screen and (min-width:1790px){.ourStoryBandBG{background-size:78%;}
}
@media screen and (min-width:2010px){.ourStoryBandBG{background-size:75%;}
}
@media screen and (min-width:2680px){.ourStoryBandBG{background-size:69%;}
}
@media screen and (max-width:1040px){.container{width:100%;padding-left:10%;padding-right:10%;}
h1 {font-size: 50px;}
p {font-size: 1rem;line-height: 1.5;}
.AboutHome, .ReachHome{height:auto;padding-top:57%;position:relative;}
.AboutInner .innerContent:before{display:none;}
.innerHome{background-size:cover;}
.innerContent{padding:5%;}
.content h5{font-size:1.5rem;}
b{font-size:15px;}
.h3, h3{font-size:20px;}
h1:after{margin:5px 0 10px;}
.head-navbar .innerLogo{margin:9px;}
.head-navbar .innerLogo img {width: 45px;}
.innerNav {margin: 10px 0;}
.innerNav h2 {font-size: 16px;}
.innerNav ul {margin-top: 8px;}
.head-navbar .navbar-nav>li>a {padding: 30px 28px;}
.head-navbar .innerNav ul li a {font-size: 11px;}
.BoxShadow:before{display:none;}
.tab-content .bodImg{height:320px;}
.logoBox{height:150px;}
.valuesBG h4{line-height:1;}
.grid figure:hover .valuesBG h4{bottom:8%;}
.solution h5{font-size:1.3rem;}
ul.solutionsTabs li a{padding:20px;}
iframe {width: 100%; height: 200px;}
.missionBox {margin-top: -30px;}
}
@media screen and (max-width:780px){.header{position:relative;}
.inner-lines{width:55px;height:58px;}
.head-navbar .navbar-brand{padding:6px 16px;}
.head-navbar .innerLogo{margin:0;}
.navbar-brand>img{width:100%;max-width:85px;}
.head-navbar .innerLogo img{max-width:35px;}
.innerNav{margin:10px 0;}
.innerNav h2{font-size:16px;}
.innerNav ul{margin-top:10px; display: none;}
.head-navbar .innerNav ul li{padding:0px 6px;display:inline-block;}
.head-navbar .innerNav ul li a{font-size:11px;}
.navbar-header{float:left;}
.navbar-right{float:right;margin:0;}
.nav>li{display:inline-block;}
.head-navbar .navbar-nav>li>a{padding:18px 12px;}
h1{font-size:25px;margin-left:10%;}
.innerContent{padding:9%;}
.innerBg b{margin-left:10%;}
.missionBox{margin-top:0;}
.grid figure{height:150px;}
.valuesBG h4{font-size:1rem;}
.ourStoryBand {height: auto;}
.ourStoryBox3 .innerContent {padding: 0 10%;}
.ourStoryBand h2 {font-size: 20px; line-height: 1.1;}
.ourStoryBandBG {background-size: cover;}
iframe {width: 100%; max-width: 400px;}
.grid figure {height: 150px; width: 50%;}
.PartnerBox {float: left; width: 50%;}
.logoBox {height: 100px;}
.logoBox img {width: 60%;}
.Pan-India-Presence {padding: 10px;}
.location {display: none;}
.panTable {margin-top: 10%;}
.tabContentBox {margin-top: 0; padding: 0;}
.innerContent ul li {margin-bottom: 5px;}
.verticalTabs .tab-content {padding: 30px;}
.AutomobileImg {margin: 1rem 0;}
.AutomobileImg:after {display: none;}
.AutoRight, .AutoSmallImg {position: relative; padding-left: 15px; padding-right: 15px;}
.AutoSmallImg.left {margin-bottom: 0px;}
.AutoRight .AutoBorder, .AutoBorder {padding: 8%;}
.innerContent .Visibility {margin-left: 0; margin-right: 0;}
}
@media screen and (max-width:414px){

}*/