sup {
    font-size: 78%;
    position: relative;
    vertical-align: 0.42em;
}

.mb-80{margin-bottom:80px !important;}
.particleBoxTabs {
display: inline-block;
width: 100%;
z-index: 2;
position: relative;
}
#loadMore a.disabled {
background: #f2f2f2;
pointer-events: none;
}
.thinkWrapper .wrapperAlign {
width: 100%;
max-width: 965px;
margin: 0px auto 40px;
}
.wrapperAlign_inner {
width: 100%;
}
body {
overflow-x: hidden;
}
.tabWrapper {
display: block;    
position: relative;
}
.thinkWrapper .ClearFix {
clear: both;
}
#articleList{
overflow: hidden;
transition: 300ms linear;
}
#articleList li{ display:none;
}
.loadMoreBtn {
text-align: center;
padding-top: 120px;
display: block;
}
.loadMoreBtn a {
position: absolute;
left: 50%;
font-weight: 800;
border-radius: 50px;
padding: 15px 52px;
font-size: 17px;
cursor: pointer;
bottom: 55px;
transform: translate(-50%, 100%);
background: #cc0000 !important;
color: #fff !important;
z-index: 99;
line-height: 28px;
font-weight: 800;
border: 1px solid #cc0000;
letter-spacing: 3px;
}
.loadMoreBtn a:hover {background: #cc0000 !important;
color: #fff !important;}
.hideItems .testimonial {
margin-bottom: 0px !important;
margin-top:0 !important; 
padding: 0 !important;
}
.loadMoreBtn.disabled a {
background: #ccc;
pointer-events: none;
border: none;
color: #fff;
}
.hideItems{display:none;}
.testimonial  .hideThis:before{display:none !important;}
.blackSection {
background-image: url('/-/media/project/hitachi/sib/en-us/image/new-section/blackSection.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
overflow: hidden;
}
.thinkWrapper .hideItems .testimonial:before{display:none;}
.thinkWrapper #hugeHeroBanner .wrap {
    max-width: 965px;
        z-index: 102;
}
.wrap {
display: table;
position: absolute;
top: 0;
height: 100%;
left: 0px;
right: 0;
}

.thinkWrapper #hugeHeroBanner .heroBannerContent {
display: table-cell;
height: calc(100% - 100px);
vertical-align: middle;
}
.boxItem .videoBox {position:relative; z-index:9999;}
.thinkWrapper body {
margin: 0;
padding: 0;
height: 100%;
}

.thinkWrapper .heroBannerBtnAlign {
position: absolute;
left: 50%;
bottom: 20%;
transform: translate(-50%, -50%);
background-color: #cc0000;
}

.thinkWrapper .heroBannerTextAlign h1 {
font-size: 64px;
line-height: 1;
background: none;
font-family: 'MuseoSans';
line-height: 62px;
}
.thinkWrapper .heroBannerTextAlign.blackColor h3 {
color: #333333;
}
.thinkWrapper .heroBannerTextAlign h3 {
font-size: 26px;
/* line-height: 44px; */
font-family: 'museo_sans300';
line-height: 140%;
color: #fff;
font-weight: normal;
}

.heroBannerTextAlign {
float: left;
/* width: calc(100% - 147px); */
width: 100%;
}

.thinkWrapper .roundBtn {
background-color: #cc0000;
text-align: center;
padding: 18px 66px;
border-radius: 50px;
font-size: 17px;
cursor: pointer;
z-index: 99;
font-weight: 800;
}
.thinkWrapper .roundBtn:hover {
color: #fff;
text-decoration: none;
}

.bottomLinkWrapper {
margin-bottom: 60px;
display: inline-block;
}

.redsection .rowWrapper {
float: left;
margin-right: 25px;
}

.redsection .rowWrapper:last-child {
margin-right: 0px;
}

.redsection .contentAlign {
width: 965px;
margin: 0 auto;
}

.redsection {
background-color: #ca0813;
margin-bottom: 60px;
padding-bottom: 70px;
float:left;
width:100%;
}

.thinkWrapper .contentWrapper {
display: table;
width: 140px;
height: 140px;
border-radius: 50%;
text-align: center;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-o-perspective: 1000;
perspective: 1000;
}

.thinkWrapper .contentWrapper img {
margin-top: 45px;
}

.redsection .contentAlign > h2{
font-size: 48px;
color: #fff;
padding: 70px 0px 55px 0px;
text-align: center;
font-family: MuseoSans;
background:none;
}

.redsection .bottomPannelLink {
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
width: 52px;
height: 52px;
vertical-align: middle;
display: table-cell;
width: 100%;
width: 140px;
height: 140px;
border-radius: 50%;
background-color: #fff;
z-index: 2;
background-size: cover;
}

.contentWrapper .flipper .back {
background-repeat: no-repeat;
background-position: center center;
}

.contentWrapper .flipper .back .back-icon {
background-position: center;
width: 100%;
background-repeat: no-repeat;
position: absolute;
height: 100%;
top: 0;
opacity: 0.2;
background-size: cover;
border-radius: 50%;
}


/* --- for bottom nav --- */

.btm-border-txt {
    margin-bottom: 0px !important;
}


.fixed-container.btm-nav {
    margin: 0px auto 60px;
	padding-top: 60px;
    /*margin: 80px auto 60px;*/
    /*min-height: 45px;
    padding: 10px 0px 60px;*/
}
.fixed-container .pagenav-section{
    position: relative;
}

