@charset "utf-8";
/* CSS Document */ 
body { margin:0px; padding:0px; background:#fff;}
.container { width:1260px; margin:0 auto;}
img { max-width:100%;}
figure, ul, li, img { padding:0px; margin:0px;  }
.clearfix { clear: both;}
.clearfix:after, .clearfix:before { height: 1px; display: block; content: ""; width: 100%; clear: both;}

header { padding:15px 0;}
.mclogo { float:left;}
.hitachiLogo { float: right;}
.mclogo nav { margin-top:5px; }
.mclogo nav ul li { display: inline-block; padding:0 10px;  border-right:1px solid #ccc;}
.mclogo nav ul li:last-child { border: none;}
.mclogo nav ul li:first-child { padding-left:0px;}
.mclogo nav ul li a { display: inline-block; color:#575756; font:14px 'Raleway', sans-serif; text-decoration:none;}

.vid_img , .vid_inner iframe{display:block;}


.infographic { background:#ececec; padding:15px 0; margin-top: 20px;  }
.powergood { padding:20px 20px; background:#1d1d1b; text-align: center;}

.heylisten { padding:50px 0;  }
.heylisten h2 { color:#d40001; font:bold 40px 'Raleway', sans-serif; margin-bottom:30px;}
.listlist { width:45%; float: left;}
.listlist a { display: block; background:url("http://images.moneycontrol.com/assets/images/ms/hitachi2/play.png") right center no-repeat; color:#1d1d1b; font:20px/30px 'Raleway', sans-serif; background-size:auto 100%; margin-right:20px; text-decoration: none; padding-right:100px; }
.listlist:last-child { float: right;}

.connect_with { padding-top:70px; }
.connect_with span { display: inline-block;  font:bold 18px 'Raleway', sans-serif; vertical-align: middle; color:#d40001;}
.connect_with ul { vertical-align: middle; display:inline;}
.connect_with ul li { list-style: none; display: inline-block; margin: 0 15px;}


footer { background:#d1d0cf; padding:10px 0; color:#d1d0cf; font:14px 'Raleway', sans-serif;  }
footer ul {padding-left: 0;}
footer ul li { float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #737373;}
footer ul li a { color: #737373; display: block; font:600 15px/18px 'Source Sans Pro', sans-serif; text-decoration: none;}
footer ul li:last-child { border: none;}
footer p { color: #737373; font:16px 'Source Sans Pro', sans-serif; margin-top:30px;  }



.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{ border: none; position: relative; display: block; overflow: hidden; margin: 0;    padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{ position: relative;top: 0;left: 0;display: block;    margin-left: auto;    margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{ display: none; margin:0 1px; float: left; height: 100%;    min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
.slick-dots li button:focus, .video_slide .slick-prev:focus, .video_slide .slick-next:focus  { outline: 0px; border: none;}


.infographic .slick-dots, .video_slide .slick-dots {  position: absolute; bottom:-80px; width:100%; text-align: center;}
.slick-dots li { display: inline-block; border:none; border-radius:50%; margin:0 10px;   width:20px; height:20px; background:#d1d0cf; padding:4px; }
.slick-dots li button { cursor: pointer; width:20px; height:20px;  background:none; text-indent: -999em; border: none; border-radius:50%; }
.slick-dots li.slick-active button { background:#d40001; }


.video_slide .slick-next, .video_slide .slick-prev { cursor: pointer; position:absolute; left:0px; bottom:4px; width:70px; height:70px; background: url("http://images.moneycontrol.com/assets/images/ms/hitachi2/video_prev.png") no-repeat; z-index:900; background-size:cover; text-indent:-999em; border: none;}
.video_slide .slick-next { background: url("http://images.moneycontrol.com/assets/images/ms/hitachi2/video_next.png") no-repeat; background-size:cover;  right:0px; left:auto;}
.video_slide .slick-dots { bottom:50px;}

.video_slide .slick-dots li { background:#fff;}
.video_slide .vid_bx  { position:relative;}
.video_cntbx { position:absolute; right:0px; top:80px;}
.video_cntbx p { margin-bottom:10px; width: 400px;   background:rgba(0,0,0,0.3); padding:40px; color:#fff; font:bold 38px 'Raleway', sans-serif;  }
.video_cntbx a  { display:inline-block; text-decoration:none; margin:40px 0 0 40px; background:#d40001; color:#fff; padding:10px 20px;  font:14px 'Raleway', sans-serif;  }


.article_content { position: relative; padding:30px 0;}
.article_content:before { position: absolute; width: 100%; height: 340px; background: #fff /*background: #e5e5e5*/; content: ""; left: 0px; top: 0px; z-index: -1;}
.article_content h1 { color:#000; font:700 45px/55px 'Raleway', sens-serif; text-align: center; padding: 0 31px;}
.article_content h5 { color: #FFFFFF;font: 22px 'Raleway', sens-serif; text-align: center; margin-top: 10px;}
.article_content article { width:845px; margin:20px auto; }
.article_vodeo { position: relative;  /*border: 1px solid #707070; border-radius: 10px;*/ overflow: hidden;}
.article_content article p {font: 20px/30px 'Raleway', sens-serif; margin-top:30px; word-break: break-word;}
.CTR { text-align: center;}
.backhome { background: #737373; padding: 0 15px; height: 30px; border-radius: 15px; color: #fff; font:15px/30px 'Raleway', sens-serif; display: inline-block; text-decoration: none; margin-top:30px;}
.article_content .container { position: relative;}
.share_ico { position: absolute; right: 0px; top:10px; cursor: pointer;}
.share_ico ul { display: none; background: #fff; text-align: center;padding:5px 10px; border-radius:5px; position: absolute; top:-10px; right:24px; z-index:999; list-style: none;}
.share_ico ul li { margin:10px 0; list-style: none;}
.share_ico ul:after { position: absolute;  border-left: 15px solid #fff;  border-top: 8px solid transparent;  border-bottom: 8px solid transparent;} 
.head_relate {content: ""; right: -14px; top:14px;}
.share_ico:hover ul  {display: block;}


.relatedread { background: #e5e5e5; padding:30px 0; margin:50px 0; }
.related_bx { /*float: left;*/ width:405px; margin-right: 15px; font: 20px/30px 'Raleway', sens-serif; display: inline-block;text-align: left  }
.related_bx a  { display: block; text-decoration: none;  color:#000;}
.head_relate { display: block; color:#000; font:700 28px 'Raleway', sens-serif; margin-bottom: 15px; text-align:center; }
.related_bx figure { margin-bottom: 5px;}
.head_rel2 { font:600 28px 'Raleway', sens-serif; display: block; margin-bottom: 5px; color:#000;  }
.article_vodeo img {  display:block; width: 100%; height:auto;}
.related_bx:last-child { margin:0px; }

.swiper-wrapper {
    text-align: center;
}


.bg_tab {  background-color: #264689;  padding: 30px 20px;  display: flex;  max-width: 900px;  margin-left: auto;  margin-right: auto;  margin-top:30px;}


.img {  background-repeat: no-repeat;  background-position: right;  flex: 0 0 30%;  max-width: 30%;  border-radius: 8px;background-size: cover;}
.m-left {  margin-left: -94px;  position: relative; overflow: hidden;}
.para {color: #fff;font-size: 14px; margin-top: 4px;}

.box {  display: flex;  flex-wrap: wrap;  max-width: 80%;  flex: 0 0 80%; position: relative;  z-index: 1; padding-bottom: 10px;}
.vd-section .head { color: #fff; font:600 26px 'Raleway', sans-serif; margin-bottom:15px;}
.head_box {  flex: 0 0 100%;  max-width: 100%; margin-bottom: 3px;}
.item_box {  max-width: 32.75%;  flex: 0 0 32.75%;}

.inner-box {  background: #fff;  padding: 16px 12px;  border-radius: 4px;  display: flex;  flex-wrap: wrap;  justify-content: center;
  align-items: center;  text-align: center;  margin: 2px;  height: 97%;  box-sizing: border-box;
}
.inner-box:hover { background: #3b75ee;  cursor: pointer;  transition: 0.3s ease;}
.inner-box:hover .bold,
.inner-box:hover .light {
  color: #fff;
}

.item_box:last-child {
  max-width: 65.5%;
  flex: 0 0 65.5%;
}

.vd-section .bold {  color: #264689; display: block;  width: 100%;  font:600 16px/20px 'Raleway', sans-serif;
}
.vd-section .light {  color: #333;  font:14px 'Raleway', sans-serif; margin-top:4px; }
.bg_static_img:after, .img.m-left:after {    content: "";    -webkit-box-shadow: inset 0px -150px 100px 5px rgb(0 0 0 / 75%);
box-shadow: inset 0px -150px 100px 5px rgb(0 0 0 / 75%); top: 0;left: 0;
right: 0; bottom: 0; position: absolute;}

.bg_tab_ { background-color: #264689; margin-top:40px; padding: 40px;  overflow: hidden;}

.fleft {  float: left;  width: 29%;  text-align: right;  background-position: right; background-repeat: no-repeat;  border-radius: 8px;
     background-image: url(http://images.moneycontrol.com/assets/images/ms/hitachi2/emi2.png);
}

.fleft .slider,
.fright .slider {width: 100%;}
.fright {float: right;  width:65%; margin-left:20px;}
.slider-nav .slick-slide {margin: 0 13px;}

.slider-nav .tab {  background: #fff;  color: #264689;  text-align: center;  font-size: 18px;font-weight: 600;  padding: 22px 10px;  margin: 8px 0;  border-radius: 6px;  box-sizing: border-box; transition: 0.2s ease; max-width: 200px;}
.slider_pay { width:845px; margin:0 auto;} 


.slider-nav .tab {  background: #3b75ee; color: #f2f2f2;  cursor: pointer;}
.fleft .slider {  margin-bottom: 0;  height: 370px;  padding-top: 65px; margin-left:40px;}
.list { color: #fff; padding: 10px 0; font:15px/18px 'Raleway', sans-serif;   display:flex; align-items: center; width: 100%;}
.list p {  font:15px/18px 'Raleway', sans-serif !important; }
.list span {    font-size: 30px !important; border-right: 4px solid #fff; font-weight: 600 !important;    padding: 0 16px 0px 0;    margin: 0 16px 0 0; color: #7d90b8 !important; height: 39px; display: flex; align-items: center;}
    
.slider-nav .tab {background: #fff;  color: #264689; text-align: center;  font:600 18px/20px 'Raleway', sans-serif;  padding: 22px 10px;  margin: 8px 0;  border-radius:6px;  box-sizing: border-box; transition: 0.2s ease; max-width: 200px; }    
.slick-vertical .slick-slide {  display: block;  height: auto; border: 1px solid transparent;}

.slider-nav .slick-current .tab {
    background: #3b75ee;
    color: #f2f2f2;
    cursor: pointer;
}

.pancakem { display: none;}
.desk-hide { 
	display: none;
}




@media all and (max-width:1024px){
 .container { width:990px; }
}

@media all and (max-width:767px){
.mob-hide { display: none !important;}
.desk-hide { display: block;}
.container { width:auto; margin:0 15px; }
.listlist { width:100%; float: none; margin-bottom:30px; }

.listlist a {background:url("http://images.moneycontrol.com/assets/images/ms/hitachi2/play.png") right top no-repeat; padding-right:90px;  background-size:80px 80px;   }

.connect_with { font-size:10px; padding:0px;  }
.connect_with ul { padding-left:20px; }
.connect_with ul li { width:25px; height:25px; margin:0 5px;}
.connect_with ul li a { display: block;}
.hitachiLogo { width:130px;}
.mclogo { width:120px; }
.video_slide .slick-next, .video_slide .slick-prev { width:40px; height:40px;}
.powergood { padding:15px 80px;}

.pancakem { display: block;}
.video_slide .slick-dots { bottom:15px; }
.slick-dots li { width:14px; height:14px; padding:3px; margin: 0 5px;}
.slick-dots li button { width:14px; height:13px;}
.infographic .slick-dots { bottom:-50px;}
.mclogo nav ul { z-index:999;  position: absolute; height:calc(100% - 50px);  left:0px; width:calc(100% - 20px);   display: none; background:#fff; padding:10px;  }
.mclogo nav ul li { padding:0px; margin:0px;  border: none; border-bottom:1px solid #ccc; display: block;}
.mclogo nav ul li a { display: block; padding:15px 10px ; font-size: 16px; font-weight: bold;}
.video_slide { margin:0 -15px;}
.video_cntbx {top:10px;}
.video_cntbx p { font:14px 'Raleway', sans-serif; width:150px; padding:10px;}
.video_cntbx a { font-size: 12px; padding: 5px 8px; margin:0 0 0 10px;}
.article_content article { width:auto;}
.vid_inner iframe { width:100%;  height: auto}
.related_slide .swiper-wrapper { white-space:nowrap; overflow: hidden; overflow-x: auto;}
.related_bx { display: inline-block; float: none; white-space: normal; width:280px;  }
.head_rel2 { font-size:24px;  }
.related_bx a { font-size:16px; line-height:22px;  }
.article_content article p { font:16px/28px 'Raleway', sens-serif; }
.article_content h1 { font:700 28px'Raleway', sens-serif; padding:0 30px 0 0px;  }

.slider_pay { width:auto; margin:0 10px;}
.m-left { display: none; }
.box { width:100%; max-width:100%; display: block; flex: none;}
.item_box { max-width:100%; flex: none; margin-bottom:5px; }
.item_box:last-child { max-width:100%; flex:none;}
.vd-section .head { font-size:22px; }
.fleft { width:100%; float:none; background:none;}
.fright { float: none; width:100%; margin:0px; }
.bg_tab_ { padding:20px;}
.slider-nav .tab { min-height:103px; font:600 14px/18px 'Raleway', sans-serif; }
.fleft .slider { margin: 0px; height: auto; padding:30px 0;}
.vd-section .slick-dots { text-align: center; padding-top:20px; }
}

@media all and (max-width:979px){

	footer { text-align: center;padding: 30px 0;}
	footer ul li { display: inline-block; float: none;}
	footer ul li a { font: 600 13px/14px 'Source Sans Pro', sans-serif;}

}


/******* slider css new start *******/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');


* {box-sizing: border-box;padding: 0;margin: 0;list-style: none;}

.piechart{
        text-align: center;
    max-width: 490px;
    margin: 30px auto;
    display: none;
}
.vd-section *:not(.fa) {
    font-family: 'Roboto-Light';
    font-weight: 300;
}
.vd-section a {
    text-decoration: none!important;
    color: #cc0022;
}
.vd-section a:hover {
    text-decoration: underline!important;
    color: #b1000e;
}

/*slider section*/

@charset 'UTF-8';.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bg_slider{
     background-color: #232323;
    padding: 40px;
    overflow: hidden;
    position: relative;
    max-width: 900px;
    margin: auto;
}

.amcharts-chart-div a {
    display: none !important;
}

.card{
  display: flex;
    flex-wrap: wrap;
}

.card figure{
  max-width: 30%;
  flex: 0 0 30%;
}

h3.heading {
    margin: 0 0 10px 0;
}

.card .border {
  border: 10px solid #fff;
  max-width: 40%;
  flex: 0 0 40%;
}

.card .figuretext{
  max-width: 70%;
  flex: 0 0 70%;
  box-sizing: border-box;
}

.vcenter .figuretext{
  padding: 0 30px;
  max-width: 60%;
  flex: 0 0 60%;
  box-sizing: border-box;
}

.pl{
  padding-left: 50px;
}

.order2{
  order: 2;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out .3s;
}

.slick-slide h3{
  font-weight: bold;
  margin-bottom: 17px;
  font-size: 26px;
  position: relative;
  color: #fff;font-family: 'Roboto-Bold'!important;
}

.slick-slide ul li{
  padding: 6px 0 6px 40px;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;font-family: 'Roboto-Light';
}

.slick-slide ul li:before{
  position: absolute;
  width: 20px;
  height: 2px;
  content: "";
  background: #fff;
  left: 0;
}

.slider_box {
    position: relative;
    z-index: 3;font-family: 'Roboto', sans-serif;
}

.arrows{
    z-index: 3;
    padding-left: 35%;
    margin: auto;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
}

button.slick-arrow {
  background: #b1000d url(http://images.moneycontrol.com/assets/images/ms/hitachi2/arrow.png);
    border: none;
    width: 37px;
    margin: 0 5px;
    cursor: pointer;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    height: 38px;
    background-size: 12px;
}

i.arrowshape {
  width: 100px;
  height: 100px;
  background: #fff;
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  transform: rotate(-180deg);
}

.arrowshape:after {
  content: "";
  width: 95px;
  height: 95px;
  background: #232323;
  z-index: 666;
  display: block;
  left: 70px;
  top: 20px;
  right: auto;
}

i.bottom{
  transform: rotate(0);
  right: 16px;
  left: auto;
  top: auto;
  bottom: 16px;
}

i.left{
  transform: rotate(-270deg);
  right: auto;
  left: 20px;
  top: auto;
  bottom: 20px;
}

.slick-next{
  transform: rotate(180deg);
}

.vcenter{
  align-items: center;
}

.vcenter p{
  color: #fff;
}

.gis {
    padding: 25px;
}

.arrowsgis .slick-prev{
  position: absolute;
  left: -34px;
  top: 42%;
  z-index: 4;
}

.arrowsgis .slick-next{
  position: absolute;
  right: -34px;
  top: 42%;
  z-index: 4;
}

.cover_area {
    height: 0px;
    overflow: hidden;
}

.loadMore {
    text-align: center;
}

.loadMore a {
    font-weight: 800;
    border-radius: 50px;
    padding: 15px 10px;
    font-size: 17px;
    cursor: pointer;
    background: #cc0000 !important;
    color: #fff !important;
    line-height: 22px;
    font-weight: 800;
    display: block;
    max-width: 450px;
    margin: auto;
}

#chartdiv {
  width   : 100%;
  height    : 435px;
  font-size : 11px;
}   


@media (max-width: 1304px){
  .Grid3.newGrid3{
    width: 100%;
  }
}


@media (max-width: 1199px){
  .bg_slider{
    padding: 30px;
  }

  .piechart{
        display: block;
}

#chartdiv {
    display: none;
}

  .card figure img {
    object-fit: cover;
    height: 180px !important;
}

.card .border{
  border: none !important;
}

  .arrows,
  .arrowsgis{
    position: static;
    max-width: 94px;
    text-align: center;
    padding-left: 0;
    padding-bottom: 14px;
    overflow: hidden;
    margin: auto;
  }

  .card figure,
  .card .figuretext,
  .vcenter .figuretext{
    max-width: 100% !important;
    flex: 0 0 100%  !important;
    padding-left: 0 !important;
  }

  .card .figuretext{
    margin: 30px 0;
    order: 2;
  }
  .gis{
    padding: 0;
  }

  i.left{
    transform: rotate(-360deg);
    right: 20px;
    top: auto;
    bottom: 20px;
    left: auto;
  }
  .arrowsgis .slick-prev,
  .arrowsgis .slick-next{
    position: static;
    float: left;
  }

  .order2{
    order: 1;
  }

}

.article_content h1{margin-top: 0.83em;margin-bottom: 0.83em;}
/******* slder css new ends *******/