@charset "utf-8";

.scroll-space{
  box-sizing: border-box;
  padding-top: 300px;
  height: 1600px;
  color: #fff;
  overflow: hidden;
}
.scroll-space.blue{
	background: #77BBCF;
	width: 200px;
	height: 200px;
	padding: 30px;
	margin: 0 auto 50px;
}
.scroll-space.pink{
	background: #FFB4B4;
	width: 200px;
	height: 200px;
	padding: 30px;
	margin: 0 ato 50px;
}
.scroll-space.yellow{
	background: #F8913C;
	width: 200px;
	height: 200px;
	padding: 30px;
	margin: 0 auto 50px;
}
.scroll-space.green{
	background: #26AA5A;
	width: 200px;
	height: 200px;
	padding: 30px;
	margin: 0 auto 50px;
}

.fadein{
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.5s;
}

.fadein.fadein-left{
		transform: translate(-30px,0);
}
.fadein.fadein-right{
		transform: translate(30px,0);
}
.fadein.fadein-up{
		transform: translate(0,-30px);
}
.fadein.fadein-bottom{
		transform: translate(0,30px);
}
.fadein.scrollin{
	opacity: 1 !important;
	transform: translate(0, 0) !important;
}

.slidein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.0s;
}
.slidein.slidein-left{
		transform: translate(-100%,0);
}
.slidein.slidein-right{
		transform: translate(100%,0);
}
.slidein.slidein-up{
		transform: translate(0,-100%);
}
.slidein.slidein-bottom{
		transform: translate(0,100%);
}
.slidein.scrollin{
	transform: translate(0, 0)!important;
	opacity: 1!important;
}

.rotation {
    transition: all 1.0s;
    opacity: 0;
}

.rotation.rotation-x{
		transform: rotateX(180deg);
}
.rotation.rotation-y{
		transform: rotateY(180deg);
}
.rotation.rotation-clockwise{
		transform: rotate(-170deg);
}
.rotation.rotation-counterclockwise{
		transform: rotate(170deg);
}
.rotation.scrollin{
	transform: translate(0, 0)!important;
	opacity: 1!important;
}

.blur{
    transition: all 0.5s;
    filter: blur(10px);
}

.blur.scrollin{
	filter: blur(0);
}

.defslide{
	/* box-shadow: 0 0 5px #333; */
	/* border-radius:1%; */
}

.slide2_trim1{
  height: 150px;
  object-fit: none;
  object-position:0% 75%;
}