.fixed-container .pagenav-section .left-nav {
    /*position: absolute;
    left: 0;
    top: 0;
    bottom: 0;*/
    float: left;
    max-width: 50%;
    text-align: left;
}
.fixed-container .pagenav-section .right-nav {
    /*position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;*/
    float: right;
    max-width: 50%;
    text-align: right;
}
 .fixed-container .pagenav-section .right-nav, .fixed-container .pagenav-section .left-nav{
   display: table;
 }

.left-nav i.fa, .right-nav i.fa{
    font-size: 34px;
    color: #FE0000;
}
.fixed-container .pagenav-section .right-nav span{
    vertical-align: middle;
    display: table-cell;
    padding-right: 10px;
    color: #333;
    /*font-weight: 600;*/
    text-align: right;
    font-family: 'MuseoSans';
    font-size: 18px;
}
.fixed-container .pagenav-section .left-nav span{
    vertical-align: middle;
    display: table-cell;
    padding-left: 10px;
    color: #333;
    /*font-weight: 600;*/
    text-align: left;
    font-family: 'MuseoSans';
    font-size: 18px;
}

.fixed-container .pagenav-section i{
    display: table-cell;
    position: relative;
    vertical-align: middle;
}
    
    
@media all and (-ms-high-contrast:none) {
.thinkWrapper .arrow-scroll1 { height: auto;} /* IE10 */
*::-ms-backdrop, 
.contentWrapper:hover .back {
backface-visibility: visible;
z-index: 999;
}

.contentWrapper:hover .front{
  display: none;
}
 
.btm-nav i.fa.fa-chevron-circle-left::after , .btm-nav i.fa.fa-chevron-circle-right::after {
display: none !important;
}

}

.thinkWrapper .playButton .icon-play img {
width: 5em !important;
height: 5em !important;
}

#owl-demo.owl-carousel {
display: block;
}

.thinkWrapper .videoTransLink span {
color: #fff;
font-size: 32px;
}

.thinkWrapper #Contents {
position: static;
}

.thinkWrapper .transBannerImg {
float: left;
padding-right: 25px;
}

.heroBanner img.transBannerImg+h1 {
text-align: left;
font-size: 58px;
}

.heroBanner img.transBannerImg p {
font-size: 24px;
}

.thinkWrapper .interactiveText {
border-left: 6px solid #e70422;
color: #666;
padding: 0px 0px 0 20px;
float: left;
margin: 34px 0px 54px 0px;
font-size: 18px;
font-weight: bold;
position: relative;
z-index: 2;
line-height: 24px;
}

.thinkWrapper .heroBannerContent>p {
font-size: 24px;
}

.thinkWrapper .interactiveText>p {
line-height: 24px;
}

.thinkWrapper .GraySection {
margin: 0px 0px 80px;
padding: 60px 0;
background: #f2f2f2;
overflow: hidden;
}

.thinkWrapper .boxThumb {
width: calc(50% - 10px);
float: left;
position: relative;
}

.thinkWrapper .boxThumbRight {
width: calc(50% - 10px);
float: right;
height: 320px;
position: relative;
}

.thinkWrapper .boxCt {
width: 48%;
float: left;
box-sizing: border-box;
margin-left: 15px;
}

.thinkWrapper .movieSection .movieSectionThumbnail {
width: 50%;
height: 320px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: auto;
}

.thinkWrapper .movieSection .boxCt .movieSectionThumbnail {
margin-right: 0;
width: 50%;
}

.mB70 {
margin-bottom: 70px;
}

.thinkWrapper .bgColorRed {
background-color: rgba(207, 13, 13, 0.9);
}

.thinkWrapper .bgColorOrange {
background-color: rgba(244, 71, 37, 0.9);
}

.thinkWrapper .bgColorGreen {
background-color: rgba(83, 167, 43, 0.9);
}

.thinkWrapper .bgColorBlue {
background-color: rgba(40, 123, 170, 0.9);
}

.thinkWrapper .bgColorBlack {
background-color: rgba(56, 58, 59, 0.9);
}

.thinkWrapper .noArrow.bottomPannel:after {
    display: none;
}

.thinkWrapper .bottomPannel:after,
.bottomPannel:after {
content: "";
width: 25px;
height: 25px;
background: url("/-/media/project/hitachi/sib/en-us/image/new-section/trans-pannel-icon.png");
background-position: center;
background-size: auto;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
right: 10px;
top: 50px;
}

.thinkWrapper .playButton .icon-play img {
top: 50%;
left: 50%;
}

.thinkWrapper .youtubeHolder #videoPlayBg {
/*width: 100%;*/
height: 100%;
}

.thinkWrapper a.ModalMovieLink:after {
content: "";
background: none;
}
.flip-container {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-o-perspective: 1000;
perspective: 1000;
}

.contentWrapper:hover .flipper,
.contentWrapper.hover .flipper {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}

.contentWrapper,
.front,
.back {
width: 140px;
height: 140px;
}

.flipper {
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-moz-transition: 0.6s;
-moz-transform-style: preserve-3d;
-o-transition: 0.6s;
-o-transform-style: preserve-3d;
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}

.front,
.back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}

.front {
z-index: 2;
}

.back {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.8);
}

