/* BASIC css start */
/* BASIC css start */
.s1_arrow{display:inline-block;position:relative;top: 18px;margin-left:10px;text-align:center; animation:arrow_down 1.5s infinite; }
.scroll-arrow {width:8px; height:8px; border-right: 3px solid #000; border-bottom: 3px solid #000;
transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);  -ms-transform: rotate(45deg);
animation: arrow-wave 1s infinite; animation-direction: alternate;}
.scroll-arrow:nth-child(1) {animation-delay: 0.1s;}
.scroll-arrow:nth-child(2) {margin-top:6px; animation-delay: 0.2s;}
.scroll-arrow:nth-child(3) {margin-top:6px; animation-delay: 0.3s;}
@keyframes arrow-wave {
0% {opacity: 0;}
50% {opacity: .5;}
100% {opacity: 1;}
}
@keyframes arrow_down{
0%{top:10px;}
50%{top:20px;}
100%{top:10px;}
}








.animation {
 display: flex;
 justify-content: center;
 /* margin-top: 10vh; */
 /* padding: 2rem 40px; */


 .anm_mod {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition: all 1s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 130px;
  width: 20%;
  /*  height: 40vh; */
  border-radius: 10px;
  font-size: 2rem;
  color: white;
/*
  background: rgba(250, 250, 250, 0.5);
  box-shadow: 2px 2px 2px rgba(20, 20, 20, 0.5);
*/

  &.full {
  width: 100%;
  font-size: 3rem;
  }
  &.left {
  transform: translate3d(-100%, 0, 0);
  }
  &.right {
  transform: translate3d(100%, 0, 0);
  }
  &.delay {
  transition: all 2s ease;
  }
  &.fast {
  transition: all 0.8 ease;
  }
 }
}


.animation .anm_mod.active {
 opacity: 1;
 transform: translate3d(0, 0, 0);
}

& .anm_mod a{
  font-size: 20px;   width:100%; color:#000;
}

.org_to_top {
 position: fixed;
 bottom: 20px;
 right: 20px;

 }




/* BASIC css start */
/* BASIC css start */
.event{color: #000;font-weight: bold;font-size: 14px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-top:10px;text-align:center;padding: 5px;}
/* BASIC css end */



.hero-image1{
	margin-top:-1px;
	position:relative;
	
/*	
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;

	width: 100%;
*/
	/*opacity:0;*/

/*	
	background-image:url("http://clayong.speedgabia.com/detail/banner/202210_pc_02.jpg");
	background-color:#cccccc;
	height: 792px;
*/	

}

.hero-text1{
	text-align:center;
	position:absolute;
	top: 85%;
	left: 32%;
	/* transform:translate(-50%, -50%); */
	color:white;
}
/*
.hero-text1-1{
	text-align:center;
	position:absolute;
	top: 60%;
	left: 15%;
	color:white;
}

.hero-text1-2{
	text-align:center;
	position:absolute;
	top: 60%;
	left: 40%;
	color:white;
}
*/ 
.hero-text1-3{
	text-align:center;
	position:absolute;
	top: 64%;
	left: 18%;
	/* transform:translate(-50%, -50%); */
	color:white;
}

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

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



.hero-image2 {
	margin-top:-1px;
	position:relative;
/*
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
*/

}



.hero-image3 {
	margin-top:-1px;
	position:relative;
/*
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
*/
}



.hero-text3 {
	text-align: center;
	position: absolute;
	top: 80%;
	left: 18%;
	color: white;
}

.hero-text3-1 {
	text-align: center;
	position: absolute;
	top: 70%;
	left: 40%;
	color: white;
}

.hero-image4 {
	margin-top:-1px;
	position:relative;
/*
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
*/
}


.hero-text4 {
	text-align: center;
	position: absolute;
	top: 30%;
	right: 40%;
	color: white;
}

/*
.hero-image {
	background-image: url("https://www.w3schools.com/w3images/photographer.jpg");
	background-color: #cccccc;
	height: 799px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}*/

/* BASIC css end */


/* BASIC css end */