@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap');


* { margin: 0px; 
	/* padding: 0px;  */
	box-sizing: border-box; outline: none; list-style: none;}
.clearfix { clear:both; display: block;}
.clearfix:after { clear: both; display: block; content: "";} 

header { border-top: 1px solid #FF0026; background: #F2F2F2; border-bottom: 1px solid #CCCCCC; padding: 10px 0;} 
.container { width:1260px; margin: 0 auto;}
header img { display: block;}

.mc_logo { float: left; margin-top: 5px;}
.hitachilogo { float: right; }
.maintag { text-align: center; padding: 32px 0px; }
.maintag img{display:block; margin:0 auto;}

.sec_featured { background: #2D2D2D; padding: 30px 0;}
.head1 { color: #FFFFFF; font:700 28px/28px 'Roboto', sens-serif; text-transform: uppercase; padding-left:35px; position: relative; background: url("https://images.moneycontrol.com/assets/images/ms/hitachi/title_bg.png") left 4px no-repeat;}

.featurbx_1 { width: 845px; float: left; /*height: 465px;*/ height:auto; position: relative;}
.featurebx_right { width:350px; float: right; margin-right:30px;}
.featurebx_right .fbx_in { height:210px; position: relative;}
.featurebx_right .fbx_in:first-child { margin-bottom: 45px;}
.featmcnt { margin-top: 25px;}
.featmcnt img  { display: block; width: 100%; height: auto;}
.featurecnt { position: absolute; width: 100%; bottom: 0px; left: 0px; padding: 20px; background: rgba(25,25,25, 0.8); color: #fff;}
.feattitle {font:600 32px 'Roboto', sens-serif; }
.featurecnt p {font:20px 'Roboto', sens-serif; margin-top: 5px;}
.feattitle2 {font:600 23px 'Roboto', sens-serif; }

.social_innovation { padding: 50px 0; background: url("https://images.moneycontrol.com/assets/images/ms/hitachi/social_innovation.png") no-repeat; background-size:cover;}
.social_bx { float: left; width: 845px; padding: 55px; background: rgba(45,45,45,0.9);}
.social_title { color:#fff; font:700 70px 'Roboto', sens-serif; }
.social_bx p { color: #fff; font:25px/30px 'Roboto', sens-serif; margin-bottom:30px; }
.play_vidbig { float: left; margin-left: 140px; margin-top:140px;}
.play_vidbig a { display: block; width: 150px; height: 150px; background: url("https://images.moneycontrol.com/assets/images/ms/hitachi/video_play1.png") no-repeat;}
.play_vidbig a:hover {background: url("https://images.moneycontrol.com/assets/images/ms/hitachi/video_playhover.png") no-repeat;}

.head1.black { color:#2D2D2D;}

.sec_article { padding: 50px 0;}
.articleslide { margin-top: 25px;}
.artslidw { float: left;}
.artslidw img { display: block; width: 100%; height: auto;}
.artslidw a { color: #737373; font:20px/30px 'Roboto', sens-serif; text-decoration: none; transition: all 0.2s;}
.artslidw .arthead { color: #2D2D2D; font:600 28px/40px 'Roboto', sens-serif; margin:10px 0; display: block;}
.artslidw figure { position: relative;}
.artslidw a:hover figure:before{ content:""; background-color:rgba(45, 45, 45, .6); width:100%; height:100%; z-index:0; position:absolute; left:0px; top:0px;}
.artslidw figure span { position: absolute; background:#FF0026; width: 120px; padding: 0 10px; color: #FFFFFF; font:600 15px/30px 'Roboto', sens-serif; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; border-radius: 15px; display: none; transition: all 0.2s;}
.artslidw a:hover figure span { display: block;}




.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: 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; 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;}

.sec_article .slick-slide { margin: 0 10px;}
.sec_article .slick-arrow { cursor: pointer; position: absolute; top: 50%; margin-top: -16px; text-indent: -999em;}
.sec_article .slick-prev { border:none; background:none;  border-left: 2px solid #737373; border-top: 2px solid #737373; width: 20px; height: 20px; transform: rotate(-45deg); left: -30px; }
.sec_article .slick-next { border:none; background:none;  border-right: 2px solid #737373; border-top: 2px solid #737373; width: 20px; height: 20px; transform: rotate(45deg); right: -30px; }

.sec_video { background:url("https://images.moneycontrol.com/assets/images/ms/hitachi/video-bg.png") left top no-repeat; margin: 50px 0; padding:50px 0; }	
.sec_video .featurbx_1 { float: right; width: 830px; }
.vidtit { float: left;}

.vid_icon {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px;    height: 100px;    background: url(https://images.moneycontrol.com/assets/images/ms/hitachi/video_play1.png) no-repeat; background-size: 100px; }
.vid_icon:hover { background: url("https://images.moneycontrol.com/assets/images/ms/hitachi/video_playhover.png") no-repeat; background-size: 100px;}

.videoslide { margin-top: 70px;}
.vidslide_bx { float: left;}
.vidslide_bx figure { margin-bottom:15px; position: relative;}
.vidslide_bx figure img { display: block; width: 100%; height: auto;}
.vidslide_bx a { text-decoration: none; color: #2D2D2D; font:400 20px/28px 'Roboto', sens-serif;}
.sec_video .slick-slide { margin: 0 10px;}
.vidslide_bx .vid_icon { width: 70px; height: 70px; background-size: 70px;}

.sec_video .slick-dots { text-align: center; margin-top: 80px; }
.sec_video .slick-dots li { display: inline-block; margin: 0 10px; }
.sec_video .slick-dots li button { cursor: pointer;  background: #D9D9D9; width: 12px; height: 12px; border-radius: 50%; border: none; text-indent: -999em; }
.sec_video .slick-dots li button:hover { background: #B1000E;}

.slider_controler { margin-top: 70px; text-align: center;}
.swiper-pagination, .swiper-button-next, .swiper-button-prev { display: inline-block; vertical-align: middle; cursor: pointer;}
.swiper-pagination-bullet {background: #D9D9D9; width: 12px; height: 12px; margin:0 8px; }
.swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover { background:#B1000E;}


.article_content { position: relative; padding:30px 0;}
.article_content:before { position: absolute; width: 100%; height: 340px; background: #7E000A; content: ""; left: 0px; top: 0px; z-index: -1;  }
.article_content h1 { color: #FFFFFF; font:700 45px/55px 'Roboto', sens-serif; text-align: center; padding: 0 31px;}
.article_content h5 { color: #FFFFFF;font: 22px 'Source Sans Pro', 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 'Source Sans Pro', 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 'Roboto', 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:36px; }
.share_ico ul li { margin:10px 0; }
.share_ico ul:after { position: absolute;
    border-left: 15px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: "";
    right: -14px;
    top: 14px; }
.share_ico:hover ul  { display: block;}

.relatedread { background: #7E000A; padding:30px 0; margin:50px 0; }
.related_bx { float: left; width: 410px; margin-right: 20px; font: 20px/30px 'Roboto', sens-serif;   }
.related_bx a  { display: block; text-decoration: none;  color:#D9D9D9;}
.head_relate { display: block;  color:#D9D9D9; font:700 28px 'Roboto', sens-serif; margin-bottom: 5px; text-align:center; }
.related_bx figure { margin-bottom: 5px;}
.head_rel2 { font:600 28px 'Roboto', sens-serif; display: block; margin-bottom: 5px; color: #fff;  }

.social_icon { text-align: center; padding:60px 0 30px 0; font:20px 'Source Sans Pro', sans-serif; text-transform: uppercase;  }
.social_icon a { display: inline-block; margin: 0 12px; vertical-align: middle; }

footer { background:#D9D9D9; padding:30px 0px 80px; }
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 18px/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;  }

.desk-hide { display: none;}
.vid_img img, .vid_inner iframe{display:block;}
img{max-width:100%; height:auto;}
.related_slide .swiper-wrapper{justify-content: center;}
a{text-decoration:none;}
.slider_controler{ display:none;}
.videoslide .slider_controler{ display:block;}
.vid_inner {
	position: relative;
	padding-top: 56.25%;
	width: 100%;
	height: 0;
}
.vid_inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: 0;
	border: 0;
}

.featurecnt a{color:#fff;}
.fancybox-close {
	position: absolute;
	top: -52px;
	right: -8px;
	display: none;
	width: 60px;
	height: 60px;
	background: url(https://images.moneycontrol.com/assets/images/ms/hitachi/btn_close.png) 0 0 no-repeat;
	background-size: cover;
	cursor: pointer;
	z-index:999;
}
.fancybox-close:hover {
	opacity: 0.6;
}
.featurbx_1 img{display:block;}
.home_rhstxt{color: #D9D9D9; font:300 20px/35px 'Roboto', sens-serif;}
.home_rhstxt .rhstitle{color: #fff; font-size:23px; font-weight:700; margin-bottom:10px; border-bottom:1px dashed #D9D9D9; padding-bottom:5px;}

.articleslide {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

/*---------------------------------------------
	Modal Video
  ---------------------------------------------*/
.modal-video-overlay {
	display: none;
	position: fixed;
	z-index: 9990;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
}
.modal-video-window,
.modal-video-window * {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	box-sizing: border-box;
	color: inherit;
}
.modal-video-window {
	display: none;
	position: absolute;
	z-index: 9991;
	top: 0;
	left: 50%;
	margin-left: -585px;
	padding: 70px 50px;
	width: 1170px;
}
.hitachi_points {padding-left: 0px;}
.hitachi_points.bulletList {padding-left: 20px;}
.hitachi_points.bulletList li {list-style: decimal;}
.hitachi_points.bulletList li:before {display: none;}
.hitachi_points li {list-style: none;
	/* display: block;  */
	font: 20px/30px 'Source Sans Pro', sens-serif; word-break: break-word;}
.hitachi_points li:before {content: ""; float: left; width: 8px; height: 8px; background-color: #7E000A; border-radius: 100%; margin-right: 10px; margin-top: 10px;}
.hitachi_points li div {overflow: hidden;}
.Hitachi_Article_Four {margin-top: 20px;}
.Hitachi_Article_Four .hitachi-article-swiper-container .slider_controler {display: block; margin-top: 20px;}
#video-content {margin-top: 20px;}
.sec_article .slider_controler {display: block; margin-top: 35px;}


@media screen and (max-width: 1170px) {
	.modal-video-window {
		left: 0;
		margin: 0;
		width: 100%;
	}
}
.modal-video-window .modal-wrap {
	position: relative;
	padding-top: 56.25%;
	width: 100%;
	height: 0;
}
.modal-video-window .modal-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: 0;
	border: 0;
}
.modal-video-window .modal-video-close {
	position: absolute;
	top: 0;
	right: 20px;
	display: block;
	width: 60px;
	height: 60px;
	background: transparent url(https://images.moneycontrol.com/assets/images/ms/hitachi/btn_close.png) 0 0 no-repeat;
	background-size: cover;
	cursor: pointer;
}
.modal-video-window .modal-video-close:hover {
	opacity: 0.6;
}
@media screen and (max-width: 767px) {
	.modal-video-window {
		padding: 50px 0;
	}
	.modal-video-window .modal-video-close {
		right: 10px;
		width: 40px;
		height: 40px;
	}
}



@media all and (max-width:1279px){
	.container { width:980px;}	
	.featurbx_1 { width:660px; height: 363px;}
	.featurebx_right { width: 300px;}
	.featurebx_right .fbx_in { height:168px; }
	.featurebx_right .fbx_in:first-child {
    margin-bottom: 27px;
}
	.featurecnt { padding: 10px;}
	.social_bx { width: 700px; padding: 20px;}
	.play_vidbig { margin-left: 80px; margin-top:100px;}
	.sec_video .featurbx_1 { height: 465px; }
	.sec_video .featurecnt { padding: 20px;}
 
}
@media all and (max-width:979px){
	.mob-hide { display: block;}
	.desk-hide { display: none;}
	.container { width:auto; margin:0 10px;}	
	.featurbx_1, .featurebx_right { width: 100%; float: none; height: auto;}
		.feattitle, .feattitle2 { font-size: 18px; }
	.featurebx_right { margin-top: 40px;}
	.featurebx_right .fbx_in:first-child { margin-bottom: 0px;}
	
	.social_bx { width: 100%; float: none;}
	.mobvidpplay { margin-top: 50px; text-align: center;}
	.mobvidpplay p { font: 15px 'Roboto', sens-serif; color: #fff; }
	.mobvidpplay .vid_icon { transform: none; width: 70px; height: 70px; display: inline-block; position:static; background-size: 100%; }
	
	
	.sec_video .featurbx_1 { width: 100%; float: none;}
	.sec_video .featurbx_1 img, .maintag img { display: block; width: 100%; height: auto;}
	.img-responsive { display: block; width: 100%; height: auto;}
	.social_title { font: 700 40px/40px 'Roboto', sens-serif; margin-bottom: 10px;}
	.social_bx p { font: 20px/28px 'Roboto', sens-serif;}
	.head1 { font: 700 21px/24px 'Roboto', sens-serif;     background-size: 22px auto;     padding-left:27px; }
	.articleslide { margin-top: 15px;}
	.artslidw .arthead { font: 600 25px/30px 'Roboto', sens-serif;}
	.artslidw a { font:18px/28px 'Roboto', sens-serif;}
	
	.sec_video { padding: 30px 0; margin: 30px 0; background: none; }
	.videoslide { margin-top: 25px;}
	.mob-break { display:block; margin-top:10px;}
	.slider_controler { margin-top: 40px; }
	
	.sec_article {padding:50px 0 0 0;  }
	.social_icon {padding: 20px 0 30px 0; }
	.sec_video .featurbx_1 { display: none;}
	
	.swiper-button-next, .swiper-button-prev { display: none;}
 
	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;}
	.article_content article { width: 100%;}
	.article_content h1 { font: 700 30px/30px 'Roboto', sens-serif;}
	.share_ico { top: 4px;}
	.article_content h5 { font-size: 18px;}
	.article_vodeo .vid_icon { width: 70px; height: 70px; background-size: 70px;}
	.article_content:before { height: 215px;}
.maintag { text-align: center; padding: 40px; }
.related_slide .swiper-wrapper{justify-content:inherit;}
.slider_controler{ display:block;}
.videoslide .slider_controler{ display:block;}
.vidslide_bx{float:none;}
.sec_video .featurbx_1{height:auto;}
.featurbx_1 .vid_icon{width: 70px; height: 70px; background-size: 70px;}
.featurecnt p{font-size:16px;}
.sec_video .featurecnt{padding:10px;}
.featurebx_right .fbx_in{height:auto;}
.featurebx_right{ margin-right:0px; width:100%;}
.home_rhstxt{font-size:16px; line-height:25px;}
.home_rhstxt .rhstitle{font-size:20px; line-height:20px;}
#video-content {width: 100%; height: 200px;}
.relatedread {margin-top: 20px;}
.article_content {padding-bottom: 10px;}
.article_content article {margin-bottom: 0px;}
}