@charset "UTF-8";
/* **************************************************
Direction : HAL
Create: 2017.02.08
Update: 2017.02.08
Copyright 2017 Hitachi, Ltd.
***************************************************** */




.social-inn .flex-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 3em auto;
}

.social-inn .flex-box .flex-column {
    flex: 1;
    background: #f2f2f2;
    display: block;
}


.social-inn .flex-box .flex-img {
    background: url('/-/media/project/hitachi/sib/en-us/image/ces-thumb.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}

.social-inn .flex-box .flex-text {
    padding: 20px;
}

.social-inn .flex-box .flex-text h2 {
    font-size: 18px;
    font-weight: 700;
    background: none;
    padding: 0;
    color: #575757;
    line-height: 130%;
    margin: 0 0 15px;
}


.flex-text .view-link a {text-decoration: none; background-image: url('/-/media/project/hitachi/sib/image/en/r1/icon/icon_link_right_hd.gif'); background-repeat: no-repeat; background-size: 16px 16px; padding: 0 17px 0 0; background-position: right center; zoom: 1;}
.flex-text .view-link a:hover {background-image: url('/-/media/project/hitachi/sib/image/en/r1/icon/icon_link_right_hover_hd.gif');}





.body_wrapper{width:100%; float:left; font-size:14px;}
.wrapper {
    margin: 0 auto;
    max-width: 965px;
    width: 100%;
}
/**BANNER SLIDER **/
.slide-item-resp{
    display: none;
}
.cycle-slide{background-position: center; background-size: cover; background-repeat:no-repeat; /* height:490px; */ width:100%;  max-width:100%; margin:0; position:relative;}
.cycle-slide .slide-item{background-position: center; background-size: cover;background-image:url('/-/media/project/hitachi/sib/en-us/image/event_landing_banner1.jpg'); background-repeat:no-repeat; height:400px; width:100%; float:left;}
.cls_dir{position:relative; z-index:999;position:relative;}
.cls_dir .center{position:absolute; right:0px; bottom:100px;}
.cls_dir .center .slick-prev, .cls_dir .center .slick-next{width:40px; height:40px; background:#cc0022 no-repeat center; display:inline-block; float:left; cursor:pointer; margin:0 0 0 1px; /* position:absolute; right:0; z-index:1000; bottom:0; */ outline:none; border:none; font-size:0;}
.cls_dir .center .slick-prev{background-image:url("/-/media/project/hitachi/sib/en-us/image/arrow_lt.png"); right:41px;}
.cls_dir .center .slick-next{background-image:url("/-/media/project/hitachi/sib/en-us/image/arrow_rt.png");}

/**BANNER END **/
/**MAIN CONTAINER **/
.white-area{width:50%; height:70px; margin:-70px 0 0 0; background:#fff; position:relative; z-index:100;}
/*.Section.hit-innv-solns{margin-top:-70px;} */
.Section.hit-innv-solns .cls_title_home{padding:33px 0 0 0; position:relative; z-index:100; left:0; width:50%;}	
.Section.hit-innv-solns .cls_title_home p{line-height: 21px;} 
.hit-innv-solns span{border: 2px solid #dfdfdf; border-radius: 50%; color: #404040; display: inline-block; font-size: 38px; width:82px; height:82px; line-height:82px; text-align: center; vertical-align: middle; float:left;}
.hit-innv-solns h2, .hit-innv-solns h1.title_page{color: #333; display: block; font-size: 38px; font-weight: normal; margin: 0 0 0 89px; text-align:left; line-height:1.2;  padding: 0 20px 25px 15px; width: auto; background:none;}
.Section.social-inn-solutions{background:url(/-/media/project/hitachi/sib/en-us/image/social-innovation-solution-bg.jpg) no-repeat left top; width:100%; float:left; margin:40px 0; padding:0 0 40px;}
.Section.social-inn{margin:30px auto;}
.Section.social-inn .cls_half_col{padding:0; margin-bottom:30px; width:50%; float:left;}
.Section.social-inn .cls_half_col.even{clear:left;}
.social-inn .Column2{float: left; margin:0 0 50px; width: 475px;}
.social-inn .Column2:nth-child(2n){margin-left: 15px;}
.social-container{float: left; width: 100%; height: 250px; overflow: hidden; position: relative; background:no-repeat center; background-size:cover;}
.social-container a{display:block; height:100%; background:no-repeat center; background-size:cover;}
.social-content{ float: left; position: relative; padding:30px;}
.social-content a{text-decoration:none;}
.social-content h3{color:#cc0022; font-size:18px; background: url(/-/media/project/hitachi/sib/en-us/image/icon_link_right_xl_hd.gif) no-repeat right; background-size:12px auto; transition:all 0.2s; margin:0 0 25px; display:inline-block; padding:0 20px 0 15px; width: auto; font-weight:normal;}
.social-content span{border: 2px solid #dfdfdf; color:#5a5a5a; border-radius: 50%; height: 40px; left: 0; display:inline-block; width: 40px; vertical-align:middle; text-align:center; font-size:18px; line-height:40px;}
.social-content span > img {display: inline-block; vertical-align: middle;}
.social-content > a h3:hover{padding-right:25px;}
.social-content p{font-size:15px; line-height:140%;}
.fa_icon{background-repeat: no-repeat; background-position: center center; background-size:24px auto;}
.cls_cs_title_home_inner{display:table; width:100%;}
.cls_cs_title_home_inner{display:table; width:100%; table-layout:fixed; margin-bottom:25px;}
.cls_cs_title_home_inner h2, .hit-innv-solns h1.title_page{display:table-cell; vertical-align:middle; padding:0 20px 0px 15px} 
.cls_cs_title_home_inner span{float:none; width:86px;display:table-cell; vertical-align:middle; }

/****EVENTS CSS**/	
.event_title h2, .event_title h1.title_page{ border-left: 6px solid #cc0022;}
.event-container {  background: rgba(0, 0, 0, 0) none no-repeat scroll center center / cover ;  float: left;  /* height: 150px; */
overflow: hidden;  position: relative;  width: 100%;}
.event-container a{display:block; height:100%; background:no-repeat center; background-size:cover; /*background-image:none!important;*/}
.event-container a > img{width:100%!important;}
.Section.social-inn .cls_half_col.even .event-container a{display:block; margin-right:7px;}
.Section.social-inn .cls_half_col.odd .event-container a{display:block; margin-left:7px;}
.Section.social-inn .cls_half_col.even .event-overlay {  margin-right: 7px;}
.Section.social-inn .cls_half_col.odd .event-overlay {  margin-left: 7px;}
.event-overlay {background: #f2f2f2 none repeat scroll 0 0;  float: left;  width: 98.6%;}
.event-overlay .social-content {  padding: 0;  float:left; width:100%;}
.event-overlay .social-content a {display: table; min-height: 75px; padding:0px 80px 0px 30px; position: relative; table-layout: fixed; width:100%;  }
.event-overlay .social-content h3 {  text-align: left; color: #cc0022;  display: table-cell;  height: 75px;  line-height: 1.2;  margin-bottom: 0;
overflow: hidden;  padding: 0;  vertical-align: middle; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; width:99%;}
.event-overlay .social-content a i { border: 2px solid rgba(255, 255, 255, 0.3);  border-radius: 100%;  height: 36px;  line-height: 26px;
margin: -20px 0 0;  position: absolute;  right: 30px;  top: 50%;  transition: all 0.2s ease 0s;  width: 36px;}
.event-overlay .social-content a i{width:36px; height:36px; line-height:26px; transition:all 0.2s; border:2px solid #e0e0e0; position:absolute; right:30px; top:50%; margin:-20px 0 0 0; border-radius:100%;}
.event-overlay .social-content a i img {display: block;  margin: 9px auto;}
.event-overlay .social-content a:hover i, .event-container:hover + .event-overlay .social-content a i {  border: 2px solid #4c4c4c;}
.event-overlay .social-content h3:hover{padding-right:0;}
.slick_play{display:none!important;}

/**PAGE TOP**/
/*.PageTop {font-size: 12.16px;    margin: 20px 0;    text-align: right; clear:left;}
ul.PageTop li { list-style-type: none;}
.PageTop a:link, .PageTop a:visited {color: #c02;text-decoration: none;}
.PageTop a { background-image: url("/-/media/project/hitachi/sib/en-us/image/icon_link_top_hd.gif"); background-size: 16px 16px;background-position: right center;
    background-repeat: no-repeat;    display: inline-block;    padding: 0 20px 0 0;}*/



.slide-content {
    position: absolute;
    margin: auto;
    max-width: 965px;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    top: 0px;
    bottom: 0;
}

.slide_wrap{width:55%;} 

.slide-content h1 {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 120%;
}



 .slide-content p {
    color:#fff;
}

/* @media screen and (min-width : 768px) and (max-width : 994px) {
	.footer-link-box
	{
		width:33%;
	}
} */


 @media(max-width:1024px) {   
 .slide-content {
    left:15px;
}
}

@media(max-width:994px) {
	.JS .FatMenu, .JS .FatMenuWide{display:none;}  
}
@media(max-width:992px) {

    .body_wrapper .wrapper{padding:0 15px; width:auto!important;}
	.hit-innv-solns span{width:50px; height:50px;}	
	.hit-innv-solns h2, .hit-innv-solns h1.title_page{margin-left:60px; font-size:30px;}
    .event-overlay{width:98.2%;}
	
}

@media(min-width:768px) {
    .social-inn .flex-box .flex-column {
        min-height: 260px;
    }
}

@media(max-width:767px) {
    
    .social-inn .flex-box {
    flex-direction: column;
    }
    
    .social-inn .flex-box .flex-img {
        height: 250px;
    }
    
    
    .slide-item-resp{
        display: block;
    }
    .cycle-slide .slide-item{
        background-image: none;
    }
    .cycle-slide .slide-item, .cycle-slide{height: auto;}
	.Section.social-inn .cls_half_col{width:100%;}
	.Section.social-inn .cls_half_col.even .social-container a, .Section.social-inn .cls_half_col.odd .social-container a{margin:0;}	
	.Section.social-inn-solutions{padding:0;}
	.social-content{padding:15px;}
	.white-area{display:none;}
	.Section.hit-innv-solns{margin-top:0;}
	.Section.hit-innv-solns .cls_title_home{width:inherit;}
	.hit-innv-solns h2, .hit-innv-solns h1.title_page{line-height:1.1; font-size:24px;}	
	.Section.social-inn .cls_half_col.even .event-container a, .Section.social-inn .cls_half_col.odd .event-container a{margin:0;}
	.Section.social-inn .cls_half_col.even .event-overlay { width: 100%;}
	.Section.social-inn .cls_half_col.odd .event-overlay {margin-left: 0px;  width: 100%;}
	.event-overlay .social-content a{padding: 10px 80px 10px 10px}
	.event-overlay .social-content h3 {text-align: left;}
	.event-overlay{width:98.2%;}
	.slick-dots{margin:0; padding:0;}
	.slick-dots, .slick_play{display:inline-block; text-align:center; position:static!important; z-index:101; vertical-align:middle;}
	.slick-dots, .slick_play{display:inline-block!important;}
	.slick-dots li{float:left; margin:0 9px; list-style:none;}
	.slick-dots li button{display:block; width:13px; height:13px; border-radius:100%; background: #d0cdc7; border:none; outline:none; font-size:0;}
	.slick-dots li.slick-active button{background: #f70000;}
	.cls_dir .center .slick_play{width:15px; height:15px;}
	.cls_dir .center .slick_play button{width:15px; display:block; height:15px; border:none; outline:none; font-size:0; background:url(/-/media/project/hitachi/sib/en-us/image/pause_btn.png) no-repeat center;}
	.cls_dir .center .slick_play button.paused{ background:url(/-/media/project/hitachi/sib/en-us/image/play_btn.png) no-repeat center;}
	.cls_dir .center{position:static; text-align:center; margin:20px 0 0 0;}
	.cycle-slide.cycle-slideshow .slick-track{display:block;}
    
    
 .slide_wrap {
    width: 100%;
    background: #f2f2f2;
    padding: 30px 15px;
}   
    .slide_wrap h1{color:#333; font-size: 32px;}
    .slide_wrap p {color:#666;}
    .slide-content {position: static;max-width:100%;}
    
}