body {
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  color: #fff;
  background: #fff;
  width: 100%;
  height: 100%;
}
/*	TEXT COMMON	*/
a,
a:hover {
  text-decoration: none;
}

/*@font-face {font-family: 'museo-300';
src: url('../fonts/museo-300.ttf') format('truetype');
}

@font-face {font-family: 'museo-300';
src: url('../fonts/museo-300.otf');
}

@font-face {font-family: 'museo-500';
src: url('../fonts/museo-500.ttf') format('truetype');
}*/

@font-face {font-family: 'museo-sans';
src: url('../fonts/museo-sans.otf');
}

@font-face {font-family: 'museo-700';
src: url('../fonts/museo-700.otf');
}

@font-face {font-family: 'museo-900';
src: url('../fonts/museo-900.ttf') format('truetype');
}

@font-face {font-family: 'museo-slab-700';
src: url('../fonts/museo-slab-700.otf');
}


@font-face {font-family: 'museo-slab-900';
src: url('../fonts/museo-slab-900.otf');
}

/*@font-face {font-family: 'museo';
src: url('../fonts1/museo-sans.otf');
}

@font-face {font-family: 'museo1';
src: url('../fonts1/museo-sans1.otf');
}

@font-face {font-family: 'museo2';
src: url('../fonts1/museo-sans2.otf');
}

@font-face {font-family: 'museo3';
src: url('../fonts1/museo-sans3.otf');
}

@font-face {font-family: 'museo4';
src: url('../fonts1/poplar-std.otf');

@font-face {font-family: 'museo-slab-100';
src: url('../fonts1/museo-slab-100.otf');
}

@font-face {font-family: 'museo-slab-500';
src: url('../fonts/museo-slab-500.otf');
}


}*/



.sans {
  font-family: "museo-sans";
}
.sans700 {
  font-family: "museo-700";
  font-family/*\**/ : "museo-700"\9 !important; 
}
.sanshv {
  font-family: "museo-700";
  font-weight: 900;
}
.slab {
  font-family: "museo-slab-700";
}
.slabb {
  font-family: "museo-slab-900";
}


.helv {
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 300;
}
.xl {
  font-weight: 900;
  font-size: 90px;
  line-height: 84px;
}
.lg {
  font-weight: 900;
  font-size: 50px;
  line-height: 53px;
}
.lg700 {
  font-weight: 700;
  font-size: 50px;
  line-height: 53px;
}
.lg-40 {
  font-weight: 900;
  font-size: 40px;
  line-height: 40px;
}
.md {
 font-weight: 900;
  font-size: 30px;
  line-height: 30px;
}
.md-700 {
 font-weight: 700;
  font-size: 30px;
  line-height: 36px;
}

.md-7000 {
 font-weight: 700;
  font-size: 30px;
  font-size/*\**/: 29px\9 !important;  
  line-height: 36px;
}

.mdlt {
 font-weight: 300;
  font-size: 30px;
  line-height: 30px;
}
.md-24 {
  font-size: 24px;
  line-height: 24px;
}
.md-26 {
  font-size: 26px;
  line-height: 26px;
}
.md-21 {
  font-size: 21px;
  line-height: 21px;
}
.md-18 {
  font-size: 18px;
  line-height: 18px;
}
.sm-12 {
  font-size: 12px;
  line-height: 14px;
}
.red {
  color: #cb2026;
}
.blue {
  color: #068eaa;
}
.ltblue {
  color: #2fc1d6;
}
.dkgray {
  color: #424242;
}
.xdkgray {
  color: #231f20;
}
.white {
  color: #ffffff;
}
.title-box {
  padding: 5px 10px;
  background: #ffffff;
}
.blue-box {
  padding: 5px 10px;
  background: #068eaa;
}
.horizspacer {
  width: 100%;
  height: 10px;
  background: #424242;
  position: relative;
}
.share-box {
  background: url(../img/share-bkg.png) no-repeat;
  position: absolute;
  width: 138px;
  height: 44px;
}
.share-box .icon-share-twitter {
 width: 26px;
 height: 26px;	
  cursor: pointer;
  position: absolute;
  top: 9px;
  left: 70px;
}
.share-box .icon-share-linkedin {
 width: 26px;
 height: 26px;	
  cursor: pointer;
  position: absolute;
  top: 9px;
  left: 100px;
}
.view-source{
	position: absolute;
	top: 100px;
	left: 100px;
	opacity: 0;
}

#infobox2 .view-source{
	top: 135px;
	left: 150px;	
}
#infobox3 .view-source{
	top: 135px;
	left: 130px;	
}

#infobox2:hover .view-source{
	opacity:1;
}

#infobox3:hover .view-source{
	opacity:1;
}

#infobox2:hover .view-source{
	opacity:1;
}

#uptime:hover .view-source{
	opacity:1;
}

