@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:100px; margin-right:0; text-decoration: none; padding-right:120px; }
.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;}

}

#vid-one .modal-body{padding: 8px;}

#vid-one .modal-dialog{width: 800px;margin: 80px auto;}
.close img {
    width: 35px;
}
.close {
    position: absolute;
    right: 0;
    top: -60px;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}

@media all and (max-width:979px){
  #vid-one .modal-dialog{width: 90%}
  }