.back-title {
vertical-align: middle;
display: table-cell;
padding: 0 10px;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 18px;
font-family: 'museo_sans900';
}

.thinkWrapper .contentWrapper,
.front,
.back {
width: 140px;
height: 140px;
display: table;
/* margin: 20px auto;*/
}

.thinkWrapper .bg {
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
width: 100%;
}

.blackColor {
color:#333;
}
.thinkWrapper .leftPanel {
position: fixed;
top: 0;
width: 50%;
height: 100%;
background-color: rgba(224, 36, 35, 0.8);
}

.thinkWrapper .content {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99;
}

.thinkWrapper .content a img {
border: 1px solid #fff;
border-radius: 50%;
padding: 5px;
background-color: #fff;
}

.thinkWrapper .wrapperAlign .changeImage.iconManufacturing:hover,
.thinkWrapper .wrapperAlign .changeImage.iconManufacturing.active {
background-image: url(/-/media/project/hitachi/sib/image/en/add/gbc/icon-manufacturing_w.svg);
background-color: transparent;
border: none;
opacity: 1;
}

.thinkWrapper .leftPanelTextContent {
position: absolute;
left: 30%;
max-width: 425px;
}

.thinkWrapper .leftPanelTextContent p:first-child {
font-size: 60px;
color: #fff;
font-weight: bold;
}

.thinkWrapper .leftPanelTextContent p {
color: #fff;
font-size: 16px;
font-weight: normal;
}

.thinkWrapper .bigT {
color: #df4543;
font-size: 450px;
font-weight: 700;
font-family: arial;
position: absolute;
top: -41%;
left: 11%;
z-index: -1;
}

.wrapperAlign .tabs li.tab-link a {
margin: 0 auto;
}

.wrapperAlign ul.tabs li:hover a svg,
.wrapperAlign ul.tabs li:active a svg {
fill: #fff;
}

.wrapperAlign ul.tabs li:hover a #path1,
.wrapperAlign ul.tabs li:active a #path2 {
fill: #fff;
}

.wrapperAlign li.tab-link:hover {
background-color: #cc0000;
color: #fff;
}

.thinkWrapper .changeImage:hover {
border: none;
transform: none;
}

.thinkWrapper .wrapperAlign .changeImage:hover {
transform: none !important;
border: none !important;
}

.thinkWrapper .wrapperAlign .changeImage {
transition: none;
}

.thinkWrapper .mB70 {
margin-bottom: 70px;
}

.blackSection .head_section {
color: #fff;
margin: 80px 0px 50px 0px;
}

.blackSection .head_section h2,
.head_sectionParticleBox h2 {
background: none;
font-size: 44px;
font-weight: bold;
font-family: 'MuseoSans';
margin: 0;
padding: 0;
line-height: 140%;
}

.blackSection .head_section p {
font-size: 15px;
}

.blackSection .movieSectionThumbnail {
height: 300px !important;
}

.blackSection .boxThumb,
.blackSection .boxThumbRight {
height: 300px;
margin-bottom: 127px;
width: 100%;
}

.blackSection .boxThumb > p,
.blackSection .boxThumbRight > p {
font-size: 20px;
color: #fff;
padding-top: 20px;
font-family: 'MuseoSans';
}

.GbcTop .thinkWrapper {
background-color: #fff;
}

.particleBox .head_sectionParticleBox {
float: left !important;
margin-top: 40px;
}

.particleBox .card span {
color: #fff;
padding: 4px 8px;
font-size: 11px;
font-family: 'MuseoSans';
}