.animateAll {
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
/*	LAYOUT	*/
#container {
	opacity:0;
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.row {
  width: 100%;
  overflow: auto;
  height: auto;
}
.col-50 {
  width: 50%;
  float: left;
  overflow: auto;
}
.col-100 {
  width: 100%;
  float: left;
  overflow: auto;
}
/*	HEADER	*/
#header {
  width: 100%;
  height: 310px;
  background: #231f20;
  position: relative;
  overflow: hidden;
  z-index: 99;
}
#header-content {
  max-width: 1024px;
  height: 310px;
  margin: 0 auto;
  position: relative;
}
#headline-lg {
  padding: 40px 0 0 0;
  max-width: 1024px;
  text-align: center;
  height: 180px;
  margin: 0 auto;
}
#headline-md {
  padding: 0px 0;
  max-width: 1024px;
  text-align: center;
  margin: 0 auto;
}
#gears-left {
  position: absolute;
  width: 316px;
  height: 275px;
  top: 55px;
  left: -60px;
  opacity: 0.1;
  z-index: 99;
}
#gears-left #gear1 {
  background: url(../img/big-gear.png) no-repeat;
  background-size: cover;
  width: 167px;
  height: 167px;
  position: absolute;
  top: 106px;
  left: 0px;
}
#gears-left #gear2 {
  background: url(../img/big-gear.png) no-repeat;
  background-size: cover;
  width: 130px;
  height: 130px;
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg);
  position: absolute;
  top: 0px;
  left: 72px;
}
#gears-left #gear3 {
  background: url(../img/big-gear.png) no-repeat;
  background-size: cover;
  width: 104px;
  height: 104px;
  position: absolute;
  top: 89px;
  left: 160px;
}
#gears-left #gear4 {
  background: url(../img/big-gear.png) no-repeat;
  background-size: cover;
  width: 62px;
  height: 62px;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  position: absolute;
  top: 79px;
  left: 253px;
}
#gears-right {
  position: absolute;
  width: 316px;
  height: 275px;
  top: 90px;
  right: 36px;
  opacity: 0.1;
  z-index: 99;
}
#gears-right #gear1 {
  background: url(../img/big-gear.png) no-repeat;
  background-size: cover;
  width: 167px;
  height: 167px;
  position: absolute;
  top: 0px;
  left: 149px;
}
#gears-right #gear2 {
  background: url(../img/big-gear.png) no-repeat;
  background-size: cover;
  width: 130px;
  height: 130px;
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg);
  position: absolute;
  top: 144px;
  left: 112px;
}
#gears-right #gear3 {
  background: url(../img/big-gear.png) no-repeat;
  background-size: cover;
  width: 104px;
  height: 104px;
  position: absolute;
  top: 79px;
  left: 50px;
}
#gears-right #gear4 {
  background: url(../img/big-gear.png) no-repeat;
  background-size: cover;
  width: 62px;
  height: 62px;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  position: absolute;
  top: 132px;
  left: 0px;
}
/*	SECTION1	*/
#section1 {
  max-width: : 100%;
  height: 790px;
  position: relative;
  background: url(../img/top-pipes.png) center top #ffffff no-repeat;
}
#section1 #share-section1 {
  bottom: -28px;
  z-index: 99;
  right: 0px;
}
#section1 #pipe-overlay {
  position: absolute;
  width: 1010px;
  height: 790px;
  top: 0px;
  left: 50%;
  margin: 0 0 0 -550px;
  z-index: 10;
}
#section1 .sm-arrows {
  width: 17px;
  height: 58px;
  position: absolute;
  background: url(../img/sm-arrows-down.gif) no-repeat;
}
#section1 #arrows1 {
  top: 0px;
  left: 148px;
  z-index: 50;
}
#section1 #arrows2 {
  top: -15px;
  left: 321px;
  z-index: 50;
}
#section1 #arrows3 {
  top: 0px;
  left: 496px;
  z-index: 50;
}
#section1 #arrows4 {
  top: 0px;
  left: 593px;
  z-index: 50;
}
#section1 #arrows5 {
  top: -15px;
  left: 780px;
  z-index: 50;
}
#section1 #arrows6 {
  top: -15px;
  left: 1020px;
  z-index: 50;
}
#section1 #belt-motor {
  position: absolute;
  width: 114px;
  height: 109px;
  top: 450px;
  left: 900px;
  opacity: 0.42;
}
#section1 #belt-motor #pulleywheelbig {
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(../img/pulleywheel.png) no-repeat;
  width: 62px;
  height: 62px;
}
#section1 #belt-motor #pulleywheelsm {
  position: absolute;
  top: 54px;
  left: 0px;
  background: url(../img/pulleywheel-sm.png) no-repeat;
  width: 55px;
  height: 55px;
}
#section1 #belt-motor #pulleybelt {
  position: absolute;
  top: 18px;
  left: 8px;
  background: url(../img/pulley-belt.png) no-repeat;
  width: 93px;
  height: 87px;
}
#section1 .water {
  width: 17px;
  height: 140px;
  background-image: url(../img/water.png);
  background-repeat: no-repeat;
  background-position: 0px -264px;
  position: absolute;
  z-index: 20;
  opacity: 0.6;
}
#section1 #water1 {
  top: 214px;
  left: 554px;
}
#section1 .whirleygig {
  background: url(../img/whirley-gig.png) no-repeat;
  position: absolute;
  width: 14px;
  height: 54px;
  opacity: 0.42;
}
#section1 #whirleygig1 {
  top: 506px;
  left: 298px;
}
#section1 #whirleygig2 {
  top: 505px;
  left: 384px;
}
#section1 #whirleygig3 {
  top: 545px;
  left: 672px;
}
#section1 #whirleygig4 {
  top: 545px;
  left: 766px;
}
#section1 #steam {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: 485px;
  left: 890px;
  background-repeat: no-repeat;
  background-image: url(../img/steam.png);
  z-index: 40;
}
#section1 #steam2 {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: 165px;
  left: -20px;
  background-repeat: no-repeat;
  background-image: url(../img/steam.png);
  z-index: 40;
}
#section1 #gears-gray {
  width: 94px;
  height: 106px;
  position: absolute;
  top: 425px;
  left: 145px;
  opacity: 0.42;
}
#section1 #gears-gray #gray-gear1 {
  width: 52px;
  height: 52px;
  background: url(../img/small-gear-gray.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 37px;
  left: 0px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
#section1 #gears-gray #gray-gear2 {
  width: 38px;
  height: 38px;
  background: url(../img/small-gear-gray.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 14px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
#section1 #gears-gray #gray-gear3 {
  width: 48px;
  height: 48px;
  background: url(../img/small-gear-gray.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 28px;
  left: 46px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
#section1 #gears-red {
  width: 94px;
  height: 106px;
  position: absolute;
  top: 388px;
  left: 873px;
}
#section1 #gears-red #red-gear1 {
  width: 52px;
  height: 52px;
  background: url(../img/small-gear-red.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 37px;
  left: 0px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
#section1 #gears-red #red-gear2 {
  width: 38px;
  height: 38px;
  background: url(../img/small-gear-red.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 14px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
#section1 #gears-red #red-gear3 {
  width: 48px;
  height: 48px;
  background: url(../img/small-gear-red.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 28px;
  left: 46px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
#section1 #wheel1 {
  opacity: 0.42;
  position: absolute;
  top: 136px;
  left: 125px;
  width: 66px;
  height: 66px;
  background: url(../img/wheel.png) no-repeat;
}
#section1 #wheel2 {
  opacity: 0.42;
  position: absolute;
  top: 545px;
  left: 42px;
  width: 66px;
  height: 66px;
  background: url(../img/wheel.png) no-repeat;
}
#section1 #section1-content {
  max-width: 1024px;
  height: 790px;
  margin: 0 auto;
  position: relative;
  z-index: 20;
}
#section1 #infobox1 {
  max-width: 450px;
  text-align: center;
  position: absolute;
  top: 70px;
  left: 40px;
  z-index: 50;
  opacity: 0;
}
#section1 #infobox1 #lines {
  width: 298px;
  height: 31px;
  position: absolute;
  left: 72px;
}
#section1 #infobox1 #line-text1,
#section1 #infobox1 #line-text2,
#section1 #infobox1 #line-text3 {
  width: 33%;
  text-align: center;
  float: left;
  padding: 30px 0 0 0;
}
#section1 #infobox2 {
  width: 430px;
  position: absolute;
  top: 70px;
  right: 40px;
  z-index: 50;
  opacity: 0;
}
#section1 #infobox2 #money-icon {
  width: 129px;
  height: 139px;
  float: left;
}
#section1 #infobox2 #right-text {
  width: 275px;
  float: right;
}
#section1 #infobox3 {
  width: 414px;
  z-index: 50;
  position: absolute;
  bottom: 80px;
  left: 40px;
  opacity: 0;
}
#section1 #infobox3 #profit-icon {
  width: 105px;
  height: 128px;
  float: left;
}
#section1 #infobox3 #right-text {
  width: 285px;
  float: right;
}
#section1 #infobox4 {
  text-align: center;
  width: 50%;
  z-index: 50;
  position: absolute;
  bottom: 80px;
  right: 0px;
  opacity: 0;
}
#section1 #blue-flag {
  background-image: url(../img/blue-flag.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 650px;
  height: 214px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -77px 0 0 -325px;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
#section1 #blue-flag #flag-text {
  text-align: center;
  width: 650px;
  padding: 20px 0 0 0;
  position: absolute;
  z-index: 10;
  letter-spacing: -1px;
}
#section1 #blue-flag #flag {
  position: absolute;
  z-index: 0;
}
/*	SECTION2	*/
#section2 {
  width: 100%;
  min-height: 2003px;
  background: url(../img/bottom-pipes.png) center top #6d6e71 no-repeat;
  position: relative;
}
#section2 #pipe-overlay2 {
  position: absolute;
  width: 1184px;
  height: 2003px;
  top: 0px;
  left: 50%;
  margin: 0 0 0 -550px;
  z-index: 1;
}
#section2 #pipe-overlay2 .whirleygig {
  background: url(../img/whirley-gig.png) no-repeat;
  position: absolute;
  width: 14px;
  height: 54px;
  opacity: 0.2;
}
#section2 #pipe-overlay2 #whirleygig5 {
  top: 640px;
  left: 278px;
}
#section2 #pipe-overlay2 #whirleygig6 {
  top: 640px;
  left: 392px;
}
#section2 #pipe-overlay2 #whirleygig7 {
  top: 590px;
  left: 726px;
}
#section2 #pipe-overlay2 #whirleygig8 {
  top: 590px;
  left: 834px;
}
#section2 #pipe-overlay2 #wheel3 {
  opacity: 0.2;
  position: absolute;
  top: 164px;
  left: 978px;
  width: 66px;
  height: 66px;
  background: url(../img/wheel.png) no-repeat;
}
#section2 #pipe-overlay2 #wheel4 {
  opacity: 0.2;
  position: absolute;
  top: 644px;
  left: 1070px;
  width: 66px;
  height: 66px;
  background: url(../img/wheel.png) no-repeat;
}
#section2 #pipe-overlay2 #wheel5 {
  opacity: 0.2;
  position: absolute;
  top: 384px;
  left: 192px;
  width: 66px;
  height: 66px;
  background: url(../img/wheel.png) no-repeat;
}
#section2 #pipe-overlay2 #belt-motor2 {
  position: absolute;
  width: 114px;
  height: 109px;
  top: 530px;
  left: 15px;
  opacity: 0.2;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#section2 #pipe-overlay2 #belt-motor2 #pulleywheelbig {
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(../img/pulleywheel.png) no-repeat;
  width: 62px;
  height: 62px;
}
#section2 #pipe-overlay2 #belt-motor2 #pulleywheelsm {
  position: absolute;
  top: 54px;
  left: 0px;
  background: url(../img/pulleywheel-sm.png) no-repeat;
  width: 55px;
  height: 55px;
}
#section2 #pipe-overlay2 #belt-motor2 #pulleybelt {
  position: absolute;
  top: 14px;
  left: 8px;
  background: url(../img/pulley-belt.png) no-repeat;
  width: 93px;
  height: 87px;
}
#section2 #pipe-overlay2 #gears-gray3 {
  width: 94px;
  height: 106px;
  position: absolute;
  top: 460px;
  left: 65px;
  opacity: 0.2;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#section2 #pipe-overlay2 #gears-gray3 #gray-gear1 {
  width: 52px;
  height: 52px;
  background: url(../img/small-gear-gray.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 37px;
  left: 0px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
#section2 #pipe-overlay2 #gears-gray3 #gray-gear2 {
  width: 38px;
  height: 38px;
  background: url(../img/small-gear-gray.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 14px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
#section2 #pipe-overlay2 #gears-gray3 #gray-gear3 {
  width: 48px;
  height: 48px;
  background: url(../img/small-gear-gray.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 28px;
  left: 46px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
#section2 #pipe-overlay2 #gears-gray4 {
  width: 94px;
  height: 106px;
  position: absolute;
  top: 500px;
  left: 925px;
  opacity: 0.2;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#section2 #pipe-overlay2 #gears-gray4 #gray-gear1 {
  width: 52px;
  height: 52px;
  background: url(../img/small-gear-gray.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 37px;
  left: 0px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
#section2 #pipe-overlay2 #gears-gray4 #gray-gear2 {
  width: 38px;
  height: 38px;
  background: url(../img/small-gear-gray.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 14px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
#section2 #pipe-overlay2 #gears-gray4 #gray-gear3 {
  width: 48px;
  height: 48px;
  background: url(../img/small-gear-gray.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 28px;
  left: 46px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
#section2 #content1 {
  max-width: 1024px;
  height: 494px;
  margin: 0 auto;
  position: relative;
  z-index: 70;
}
#section2 #content1 #share-content1 {
  position: absolute;
  right: 0px;
  bottom: -24px;
  z-index: 99;
}
#section2 #content1 #simplify-box {
  z-index: 90;
  position: absolute;
  top: 40px;
  left: 50%;
  margin: 0 0 0 -368px;
  width: 736px;
  height: 193px;
  background: #fff;
  text-align: center;
  padding: 40px 0 0 0;
}
#section2 #content1 #simplify-box .md {
  line-height: 36px;
}
#section2 #content1 #lower-text {
  width: 736px;
  text-align: left;
  position: absolute;
  top: 300px;
  left: 50%;
  margin: 0 0 0 -368px;
}
#section2 #content1 #lower-text #left-text {
  width: 250px;
  float: left;
  font-size: 28px;
  line-height: 32px;
}
#section2 #content1 #lower-text #right-text {
  width: 258px;
  float: right;
  font-size: 28px;
  line-height: 32px;
}
#section2 #content1 #blue-lines-converge {
  width: 181px;
  height: 0px;
  background: url(../img/blue-lines-converge.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 273px;
  left: 50%;
  margin: 0 0 0 -90px;
}
#section2 #content1 #arrow-down {
  width: 114px;
  height: 114px;
  z-index: 55;
  background: url(../img/arrows-down.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 438px;
  left: 50%;
  cursor: pointer;
  margin: 0 0 0 -57px;
}
#section2 #content1 #horiz-dotted {
  width: 100%;
  height: 3px;
  background: url(../img/horiz-divide-dash.png) center top no-repeat;
  position: absolute;
  left: 0px;
  top: 492px;
  z-index: 10;
}
#section2 #content2 {
  max-width: 1024px;
  height: 480px;
  margin: 0 auto;
  position: relative;
  z-index: 60;
}
#section2 #content2 #share-content2 {
  position: absolute;
  right: 0px;
  bottom: -24px;
  z-index: 99;
}
#section2 #content2 #content-title {
  width: 180px;
  height: 150px;
  position: absolute;
  top: 60px;
  left: 50%;
  margin: 0 0 0 -90px;
  z-index: 50;
  text-align: center;
  line-height: 50px;
}
#section2 #content2 .content-left1 {
  position: absolute;
  top: 200px;
  left: 40px;
  width: 380px;
}
#section2 #content2 .content-left1 #icon-calendar {
  width: 87px;
  height: 84px;
  background: url(../img/icon-calendar.png) no-repeat;
  float: left;
}
#section2 #content2 .content-left1 #icon-calendar #calendar-numbers {
  position: absolute;
  top: 37px;
  left: 18px;
}
#section2 #content2 .content-left1 .text-block {
  margin: -5px 0 0 15px;
  float: left;
}
#section2 #content2 .content-left2 {
  position: absolute;
  top: 340px;
  left: 40px;
  width: 380px;
}
#section2 #content2 .content-left2 #icon-roi {
  width: 87px;
  height: 74px;
  background: url(../img/icon-roi.png) no-repeat;
  float: left;
}
#section2 #content2 .content-left2 #icon-roi #roi-arrow {
  position: absolute;
  top: 0px;
  left: 4px;
  z-index: 0;
  background: url(../img/roi-arrow.png) no-repeat;
  background-position: 0px 0px;
  width: 79px;
  height: 60px;
}
#section2 #content2 .content-left2 .text-block {
  margin: 3px 0 0 15px;
  float: left;
}
#section2 #content2 .content-right1 {
  position: absolute;
  top: 200px;
  right: 40px;
  width: 380px;
}
#section2 #content2 .content-right1 #icon-coin {
  width: 87px;
  height: 84px;
  background: url(../img/icon-coin.png) no-repeat;
  float: left;
}
#section2 #content2 .content-right1 .text-block {
  margin: 3px 0 0 0px;
  float: left;
}
#section2 #content2 .content-right2 {
  position: absolute;
  top: 340px;
  right: 58px;
  width: 360px;
}
#section2 #content2 .content-right2 #icon-connect {
  width: 87px;
  height: 84px;
  background: url(../img/icon-connect.png) no-repeat;
  float: left;
}
#section2 #content2 .content-right2 #icon-connect #connect-lines {
  width: 26px;
  height: 23px;
  position: absolute;
  top: 38px;
  left: 28px;
  background: url(../img/connect-lines.png) no-repeat;
}
#section2 #content2 .content-right2 .text-block {
  margin: 5px 0 0 15px;
  float: left;
}
#section2 #content2 #blue-line {
  width: 61px;
  height: 273px;
  background: url(../img/blue-line-arrow.png) no-repeat;
  background-position: 0px -400px;
  background-size: cover;
  position: absolute;
  top: 160px;
  left: 50%;
  margin: 0 0 0 -30px;
}
#section2 #content2 #arrow-down {
  width: 114px;
  height: 114px;
  z-index: 55;
  background-image: url(../img/arrows-down.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 421px;
  left: 50%;
  cursor: pointer;
  margin: 0 0 0 -57px;
}
#section2 #content2 #horiz-dotted {
  width: 100%;
  height: 3px;
  background: url(../img/horiz-divide-dash.png) center top no-repeat;
  position: absolute;
  left: 0px;
  top: 478px;
  z-index: 10;
}
#section2 #content3 {
  max-width: 1024px;
  height: 364px;
  margin: 0 auto;
  position: relative;
  z-index: 50;
}
#section2 #content3 #share-content3 {
  position: absolute;
  right: 0px;
  bottom: -24px;
  z-index: 99;
}
#section2 #content3 #content-title {
  width: 330px;
  height: 150px;
  position: absolute;
  top: 60px;
  left: 50%;
  margin: 0 0 0 -165px;
  z-index: 50;
  text-align: center;
  line-height: 50px;
}
#section2 #content3 .content-left1 {
  position: absolute;
  top: 220px;
  left: 40px;
  width: 380px;
}
#section2 #content3 .content-left1 #icon-folder {
  width: 86px;
  height: 86px;
  background: url(../img/icon-folder.png) no-repeat;
  float: left;
}
#section2 #content3 .content-left1 #icon-folder #folder-arrows {
  width: 86px;
  height: 86px;
  background: url(../img/folder-arrows.png) no-repeat;
  position: absolute;
}
#section2 #content3 .content-left1 .text-block {
  margin: 12px 0 0 10px;
  float: left;
}
#section2 #content3 .content-right1 {
  position: absolute;
  top: 220px;
  right: 40px;
  width: 380px;
}
#section2 #content3 .content-right1 #icon-squares {
  width: 75px;
  height: 76px;
  background: url(../img/icon-squares.png) no-repeat;
  float: left;
  position: relative;
}
#section2 #content3 .content-right1 #icon-squares #blue-square {
  width: 31px;
  height: 31px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(../img/blue-square.png) no-repeat;
}
#section2 #content3 .content-right1 .text-block {
  margin: -6px 0 0 10px;
  float: left;
}
#section2 #content3 #blue-line {
  width: 61px;
  height: 185px;
  background: url(../img/blue-line-arrow.png) no-repeat;
  background-position: 0px -400px;
  background-size: cover;
  position: absolute;
  top: 160px;
  left: 50%;
  margin: 0 0 0 -30px;
}
#section2 #content3 #arrow-down {
  width: 114px;
  height: 114px;
  z-index: 55;
  background: url(../img/arrows-down.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 305px;
  left: 50%;
  cursor: pointer;
  margin: 0 0 0 -57px;
}
#section2 #content3 #horiz-dotted {
  width: 100%;
  height: 3px;
  background: url(../img/horiz-divide-dash.png) center top no-repeat;
  position: absolute;
  left: 0px;
  top: 362px;
  z-index: 10;
}
#section2 #content4 {
  max-width: 1024px;
  height: 374px;
  margin: 0 auto;
  position: relative;
  z-index: 40;
}
#section2 #content4 #share-content4 {
  position: absolute;
  right: 0px;
  bottom: -24px;
  z-index: 99;
}
#section2 #content4 #content-title {
  width: 320px;
  height: 150px;
  position: absolute;
  top: 60px;
  left: 50%;
  margin: 0 0 0 -160px;
  z-index: 50;
  text-align: center;
  line-height: 50px;
}
#section2 #content4 .content-left1 {
  position: absolute;
  top: 220px;
  left: 40px;
  width: 440px;
}
#section2 #content4 .content-left1 #icon-247 {
  width: 89px;
  height: 84px;
  background: url(../img/icon-247.png) no-repeat;
  float: left;
  position: relative;
}
#section2 #content4 .content-left1 #icon-247 #clock-hand {
  width: 26px;
  height: 26px;
  position: absolute;
  right: 9px;
  top: 49px;
  background: url(../img/clock-hand.png) no-repeat;
}
#section2 #content4 .content-left1 .text-block {
  margin: 5px 0 0 15px;
  float: left;
}
#section2 #content4 .content-right1 {
  position: absolute;
  top: 220px;
  right: 120px;
  width: 300px;
}
#section2 #content4 .content-right1 .text-block {
  margin: 0 0 0 10px;
  float: left;
}
#section2 #content4 #blue-line-arrow {
  width: 61px;
  height: 246px;
  background: url(../img/blue-line-arrow.png) no-repeat;
  background-position: 0px -400px;
  background-size: cover;
  position: absolute;
  top: 160px;
  left: 50%;
  margin: 0 0 0 -30px;
}
#section2 #content4 #horiz-dotted-end {
  width: 100%;
  height: 3px;
  background: url(../img/horiz-divide-dash-end.png) center top no-repeat;
  position: absolute;
  left: 0px;
  top: 372px;
  z-index: 10;
}
#section2 #content5 {
  max-width: 1024px;
  height: 364px;
  margin: 0 auto;
  position: relative;
  z-index: 30;
}
#section2 #content5 .content-full {
  width: 84%;
  height: 280px;
  margin: 0 auto;
  padding: 70px 0 0 0;
  position: relative;
}
#section2 #content5 .content-full p {
  line-height: 34px;
  width: 100%;
}
#section2 #content5 .content-full #quotes-left {
  position: absolute;
  left: -45px;
}
#section2 #content5 .content-full #quotes-right {
  position: absolute;
  right: -40px;
  top: 230px;
}
#section3 {
  width: 100%;
  min-height: 361px;
  background: #ffffff;
  position: relative;
}
#section3 .content-full {
  max-width: 1024px;
  height: 280px;
  margin: 0 auto;
  padding: 30px 0 60px 0;
  position: relative;
}
#section3 .content-full #lg-red {
  margin: 20px 0;
}
#section3 .content-full #download {
  cursor: pointer;
}
#section3 .content-full #download:hover .blue-box {
  background: #2fc1d6;
}
#section3 .content-full #ucp-image {
  float: left;
  width: 207px;
  height: 288px;
}
#footer {
  background: #231f20;
  width: 100%;
  min-height: 240px;
  position: relative;
}
#footer .content-full {
  max-width: 1024px;
  margin: 0 auto;
  height: 210px;
  padding: 30px 0 0 0;
  position: relative;
}
#footer .content-full #hds-logo {
  width: 469px;
  height: 58px;
  top: 70px;
  left: 0px;
  position: absolute;
}
#footer .content-full #hds-logo #hds1{
 float: left;
}
#footer .content-full #hds-logo #hds2{
 float: left;
}
#footer .content-full #hds-logo #hds3{
 float: left;
}

