h1{color:#444;font-size:3.5em;font-weight:600;}
.full-height{height:100vh;}
.pre-3d {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow:hidden;
}
.home-maid{
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  max-height:100%;
  width:auto;
}
.phase2,.phase-industry{opacity:0;visibility:hidden;line-height:50px;}
.s1,.s2{overflow:hidden;border:1px solid #555;}
.s1{background:url(images/arrow1.svg) no-repeat center center;background-size:80% 80%;}
.s2{background:url(images/arrow5.svg) no-repeat center center;background-size:80% 80%;}
.demo{background:rgba(255,255,255,.7);}
#demo-text,#demo-text2{text-align:center;width:100%;left:0;padding:30px 0;font-weight:800;}
#demo-text span, #demo-text2 span{
  position: relative;
  display:inline-block;
  -webkit-font-smoothing:antialiased;
}
.vcenter{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform:translateY(-50%);
}
.box-text{width:100%;max-width:100%;position:inherit;z-index:15;}
.box-text p{color:#f9f9f9;}
.box-text a{position:absolute;z-index:100;}

.yellow-squares{
  background-color:#00aff3;
  transform: matrix3d(0.86602, 0.49999, 0, 0, -0.49999, 0.86602, 0, 0, 0, 0, 1, 0, 0, 20, 800, 1);
  position:relative;
  z-index:10;
}
.orange-squares{
  background-color:#8c0f30;
  transform: matrix3d(0.21219, 0.64357, 0, 0, -0.19197, 0.46537, 0, 0, 0, 0, 1, 0, 0, 20, 600, 1);
  position:relative;
  z-index:10;
}