.particleBox .card span+h2 {
font-size: 25px;
margin: 0px;
font-family: 'MuseoSans';
}
.particleBox .card h2 {
display: block;
display: -webkit-box;
max-width: 100%;
height: 62px;
margin: 0 auto;
line-height: 30px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
padding: 0;
background: none;
}
.particleBox .card p {
display: block;
display: -webkit-box;
max-width: 100%;
height: 46px;
margin: 0 auto;
line-height: 21px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.particleBox .card p {
font-size: 14px;
color: #000 !important;
}

.particleBox .card a {
font-size: 14px;
}

.textBgColor {
background-color: #0f8b8d;
}

.textBgColorBox2 {
background-color: #ff8329;
}

.textBgColorBox3 {
background-color: #f11d1a;
}

.textBgColorBox4 {
background-color: #ae4b84;
}

.textBgColorBox5 {
background-color: #A7CA54;
}
.textBgColorBox6 {
background-color: #306122;
}
.textBgColorBox8 {
background-color: #ead82f;
}
.textBgColorBox9 {
background-color: #306122;
}

.thinkWrapper a {
color: #fff;
text-decoration: none;
}

.thinkWrapper .me {
width: 400px;
margin: 90px auto;
}

.thinkWrapper .me p,
.thinkWrapper .me h1 {
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;
}

.thinkWrapper .me p {
font-weight: 200;
}

.thinkWrapper .me span {
font-weight: bold;
}

.thinkWrapper .full-width-container {
float: left;
width: 100%;
padding: 0;
}

.thinkWrapper .section-custom {
float: left;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
}

.thinkWrapper .no-padding {
padding: 0 !important;
}

.thinkWrapper .heroBanner {
overflow: hidden;
float: left;
width: 100%;
height: 100vh;
padding: 0;
min-height: 300px;
color: #fff;
position: relative;
}

.thinkWrapper .heroBannerImg {
position: absolute;
left: 0;
top: 0;
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
background-repeat: no-repeat;
    z-index: 100;
}

.thinkWrapper .backgroundSkew {
background: rgba(255, 255, 255, 0.25);
-ms-transform: skew(-61deg);
-webkit-transform: skew(-61deg);
transform: skew(-61deg);
width: 100%;
position: absolute;
top: 0;
height: 100%;
margin: 0 auto;
left: 0;
right: 0;
}

.thinkWrapper .backgroundSkewBg {
background: rgba(153, 4, 12, 0.6);
width: 100%;
position: absolute;
top: 0;
height: 100%;
margin: 0 auto;
left: 0;
right: 0;
    z-index: 101;
}

.thinkWrapper .bg-overlay-darkgreen {
background: rgba(48, 97, 34, 0.6);
}

.thinkWrapper .bg-overlay-lightgreen {
background: rgba(167, 202, 84, 0.6);
}

.thinkWrapper .bg-overlay-red {
background: rgba(255, 131, 41, 0.6);
}

.thinkWrapper .bg-overlay-yellow {
background: rgba(210, 195, 42, 0.6);
}

.thinkWrapper .bg-overlay-seagreen {
background: rgba(59, 158, 162, .6);
}

.thinkWrapper .heroSubText p {
float: left;
margin: 5px 0;
width: 100%;
}

.thinkWrapper .heroSubText p {
font-size: 24px;
font-weight: 500;
letter-spacing: 0;
word-break: break-word;
text-align: center;
color: #fff;
}

/*
.thinkWrapper .arrow-scroll {
position: absolute;
bottom: 12%;
left: 0;
right: 0;
margin: 0 auto;
width: 40px;
height: 39px;
background-image: url('/-/media/project/hitachi/sib/en-us/image/new-section/double-arrow.png');
background-size: contain;
cursor: pointer;
transition: all .3s;
z-index: 92;
background-repeat: no-repeat;
}

.thinkWrapper .arrow-scroll.blackArrowBtn {
background-image: url('/-/media/project/hitachi/sib/en-us/image/new-section/double-arrow-black.png');
}

.thinkWrapper .arrow-scroll:hover {
bottom: 15%;
}
*/

.thinkWrapper .arrow-scroll {
position: absolute;
bottom: 12%;
left: 0;
right: 0;
margin: 0 auto;
width: 40px;
height: 40px;
cursor: pointer;
transition: all .3s;
z-index: 1000;
text-align:center;
}

.thinkWrapper .arrow-scroll  i{font-size:34px;position: relative; left: -12px;color:#fff;display: block; font-weight: bold;}
.thinkWrapper .arrow-scroll i:before{left: 10px; position: relative; font-size:34px;}
.thinkWrapper .arrow-scroll i:after {
position: relative;
top: -41px;
left: 6px;
content: "";
color: #fff;
border: 1px solid rgba(255, 255, 255,0.8);
border-radius: 50%;
width:45px;
height:45px;
float:left;
background: rgba(255, 255, 255, 0.2);
-webkit-animation: circleBounce 1.2s linear infinite;
animation: circleBounce 1.2s linear infinite;
}

@-webkit-keyframes circleBounce {
  0% {
    -webkit-transform: scale(0.9); opacity: 0;
  }
  20% {opacity: 0.5;}
  30% {
  }
  50% {opacity: 1;}
  70% {
    
  }
  80% {opacity: 0.5;}
  100% {-webkit-transform: scale(1.1); opacity:0;}
}

.wrapperAlign .tabs .tabImage {
height: 38px;
width: 38px;
fill: #ccc;
}

.wrapperAlign .tabs .tabImage svg {
height: 35px !important;
width: 38px;
}

.wrapperAlign .tabs .tab-link.current .tabImage svg,
.wrapperAlign .tabs .changeImage.hover svg {
fill: #fff;
}

.wrapperAlign #path1,
.wrapperAlign #path2 {
stroke: #ccc;
}

.thinkWrapper .head_section,
.head_sectionParticleBox {
border-left: 6px solid #e60027;
padding-left: 20px;
}

.thinkWrapper .head_section h2 {
font-weight: bold;
}

.thinkWrapper .testimonial {
margin: 50px 0px 0px;
display: inline-block;
position: relative;
padding: 50px 0px 0 0;
}

.thinkWrapper .testimonial ul {
float: left;
padding: 0px;
}

.thinkWrapper .testimonial ul li {
float: left;
width: 45%;
list-style: none;
}

.thinkWrapper .testimonial ul li:nth-child(odd){
padding-right: 5%;
position: relative;
margin-bottom: 60px;
}

.thinkWrapper .testimonial ul li:nth-child(even){
padding-left: 5%;
float: right;
margin-top: 60px;
position: relative;
}
.thinkWrapper .card img {
width: 100%;
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0.9;
-webkit-animation-duration: 3s;
}
.thinkWrapper .card  a.card-img:hover img {
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}
.thinkWrapper .card a.card-img {
background: none;
padding: 0;
position: relative;
overflow: hidden;
display: block;
margin-bottom: 10px;
}
.thinkWrapper .card a.card-img img{display:block; position:relative;}
.thinkWrapper .card a.card-img:hover { background: none;
padding: 0; box-shadow:none;}
.thinkWrapper .card a {
background-color: #e60027;
padding: 16px 25px;
font-weight: 600;
text-decoration: none;
color: #fff;
letter-spacing: 2px;
position: relative;
height: auto;
border-radius: 0;
font-size: 14px;
line-height: 18px;
}
.thinkWrapper .card a:hover {
color: #E60027;
padding: 16px 25px;
background: #fff;
box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
}
.thinkWrapper .card a span.btn_bdr {
padding: 0;
}
.thinkWrapper .card p {
color: #cecece;
margin-bottom: 35px;
}
.thinkWrapper .card a:hover .btn_bdr {
display: block;
width: 50%;
margin-bottom: 0;
position: absolute;
margin-left: 0;
height: 4px;
background: #E60027;
left: 25%;
bottom: -5px;
padding: 0;
}
.thinkWrapper .testimonial:after {
content: '';
width: 1px;
height: 100%;
background-color: #aeaeae;
position: absolute;
left: 0;
right: 0;z-index: 9999;
margin: auto;
top: 0px;
}

.thinkWrapper .testimonial:before {
content: '';
width: 15px;
height: 15px;
background-color: #e60027;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -14px;z-index: 9999;
border-radius: 50%;
}

.thinkWrapper .testimonial ul li:nth-child(odd):after {
content: '';
position: absolute;
background-color: #aeaeae;
height: 1px;
width: 30px;
right: 0;
top: 50px;
}

.thinkWrapper .testimonial ul li:nth-child(even):after{
content: '';
position: absolute;
background-color: #aeaeae;
height: 1px;
width: 30px;
left: 0;
bottom: 245px;
z-index: 9;
}

.thinkWrapper .testimonial ul:last-child:before {
content: '';
width: 15px;
height: 15px;
background-color: #e60027;
position: absolute;
left: 0;
right: 0;
margin: auto;
z-index:9999999;
bottom: -14px;
border-radius: 50%;
}

#great_deal.owl-carousel {
display: block;
}