#footer .content-full #footer-text {
  position: absolute;
  width: 60%;
  top: 140px;
  left: 0px;
}
#footer .content-full #hitachi-logo {
  width: 151px;
  height: 43px;
  position: absolute;
  top: 70px;
  right: 40px;
}
#footer .content-full #social-icons {
  position: absolute;
  top: 140px;
  right: 27px;
}
#footer .content-full #social-icons a {
  margin: 0 15px 0 0;
}
@media (max-width: 1024px) {
  .xl {
    font-weight: 900;
    font-size: 70px;
    line-height: 74px;
  }
  .lg {
    font-weight: 700;
    font-size: 40px;
    line-height: 43px;
  }
  .lg-40 {
    font-weight: 900;
    font-size: 30px;
    line-height: 30px;
  }
  .md {
    font-size: 30px;
    line-height: 30px;
  }
  .md-24 {
    font-size: 24px;
    line-height: 24px;
  }
  .md-26 {
    font-size: 18px;
    line-height: 18px;
  }
  .md-21 {
    font-size: 21px;
    line-height: 21px;
  }
  .md-18 {
    font-size: 18px;
    line-height: 18px;
  }
  .sm-12 {
    font-size: 12px;
    line-height: 12px;
  }
  .content-right1 {
    position: absolute;
    top: 220px;
    right: 20px;
    width: 300px;
    cursor: pointer;
  }
  #content5 p br {
    display: none;
  }
  #section1 {
    height: 1000px;
  }
  #section1 #section1-content {
    height: 1000px;
  }
  #section1 #section1-content #infobox1 {
    width: 600px;
    height: 150px;
    text-align: center;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 40px 0 0 0 ;
    margin: 0px auto 0 auto;
    z-index: 50;
    opacity: 0;
  }
  #section1 #section1-content #infobox1 #lines {
    width: 298px;
    height: 31px;
    position: absolute;
    left: 31px;
  }
  #section1 #section1-content #infobox1 #line-text1,
  #section1 #section1-content #infobox1 #line-text2,
  #section1 #section1-content #infobox1 #line-text3 {
    width: 33%;
    text-align: center;
    float: left;
    padding: 30px 0 0 0;
  }
  #section1 #section1-content #infobox2 {
    width: 600px;
    height: 180px;
    position: relative;
    margin: 40px auto 0 auto;
    top: 0px;
    left: 0px;
    z-index: 50;
    opacity: 0;
  }
  #section1 #section1-content #infobox2 #money-icon {
    width: 129px;
    height: 139px;
    float: left;
  }
  #section1 #section1-content #infobox2 #right-text {
    width: 55%;
    float: left;
    margin: 0 0 0 20px;
  }
  #section1 #section1-content #infobox3 {
    width: 600px;
    height: 180px;
    position: relative;
    margin: 40px auto 0 auto;
    top: 0px;
    left: 0px;
    opacity: 0;
  }
  #section1 #section1-content #infobox3 #profit-icon {
    width: 105px;
    height: 128px;
    float: left;
  }
  #section1 #section1-content #infobox3 #right-text {
    width: 400px;
    margin: 0 0 0 10px;
    float: left;
  }
  #section1 #section1-content #infobox4 {
    text-align: center;
    width: 600px;
    height: 180px;
    position: relative;
    margin: 0px auto 0 auto;
    top: 0px;
    left: 0px;
    opacity: 0;
  }
  #section1 #section1-content #blue-flag {
    max-width: 650px;
    max-height: 216px;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0 auto;
    background-image: url(../img/blue-flag.png);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  #section2 #content2 .content-left1,
  #section2 #content2 .content-left2 {
    left: 10px;
  }
  #section2 #content2 .content-right1,
  #section2 #content2 .content-right2 {
    right: 0px;
    width: 310px;
  }
  #section2 #content3 .content-left1,
  #section2 #content3 .content-left2 {
    left: 10px;
  }
  #section2 #content3 .content-right1,
  #section2 #content3 .content-right2 {
    right: 0px;
    width: 310px;
  }
  #section2 #content4 .content-left1,
  #section2 #content4 .content-left2 {
    left: 10px;
  }
  #section2 #content4 .content-right1,
  #section2 #content4 .content-right2 {
    right: 0px;
    width: 250px;
  }
}
/*	steam	*/
.steam_0 {
  width: 200px;
  height: 200px;
  background-position: 200px 200px;
}
.steam_1 {
  width: 200px;
  height: 200px;
  background-position: -2px -204px;
}
.steam_10 {
  width: 200px;
  height: 200px;
  background-position: -2px -406px;
}
.steam_11 {
  width: 200px;
  height: 200px;
  background-position: -2px -608px;
}
.steam_12 {
  width: 200px;
  height: 200px;
  background-position: -2px -810px;
}
.steam_13 {
  width: 200px;
  height: 200px;
  background-position: -204px -2px;
}
.steam_14 {
  width: 200px;
  height: 200px;
  background-position: -204px -204px;
}
.steam_15 {
  width: 200px;
  height: 200px;
  background-position: -204px -406px;
}
.steam_16 {
  width: 200px;
  height: 200px;
  background-position: -204px -608px;
}
.steam_17 {
  width: 200px;
  height: 200px;
  background-position: -204px -810px;
}
.steam_18 {
  width: 200px;
  height: 200px;
  background-position: -406px -2px;
}
.steam_19 {
  width: 200px;
  height: 200px;
  background-position: -406px -204px;
}
.steam_2 {
  width: 200px;
  height: 200px;
  background-position: -406px -406px;
}
.steam_20 {
  width: 200px;
  height: 200px;
  background-position: -406px -608px;
}
.steam_21 {
  width: 200px;
  height: 200px;
  background-position: -406px -810px;
}
.steam_22 {
  width: 200px;
  height: 200px;
  background-position: -608px -2px;
}
.steam_23 {
  width: 200px;
  height: 200px;
  background-position: -608px -204px;
}
.steam_24 {
  width: 200px;
  height: 200px;
  background-position: -608px -406px;
}
.steam_25 {
  width: 200px;
  height: 200px;
  background-position: -608px -608px;
}
.steam_26 {
  width: 200px;
  height: 200px;
  background-position: -608px -810px;
}
.steam_27 {
  width: 200px;
  height: 200px;
  background-position: -810px -2px;
}
.steam_28 {
  width: 200px;
  height: 200px;
  background-position: -810px -204px;
}
.steam_29 {
  width: 200px;
  height: 200px;
  background-position: -810px -406px;
}
.steam_3 {
  width: 200px;
  height: 200px;
  background-position: -810px -608px;
}
.steam_30 {
  width: 200px;
  height: 200px;
  background-position: -810px -810px;
}
.steam_31 {
  width: 200px;
  height: 200px;
  background-position: -1012px -2px;
}
.steam_32 {
  width: 200px;
  height: 200px;
  background-position: -1012px -204px;
}
.steam_33 {
  width: 200px;
  height: 200px;
  background-position: -1012px -406px;
}
.steam_34 {
  width: 200px;
  height: 200px;
  background-position: -1012px -608px;
}
.steam_35 {
  width: 200px;
  height: 200px;
  background-position: -1012px -810px;
}
.steam_36 {
  width: 200px;
  height: 200px;
  background-position: -1214px -2px;
}
.steam_37 {
  width: 200px;
  height: 200px;
  background-position: -1416px -2px;
}
.steam_38 {
  width: 200px;
  height: 200px;
  background-position: -1618px -2px;
}
.steam_39 {
  width: 200px;
  height: 200px;
  background-position: -1820px -2px;
}
.steam_4 {
  width: 200px;
  height: 200px;
  background-position: -1214px -204px;
}
.steam_40 {
  width: 200px;
  height: 200px;
  background-position: -1214px -406px;
}
.steam_41 {
  width: 200px;
  height: 200px;
  background-position: -1214px -608px;
}
.steam_42 {
  width: 200px;
  height: 200px;
  background-position: -1214px -810px;
}
.steam_43 {
  width: 200px;
  height: 200px;
  background-position: -1416px -204px;
}
.steam_44 {
  width: 200px;
  height: 200px;
  background-position: -1618px -204px;
}
.steam_45 {
  width: 200px;
  height: 200px;
  background-position: -1820px -204px;
}
.steam_46 {
  width: 200px;
  height: 200px;
  background-position: -1416px -406px;
}
.steam_47 {
  width: 200px;
  height: 200px;
  background-position: -1416px -608px;
}
.steam_48 {
  width: 200px;
  height: 200px;
  background-position: -1416px -810px;
}
.steam_49 {
  width: 200px;
  height: 200px;
  background-position: -1618px -406px;
}
.steam_5 {
  width: 200px;
  height: 200px;
  background-position: -1820px -406px;
}
.steam_6 {
  width: 200px;
  height: 200px;
  background-position: -1618px -608px;
}
.steam_7 {
  width: 200px;
  height: 200px;
  background-position: -1618px -810px;
}
.steam_8 {
  width: 200px;
  height: 200px;
  background-position: -1820px -608px;
}
.steam_9 {
  width: 200px;
  height: 200px;
  background-position: -1820px -810px;
}
.steam2_0 {
  width: 200px;
  height: 200px;
  background-position: 200px 200px;
}
.steam2_1 {
  width: 200px;
  height: 200px;
  background-position: -2px -204px;
}
.steam2_10 {
  width: 200px;
  height: 200px;
  background-position: -2px -406px;
}
.steam2_11 {
  width: 200px;
  height: 200px;
  background-position: -2px -608px;
}
.steam2_12 {
  width: 200px;
  height: 200px;
  background-position: -2px -810px;
}
.steam2_13 {
  width: 200px;
  height: 200px;
  background-position: -204px -2px;
}
.steam2_14 {
  width: 200px;
  height: 200px;
  background-position: -204px -204px;
}
.steam2_15 {
  width: 200px;
  height: 200px;
  background-position: -204px -406px;
}
.steam2_16 {
  width: 200px;
  height: 200px;
  background-position: -204px -608px;
}
.steam2_17 {
  width: 200px;
  height: 200px;
  background-position: -204px -810px;
}
.steam2_18 {
  width: 200px;
  height: 200px;
  background-position: -406px -2px;
}
.steam2_19 {
  width: 200px;
  height: 200px;
  background-position: -406px -204px;
}
.steam2_2 {
  width: 200px;
  height: 200px;
  background-position: -406px -406px;
}
.steam2_20 {
  width: 200px;
  height: 200px;
  background-position: -406px -608px;
}
.steam2_21 {
  width: 200px;
  height: 200px;
  background-position: -406px -810px;
}
.steam2_22 {
  width: 200px;
  height: 200px;
  background-position: -608px -2px;
}
.steam2_23 {
  width: 200px;
  height: 200px;
  background-position: -608px -204px;
}
.steam2_24 {
  width: 200px;
  height: 200px;
  background-position: -608px -406px;
}
.steam2_25 {
  width: 200px;
  height: 200px;
  background-position: -608px -608px;
}
.steam2_26 {
  width: 200px;
  height: 200px;
  background-position: -608px -810px;
}
.steam2_27 {
  width: 200px;
  height: 200px;
  background-position: -810px -2px;
}
.steam2_28 {
  width: 200px;
  height: 200px;
  background-position: -810px -204px;
}
.steam2_29 {
  width: 200px;
  height: 200px;
  background-position: -810px -406px;
}
.steam2_3 {
  width: 200px;
  height: 200px;
  background-position: -810px -608px;
}
.steam2_30 {
  width: 200px;
  height: 200px;
  background-position: -810px -810px;
}
.steam2_31 {
  width: 200px;
  height: 200px;
  background-position: -1012px -2px;
}
.steam2_32 {
  width: 200px;
  height: 200px;
  background-position: -1012px -204px;
}
.steam2_33 {
  width: 200px;
  height: 200px;
  background-position: -1012px -406px;
}
.steam2_34 {
  width: 200px;
  height: 200px;
  background-position: -1012px -608px;
}
.steam2_35 {
  width: 200px;
  height: 200px;
  background-position: -1012px -810px;
}
.steam2_36 {
  width: 200px;
  height: 200px;
  background-position: -1214px -2px;
}
.steam2_37 {
  width: 200px;
  height: 200px;
  background-position: -1416px -2px;
}
.steam2_38 {
  width: 200px;
  height: 200px;
  background-position: -1618px -2px;
}
.steam2_39 {
  width: 200px;
  height: 200px;
  background-position: -1820px -2px;
}
.steam2_4 {
  width: 200px;
  height: 200px;
  background-position: -1214px -204px;
}
.steam2_40 {
  width: 200px;
  height: 200px;
  background-position: -1214px -406px;
}
.steam2_41 {
  width: 200px;
  height: 200px;
  background-position: -1214px -608px;
}
.steam2_42 {
  width: 200px;
  height: 200px;
  background-position: -1214px -810px;
}
.steam2_43 {
  width: 200px;
  height: 200px;
  background-position: -1416px -204px;
}
.steam2_44 {
  width: 200px;
  height: 200px;
  background-position: -1618px -204px;
}
.steam2_45 {
  width: 200px;
  height: 200px;
  background-position: -1820px -204px;
}
.steam2_46 {
  width: 200px;
  height: 200px;
  background-position: -1416px -406px;
}
.steam2_47 {
  width: 200px;
  height: 200px;
  background-position: -1416px -608px;
}
.steam2_48 {
  width: 200px;
  height: 200px;
  background-position: -1416px -810px;
}
.steam2_49 {
  width: 200px;
  height: 200px;
  background-position: -1618px -406px;
}
.steam2_5 {
  width: 200px;
  height: 200px;
  background-position: -1820px -406px;
}
.steam2_6 {
  width: 200px;
  height: 200px;
  background-position: -1618px -608px;
}
.steam2_7 {
  width: 200px;
  height: 200px;
  background-position: -1618px -810px;
}
.steam2_8 {
  width: 200px;
  height: 200px;
  background-position: -1820px -608px;
}
.steam2_9 {
  width: 200px;
  height: 200px;
  background-position: -1820px -810px;
}

/* updated on 6th Oct 2106*/
 h1 {
	 margin:0;
	 padding:0; 
}

h1 span {
	position: absolute;
    margin: 12px auto !important;
    left: 0;
    right: 0;
}