.hitachi_world_wrapper{ margin: 0 0 80px 0; position:relative; }
.hitachi_world_wrapper #hitachi_world{min-height:575px;width:100% !important;}
.hitachi_world_wrapper .hitachi_overlay{ width:100%; position:absolute; height:104%; top:0;left:0; background:rgba(0,0,0,0); display:block;z-index:999 }
.hitachi_world_wrapper div.tooltip{cursor:pointer;display:none;position:absolute;     width: 128px;    height: 140px;  }

 
.hitachi_world_wrapper div.tooltip:hover span,
.hitachi_world_wrapper div.tooltip.active span{ border-color:#2f2f2f; }

.hitachi_world_wrapper div.tooltip span img,
.hitachi_world_wrapper div.tooltip span img,
.hitachi_responsive_world_wrapper div.restooltip span img
 {   width: 50px;    height: 50px;    margin: 11px 1px 0px 0px; }
 
.hitachi_world_wrapper div.tooltip a, .hitachi_responsive_world_wrapper div.restooltip span a{transition: all 1s; web-kit-transition: all 1s; width: 82%;   text-align: center;    display: block;    margin: -4px auto 0;    background-color: #ff6600;    color: #fff;    text-decoration: none;    padding: 9px 0;    border: 2px solid transparent;    bottom: 0;    font-size: 11px; }
.hitachi_world_wrapper div.tooltip span, .hitachi_responsive_world_wrapper div.restooltip span {width:75px; height:75px;background-color:#fff; transition: all 1s;    web-kit-transition: all 1s;    text-align: center;    margin: 0 auto;    display: block;    margin-top: 30px;    border-radius: 53px;    border: 4px solid #ff6600;    position: relative;    top: 7px;}
.hitachi_world_wrapper div.tooltip.active a {background-color:#2f2f2f; }

.hitachi_world_wrapper .content{position:absolute; display:none;    top: 24%;    width: 22%;    left: 39%;}
.hitachi_world_wrapper .content h1{    text-align: center;    margin: 0px 5px 10px 5px; font-size: 22px; }
.hitachi_world_wrapper .content h2{    text-align: center;    margin: 0px 5px 10px 5px; font-size: 22px; }
.hitachi_world_wrapper .content .description h1{        font-size: 22px;}
.hitachi_world_wrapper .content .description p{    line-height: 17px; text-align:justify; font-size: 13px;}
.hitachi_world_wrapper .content ul.counters {    margin: 0 26px;list-style-type:none}
.hitachi_world_wrapper .content ul.counters li {text-align:center;display:inline-block;    margin: 5px 1% 0 1%;}
.hitachi_world_wrapper .content ul.counters li .filter_count {    font-size: 33px;}
.hitachi_world_wrapper .content ul.counters li .num {   padding:0;}
.hitachi_world_wrapper .content ul.counters li.numCounter p {      font-size: 20px;    font-weight: bold;}

.hitachi_world_wrapper .content ul.counters li.full_width {width:98%}
.hitachi_world_wrapper .content ul.counters li.half_width {width:46%;}
.hitachi_world_wrapper .content ul.counters li.third_width {width:31%;}


.hitachi_world_wrapper .top-mid-left {    top: -4%;    left: 38%;}
.hitachi_world_wrapper .top-mid-right{     top: -4%;  right: 38%;}
.hitachi_world_wrapper .mid-top-left{    left: 27%;    top: 10%;}
.hitachi_world_wrapper .mid-top-right{ right: 27%;    top: 10%;}
.hitachi_world_wrapper .mid-mid-left{       top: 36%;    left: 21%;}
.hitachi_world_wrapper .mid-mid-right{top: 36%;    right: 21%;}
.hitachi_world_wrapper .mid-bottom-left{    bottom: 15%;    left: 27%;}
.hitachi_world_wrapper .mid-bottom-right{   bottom: 15%;    right: 27%;}
.hitachi_world_wrapper .bottom-mid-left{     bottom: -4%;    left: 38%;}
.hitachi_world_wrapper .bottom-mid-right{bottom: -4%;    right: 38%; }

 .hitachi_world_wrapper .tooltip.top-mid-right:hover span{ /*background-color:#ff6600; */border-color: #ff6600 }
 .hitachi_world_wrapper .tooltip.top-mid-right:hover a{ background-color:#ff6600; border-color: #ff6600 }
 
 .hitachi_world_wrapper .tooltip.mid-top-right:hover span{/* background-color:#E80E00;*/border-color: #E80E00 }
 .hitachi_world_wrapper .tooltip.mid-top-right:hover a{ background-color:#E80E00;border-color: #E80E00 }
 
 .hitachi_world_wrapper .tooltip.mid-mid-right:hover span{/* background-color:#E8A000;*/border-color: #E8A000 }
 .hitachi_world_wrapper .tooltip.mid-mid-right:hover a{ background-color:#E8A000; }
 
 .hitachi_world_wrapper .tooltip.mid-bottom-right:hover span{/* background-color:#B14B04;*/border-color: #B14B04 }
 .hitachi_world_wrapper .tooltip.mid-bottom-right:hover a{ background-color:#B14B04; }
 
 .hitachi_world_wrapper .tooltip.bottom-mid-right:hover span{ /*background-color:#B1581B;*/border-color: #B1581B }
 .hitachi_world_wrapper .tooltip.bottom-mid-right:hover a{ background-color:#B1581B; }
 
 .hitachi_world_wrapper .tooltip.bottom-mid-left:hover span{/* background-color:#652C05;*/border-color: #652C05 }
 .hitachi_world_wrapper .tooltip.bottom-mid-left:hover a{ background-color:#652C05; }
 
 .hitachi_world_wrapper .tooltip.mid-bottom-left:hover span{/*background-color:#B25211;*/ border-color: #B25211 }
 .hitachi_world_wrapper .tooltip.mid-bottom-left:hover a{background-color:#B25211; }
 
 .hitachi_world_wrapper .tooltip.mid-mid-left:hover span{/*background-color:#FF934B; */border-color: #FF934B }
 .hitachi_world_wrapper .tooltip.mid-mid-left:hover a{background-color:#FF934B;  }
 
 .hitachi_world_wrapper .tooltip.mid-top-left:hover span{ /*background-color:#FF8432;*/border-color: #FF8432 }
 .hitachi_world_wrapper .tooltip.mid-top-left:hover a{ background-color:#FF8432; }
 
 .hitachi_world_wrapper .tooltip.top-mid-left:hover span{ /*background-color:#FF7519;*/border-color: #FF7519 }    
 .hitachi_world_wrapper .tooltip.top-mid-left:hover a{ background-color:#FF7519; }  
 
 
 
 

.hitachi_responsive_world_wrapper .left.color0{ background-color:#ff6600; }
.hitachi_responsive_world_wrapper .left.color1{ background-color:#E80E00; }
.hitachi_responsive_world_wrapper .left.color2 { background-color:#E8A000; }
.hitachi_responsive_world_wrapper .left.color3 { background-color:#B14B04; }
.hitachi_responsive_world_wrapper .left.color4 { background-color:#B1581B; }
.hitachi_responsive_world_wrapper .left.color5 { background-color:#652C05; }
.hitachi_responsive_world_wrapper .left.color6 { background-color:#B25211; }
.hitachi_responsive_world_wrapper .left.color7 { background-color:#FF934B; }
.hitachi_responsive_world_wrapper .left.color8 { background-color:#FF8432; }    
.hitachi_responsive_world_wrapper .left.color9 { background-color:#FF7519; }
.hitachi_responsive_world_wrapper .left { width: 40%; min-width: 300px; float: left; height: 100%; margin-left: 2.5%; margin-right: 2.5% }
.hitachi_responsive_world_wrapper .right { width: 50%; float: left; height: 100%; margin-right: 2.5%; }
.hitachi_responsive_world_wrapper .restooltip { margin: 0px 15px 5px 15px; display: block; float: left; }
.hitachi_responsive_world_wrapper .left div.restooltip span { margin: 8% auto 15% auto }
.hitachi_responsive_world_wrapper .listContainer { width: 100%; margin-bottom: 30px; height: 100%; }
.hitachi_responsive_world_wrapper h1 { margin-bottom: 10px; width: auto;}
.hitachi_responsive_world_wrapper p { line-height: 26px; }

.hitachi_responsive_world_wrapper ul.counters { list-style-type:none; margin-top: 10px; }
.hitachi_responsive_world_wrapper ul.counters li .filter_count { font-size: 33px;}
.hitachi_responsive_world_wrapper ul.counters li .num { padding: 0; }
.hitachi_responsive_world_wrapper ul.counters li.numCounter p { font-size: 20px; font-weight: bold;}
.hitachi_responsive_world_wrapper ul { float: left; }
.hitachi_responsive_world_wrapper span.black { color: #000; font-size: 27px; }
.hitachi_responsive_world_wrapper span.toggleHitachiWorldDesc { font-size: 22px; padding: 0px 7px 1px 7px; margin: 0px 10px; background: #f60; font-weight: bolder; color: #fff; }
.hitachi_responsive_world_wrapper .numCounter span.num { color: #fff; }
.hitachi_responsive_world_wrapper ul.counters .full_width p b { font-size: 12px; }
 
    
 
 .hitachi_world_wrapper span.black{color:#000;font-size:27px;}
 /*  symbols 
 .symbols{ background: #fff url('../symbols/symbolen.png') no-repeat;    background-size: 600px; }
 .symbols.telecommunication{ background-position:13% 10%; }
 .symbols.power{     background-position: 13% 77%; }
 .symbols.infrastructure{         background-position: 87% 10%; }
 .symbols.electronics{       background-position: 87% 55%; }
 .symbols.construction{    background-position: 87.5% 32%;    background-size: 550px auto; }
 .symbols.components{        background-position: 13% 32.5%;     background-size: 550px auto;   }
 .symbols.automotive{        background-position: 50% 32.5%;    background-size: 550px auto; }
 .symbols.ecofriendly{     background-position: 50% 9.75%;    background-size: 550px auto; }
 .symbols.others{      background-position: 50% 77%;       background-size: 550px auto; }
 .symbols.financial{          background-position: 12% 55%;    background-size: 550px auto; }*/