#great_deal.owl-carousel .owl-stage-outer {
width: 100%;
overflow: hidden;
}

#great_deal.owl-carousel .owl-stage-outer .owl-stage {
position: relative;
}

.blackSection .owl-carousel .owl-nav {
display: none;
}

.videoBox.pR10{
padding-right: 10px;
}
.videoBox.pL10{
padding-left: 10px;
}
.thinkWrapper .boxItem{
float: left;
width: 100%;
background-color: #fff;
}
.thinkWrapper .boxItem .videoBox{
width: 50%;
float: left;
}
.thinkWrapper .boxItem .videoBox .boxThumb, .thinkWrapper .boxItem .videoBox .boxThumbRight{
float: left;
width: 100%;
}
.thinkWrapper .boxItem .videoBox:nth-child(odd) .bottomPannel {
position: absolute;
bottom: -30px;
right: 30px;
width: 70%;
color: #fff;
height: 125px;
/*display: inline-table;*/
padding: 20px 45px 10px 20px;
}
.thinkWrapper .bottomPannel h2 {
background: none;
padding:0; margin:0;
}
.thinkWrapper .bottomPannel h2 span, .bottomPannel h2 span{
font-size: 32px;
font-weight: 600;
background:none;
color:#fff;padding:0;
line-height: 1;margin-bottom: 10px; display: inline-block;
font-family: 'museo_sans900';
}
.thinkWrapper .bottomPannel h2 p, .bottomPannel h2 p {
font-size: 20px;
font-family: 'museo_sans300';
line-height: 130%;
}
.thinkWrapper .boxItem .videoBox:nth-child(even) .bottomPannel {
position: absolute;
bottom: -30px;
left: 30px;
width: 70%;
height: 125px;
color: #fff;
padding: 20px 45px 10px 20px;
}
.thinkWrapper .boxItem .videoBox:nth-child(even){
padding-left: 10px;
}
.thinkWrapper .boxItem .videoBox:nth-child(odd){
padding-right: 10px;
}

.thinkWrapper .boxThumb { height: 320px;}


@media (min-width: 1280px) {
.thinkWrapper .youtubeHolder #videoPlayBg {
    width: 100%;
    }
}


