/* BASIC css start */
.hero-image1 {
/*
  margin-top:-1px;
  background-image: url("http://clayong.speedgabia.com/detail/banner/202210_pc_02.jpg");
  background-color: #cccccc;
  height: 799px;
*/
/*    
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
*/
  position: relative;
  /*opacity:0;*/
}

/*
.hero-text1 {
  text-align: center;
  position: absolute;
  top: 30%;
  left: 45%;
  transform: translate(-10%, -50%);
  color: white;
}
*/

.hero-text1-1, .hero-text1-2, .hero-text1-3 {
  display:inline-block;
  width:30%;
}



.hero-text2 {
  text-align: center;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}


.hero-image2 {
  margin-top:-1px;
/*  
  background-image: url("http://clayong.speedgabia.com/detail/banner/202210_pc_04.jpg");
  background-color: #cccccc;
  height: 799px;
*/  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /*opacity:0;*/
}



.hero-text3 {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 85%;
  left: 0%;
  color: white;
}


.hero-text4 {
  text-align: center;
  position: absolute;
  top: 58%;
  left: 35%;

  transform: translate(-50%, -50%);
  color: white;
}




.hero-image3 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

/*
.hero-text5 {

  text-align: center;
  position: absolute;
  top: 0%;
  left: 60%;
}

.hero-text6 {

  text-align: center;
  position: absolute;
  top: 30%;
  left: 60%;
  transform: translate(-50%, -50%);
  color: white;
}
*/


.hero-text5 {
	text-align: center;
	position: absolute;
	top: 5%;
	left: 30%;
}


.hero-text6 {
	text-align: center;
	position: absolute;
	top: 25%;
	left: 30%;
}
/* BASIC css end */