/*12.29*/
.transformX1,.transformX2,.transformY1,.transformY2,.transfromY1_scale,.transfromY2_scale,.transfrom_scale1,.transfrom_scale1_05,.transfrom_rotateZ_270deg,.opacity_0{ transition:0.3s ease 0s;}
.transformX1 { transform: translate(100px, 0); opacity: 0;  }
.transformX2 { transform: translate(-100px, 0); opacity: 0; }
.transformY1 { transform: translate(0, 100px); opacity: 0; }
.transformY2 { transform: translate(0, -100px); opacity: 0; }
.transfromY1_scale{transform: translate(0,300px) scale(0); opacity:0;}
.transfromY2_scale{transform: translate(0,-300px) scale(0); opacity:0;}
.transfrom_scale1{transform:scale(0); opacity:0;}
.transfrom_scale1_05{transform:scale(0.5); opacity:0;}
.transfrom_rotateZ_270deg{transform:rotateZ(270deg);}
.opacity_0 { opacity: 0; }
.section.active .opacity_0 { opacity: 1; transition: 0.5s linear 0.5s; }
.section.active .transformX1, .section.active .transformX2, .section.active .transformY1, .section.active .transformY2 { transform: translate(0, 0); opacity: 1; transition:0.5s ease 0.5s;}
.section.active .transfromY1_scale,.section.active .transfromY2_scale{transform: translate(0,0) scale(1); opacity:1; transition:0.5s ease 0.5s;}
.section.active .transfrom_scale1,.section.active .transfrom_scale1_05{transform:scale(1); opacity:1; transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.5s;}
.section.active .transfrom_rotateZ_270deg{transform:rotateZ(0deg);  transition:0.5s ease-in-out 0.5s;}