@media (min-width: 768px) {
    .btm-nav i.fa.fa-chevron-circle-right {
    z-index: 1;
    }
    
    .btm-nav i.fa.fa-chevron-circle-left {
    z-index: 1;
    }
    

@-webkit-keyframes burst {
    0% {
        opacity: .6
    }
    50% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
    
    
@keyframes burst {
    0% {
        opacity: .6
    }
    50% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

    .btm-nav i.fa.fa-chevron-circle-left:after {
    content: "";
    width: 18px;
    display: block;
    height: 18px;
    border-radius: 50%;
    border: 3px solid #FE0000;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    -webkit-animation: burst 1.5s infinite linear;
    animation: burst 1.5s infinite linear;
    z-index: -10;
}
    
    .btm-nav i.fa.fa-chevron-circle-right:after {
    content: "";
    width: 18px;
    display: block;
    height: 18px;
    border-radius: 50%;
    border: 3px solid #FE0000;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    -webkit-animation: burst 1.5s infinite linear;
    animation: burst 1.5s infinite linear;
    z-index: -10;
}
    
}


@media (min-width: 992px) {
.blackSection .owl-carousel .owl-dots {
display: none;
}
ul.tabs li.current a svg {
fill: #fff;
}
.wrapperAlign ul.tabs li {
display: table-cell !important;
padding: 5px 10px !important;
cursor: pointer;
text-align: center;
line-height: 30px;
}
.wrapperAlign ul.tabs {
display: table;
width: 100%;
table-layout: fixed;
}
.blackSection .owl-dots.disabled {
display: none;
}
#great_deal.owl-carousel .owl-item {
width: 160px !important;
}
.owl-nav,
.owl-prev:before {
display: none;
}
.owl-next:before {
display: none;
}
}

@media (max-width: 1200px) {
.thinkWrapper .testimonial ul li:first-child:after {
right: 0;
}
.thinkWrapper .testimonial ul li:nth-child(2):after {
left: 0;
bottom: 55%;
}
/*.wrap{height: 843px;}*/
.particleBoxTabs {
width: 92%;
margin: 0 auto;
display: block;
}
}

@media (min-width: 768px) and (max-width: 991px){
.thinkWrapper .testimonial ul li:first-child:after{width: 30px;right:0;}
.thinkWrapper .testimonial ul li:nth-child(2):after {width: 30px; left:0; bottom:64%; }
}

@media (max-width: 991px) {
.thinkWrapper .wrapperAlign {
margin: 0px auto 60px;}
.thinkWrapper .boxItem .videoBox:nth-child(odd) .bottomPannel {
bottom: -27px;
height: 110px;
padding: 15px 45px 10px 15px;
}
.thinkWrapper .boxItem .videoBox:nth-child(even) .bottomPannel {
height: 110px;
bottom: -27px;
padding: 15px 45px 10px 15px;
}
.thinkWrapper .bottomPannel h2 span, .bottomPannel h2 span{
font-size: 26px;
}
.thinkWrapper .bottomPannel h2 p, .bottomPannel h2 p {
font-size: 16px;
}
.thinkWrapper .bottomPannelLeft>span,
.bottomPannelRight>span {
font-size: 36px;
}
.thinkWrapper .bottomPannelLeft>p,
.bottomPannelRight>p {
font-size: 20px;
}
.blackSection .wrapperAlign {
width: 92%;
margin: 0 auto;
display: block;
}
.blackSection .owl-carousel .owl-dots {
display: none;
}
ul.tabs {
white-space: nowrap;
overflow-x: auto;
padding-bottom: 15px !important;
}
ul.tabs li {
padding: 5px 15px;
}
.blackSection.owl-theme .owl-dots .owl-dot {
display: none;
}
.owl-prev,
.owl-next {
color: transparent !important;
}
.owl-nav .disabled:before {
opacity: .5;
}
.owl-prev:before {
content: "\f104";
font-family: 'FontAwesome';
font-size: 38px;
color: #fff;
}
.owl-next:before {
content: "\f105";
font-family: 'FontAwesome';
font-size: 38px;
color: #fff;
}
.owl-prev {
left: 10px;
font-size: 36px;
top: 46%;
color: #fff;
position: absolute;
}
.owl-next {
right: -60px;
font-size: 36px;
top: 46%;
color: #fff;
position: absolute;
}
/*.wrap{height: 414px;}*/
.thinkWrapper .transBannerImg {
float: left;
width: 100%;
max-width: 120px;
}
.heroBannerTextAlign {
float: left;
/* width: calc(100% - 167px); */
width: 100%;
text-align: center;
}
/*.thinkWrapper .heroBannerTextAlign h1 {
font-size: 42px;
line-height: 40px;
}*/
.thinkWrapper .heroBannerTextAlign h3 {
font-size: 20px;
/*	line-height: 26px;*/
}
.thinkWrapper .GridSet {
padding: 0px 18px 0px;
}
.thinkWrapper .GridSet .interactiveText {
padding-right: 0px;
}
.thinkWrapper .movieSection .movieSectionThumbnail {
height: 320px;
}
.thinkWrapper .boxThumb,
.thinkWrapper .boxThumbRight {
height: 320px;
}
.thinkWrapper #hugeHeroBanner .heroText {
overflow: hidden;
width: 100%;
}
.redsection .contentAlign {
width: 100%;
float: left;
}
.thinkWrapper .bottomPannelLeft:after,
.bottomPannelRight:after {
width: 20px;
height: 20px;
top: 42px;
}
.redsection .contentAlign > h2{
font-size: 42px;
padding: 60px 0px 0px 0px;
line-height: 140%;
}
.redsection {
width: 100%;
float: left;
padding-bottom: 30px;
}
.redsection .rowWrapper {
float: left;
width: 100%;
}
.redsection .rowWrapper .contentWrapper {
width: 125px;
height: 125px;
}
.redsection .rowWrapper .contentWrapper,
.front,
.back {
width: 140px;
height: 140px;
margin: 10px auto;
}
/*.thinkWrapper .heroBannerTextAlign h2 {font-size: 64px;line-height: 56px;}*/
/* .thinkWrapper .heroBannerTextAlign p {font-size: 22px;padding-top: 5px;}*/
.thinkWrapper .transBannerImg {
padding-left: 15px;
}
.blackSection .boxThumb,
.blackSection .boxThumbRight {
height: 300px;
}
}
@media(min-width:620px) and (max-width: 767px){
.thinkWrapper .GridSet{ width: 100%; padding: 0;}
}
@media (max-width: 767px) {


    .fa-chevron-circle-left:after {
    content: "Previous";
    font-size: 18px;
    color: #333;
    font-weight: 600;
    font-family: 'MuseoSans';
    position: absolute;
    top: 8px;
    left: 34px;
}
  
  .fa-chevron-circle-right:after{
    content: "Next";
    font-size: 18px;
    color: #333;
    font-weight: 600;
    font-family: 'MuseoSans';
    position: absolute;
    right: 34px;
    top: 8px;
  }
  .fixed-container .pagenav-section .left-nav span, .fixed-container .pagenav-section .right-nav span{
    display: none;
  }
/*Category*/
.thinkWrapper .boxThumb {
height: 250px;
}
.thinkWrapper .movieSection .movieSectionThumbnail {
height: 250px;
}
.thinkWrapper .boxItem .videoBox:nth-child(even) .bottomPannel {
width: 255px;
height: 100px;
}
.thinkWrapper .boxItem .videoBox:nth-child(odd) .bottomPannel {
width: 255px;
height: 100px;
}	


.loadMoreBtn a {
padding: 8px 25px;
font-size: 14px;}
.thinkWrapper .testimonial ul li:nth-child(odd):after {display:none;}
.thinkWrapper .boxItem .videoBox:nth-child(odd) {
padding-right: 0;
}
.thinkWrapper .boxItem .videoBox:nth-child(even) {
padding-left: 0;
}
.thinkWrapper .boxItem .videoBox:nth-child(even) .bottomPannel {
width: 90%;
max-width: 335px;
position: absolute;
right: 0 !important;
padding: 20px 40px 20px 15px;
margin: 0 25px;
left: auto;
}
.thinkWrapper .boxItem .videoBox:nth-child(odd) .bottomPannel{
width: 90%;
max-width: 335px;
position: absolute;
right: 0 !important;
padding: 20px 50px 20px 15px;
margin: 0 25px;
left: auto;
}
.thinkWrapper .bottomPannel h2 span, .bottomPannel h2 span {
font-size: 23px;
}
.thinkWrapper .bottomPannel h2 p, .bottomPannel h2 p{
font-size: 16px;
line-height: 120%;
}
.thinkWrapper .testimonial ul li:nth-child(even) {
padding-left: 0%;
float: left;}
.thinkWrapper .testimonial ul li:nth-child(odd) {
margin-bottom: 10px;
}
.thinkWrapper .testimonial ul li:nth-child(1) {
margin-bottom: 60px;
}
/*.loadMoreBtn {
margin-top: 65px;
}*/
.thinkWrapper .testimonial ul li:nth-child(odd) .card {
margin-bottom: 0px;
}
.thinkWrapper .testimonial ul li:nth-child(even):after{display:none;}
.thinkWrapper .testimonial ul:last-child:before {
left: -4px;
bottom: 0px;
margin: unset;
display: block;
}
.thinkWrapper .head_section, .head_sectionParticleBox {
padding-left: 15px;
}

.blackSection {
padding-bottom: 30px;
}
.blackSection .head_section h2,
.head_sectionParticleBox h2 {
font-size: 34px;
}
.blackSection .owl-carousel .owl-dots {
display: none;
}
ul.tabs li {
box-sizing: border-box;
width: 33.33%;
line-height: 30px;
padding: 5px 15px !important;
}
.thinkWrapper .testimonial {
margin: 20px 0px 0 0;
padding: 20px 0px 0 0;
}
.blackSection .owl-carousel .owl-nav {
display: none;
}
.blackSection .owl-theme .owl-dots .owl-dot.active span,
.blackSection .owl-theme .owl-dots .owl-dot:hover span {
background: #cc0000;
}
.thinkWrapper .testimonial ul li .card {
/*	display: inline-block;*/
margin-bottom: 60px;
}
.blackSection .owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
border-radius: 50px;
background: #fff;
}
.blackSection .head_section {
margin: 20px 0px 50px 0px;
}
.thinkWrapper .head_section h2 {
font-size: 34px;
}
.thinkWrapper .testimonial ul li:nth-child(2) {
margin-top: 0;float: left;
}
.thinkWrapper .youtubeHolder #videoPlayBg {
width: auto;
/*height: 685px;*/
}
.thinkWrapper .heroBannerTextAlign h3 {
font-size: 16px;
/*	line-height: 18px;*/
text-align: center;
}
.thinkWrapper .heroBannerTextAlign h1 {
font-size: 32px;
padding-top: 15px;
line-height: 34px;
text-align: center;
font-family: 'MuseoSans';
}
.heroBannerTextAlign {
width: 100%;
}
.thinkWrapper .transBannerImg {
padding-right: 18px;
width: 85px;
display: block;
float: none;
margin: 0 auto;
height: auto !important;
}
.thinkWrapper .heroBanner {
min-height: unset;
}
/*	.wrap{ height: 685px;}*/
.thinkWrapper .bottomPannelLeft>span,
.bottomPannelRight>span {
font-size: 20px;
}
.thinkWrapper .bottomPannelLeft>p,
.bottomPannelRight>p {
font-size: 14px;
font-family: 'museo_sans500';
line-height: unset;
}
.thinkWrapper .bottomPannelLeft:after,
.bottomPannelRight:after {
top: 32px;
}

.thinkWrapper .testimonial ul li:first-child {
padding-right: 0px;
}
.thinkWrapper .testimonial ul li:nth-child(2) {
padding-left: 0px;
}
.thinkWrapper .testimonial:after {
left: 3px;
top: 0px;
margin: unset;
}
.thinkWrapper .testimonial:before {
left: -3px;
top: 0px;
z-index:999999;
margin: unset;
}
.testimonial ul li:first-child:after {
content: none;
display: none;
}
.thinkWrapper .testimonial ul li:nth-child(2):after {
content: none;
display: none;
}
.thinkWrapper .testimonial ul li .card:after {
content: '';
position: absolute;
background-color: #ccc;
height: 1px;
width: 16px;
left: -17px;
top: 10%;
}
.particleBox .head_sectionParticleBox {
margin-top: 40px;
}
.thinkWrapper #hugeHeroBanner .heroBannerContent {
padding: 0 10px;
width: 100%;
margin: 0 auto;
max-width: 80%;
float: none;
}
.thinkWrapper .heroSubText p {
font-size: 18px;
}
.redsection .contentAlign {
width: 100%;
padding: 0;
}
.redsection .contentAlign > h2 {
font-size: 34px;
padding: 30px 15px 0px;
line-height: 120%;
}
.thinkWrapper .boxThumb,
.thinkWrapper .boxThumbRight {
width: 100%;
margin-bottom: 55px;
}
.thinkWrapper .mB70 {
margin-bottom: 0px;
}

.thinkWrapper .movieSection .movieSectionThumbnail {
height: 250px;
}
.thinkWrapper .boxThumb,
.thinkWrapper .boxThumbRight {
height: 250px;
}
.thinkWrapper .interactiveText {
margin: 40px 0px 40px 0px;
font-size: 15px;
font-weight: normal;
line-height: 20px;
}
.thinkWrapper .arrow-scroll {
bottom: 5%;
}
/*
.thinkWrapper .arrow-scroll:hover {
bottom: 4%;
}*/
.thinkWrapper .interactiveText>p {
line-height: 20px;
font-size: 15px;
}
.blackSection .boxThumb,
.blackSection .boxThumbRight {
margin-bottom: 110px;
}
.blackSection .boxThumb>p,
.blackSection .boxThumbRight>p {
padding-top: 10px;
}
.blackSection .playButton .icon-play img {
top: 78%;
left: 50%;
}
.thinkWrapper .boxItem .videoBox {
width: 100%;
padding-right: 0;
}
.thinkWrapper .boxItem .videoBox {
width: 100%;
padding-left: 0;
}


.particleBoxTabs {
width: 100%;
}
#articleList .card {
margin-right: 20px;
/*	    width: 100%;*/
}
.thinkWrapper .testimonial ul li {
width: 100%;
margin-left: 20px;
float:left;
}
.thinkWrapper .wrapperAlign {
margin: 0px auto 40px;
width: 94%;
}
.head_sectionParticleBox p{
font-size: 14px;
}
.particleBox .card p{
font-size: 14px;
}
.blackSection .head_section p {
font-size: 14px;
}
}

@media (max-width:567px){
.thinkWrapper .arrow-scroll {
bottom: 10%;
}

}
@media screen and (max-width: 579px) {
.thinkWrapper .playButton .icon-play img {
width: 4em !important;
height: 4em !important;
}
.blackSection .playButton .icon-play img {
top: 100%;
}
}

@media (max-width: 480px) {
ul.tabs li {
box-sizing: border-box;
width: 33.33%;
line-height: 30px;
padding: 5px 10px !important;
}
.blackSection .owl-carousel .owl-dots {
display: inline-block;
text-align: center;
width: 100%;
}
.blackSection {
padding-bottom: 0px;
}
.blackSection .owl-carousel .owl-dots .owl-dot {
display: inline-flex;
padding: 0 6px;
}
}


@media (max-width: 385px) {
.thinkWrapper .bottomPannelLeft,
.thinkWrapper .bottomPannelRight {
max-width: 270px;
}	
.thinkWrapper .boxItem .videoBox:nth-child(odd) .bottomPannel, .thinkWrapper .boxItem .videoBox:nth-child(even) .bottomPannel{
width: 85%;
margin: 0 15px;
}
.bottomPannel:after {
right: 20px !important;
}
}


@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.wrap {
display: table-cell;
top: 32%;
}
}


.bounce {
animation: bounce 3s infinite;
-webkit-animation: bounce 3s infinite;
-moz-animation: bounce 3s infinite;
-o-animation: bounce 3s infinite;
}
.bounce:hover {
animation: none;
}

@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-20px);
}
60% {
-webkit-transform: translateY(-15px);
}
}

@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-20px);
}
60% {
-moz-transform: translateY(-15px);
}
}

@-o-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-20px);
}
60% {
-o-transform: translateY(-15px);
}
}

@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-20px);
}
60% {
transform: translateY(-15px);
}
}
#particles {
width: 100%;
height: 100%;
background-image: url('/-/media/project/hitachi/sib/en-us/image/new-section/bg-02.jpg');
background-size: contain;
background-repeat: repeat;
position: relative;
}


canvas{
display:block;
vertical-align:bottom;
}

canvas.particles-js-canvas-el {
position: absolute;
top: 0;
z-index: 1;
}



/* ---- particles.js container ---- */

#particles-js{
width: 100%;
height: 100%;
background-size: cover;
z-index: 1;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
}



@media (min-width: 1025px){
.hidden-lg {
display: none !important;
}
}






/* ---- particles.js container ---- */