@charset "utf-8";


/*lft_in*/
li.active-slide .txt_sldr{

  animation: slid_h linear 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: slid_h linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: slid_h linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: slid_h linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: slid_h linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes slid_h{
  0% {
    opacity:0;
    transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes slid_h{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes slid_h {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes slid_h {
  0% {
    opacity:0;
    -o-transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes slid_h {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    -ms-transform:  translate(0px,0px)  ;
  }
}

li.active-slide .txt_sldr h4{

  animation: slid_h linear 1.3s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: slid_h linear 1.3s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: slid_h linear 1.3s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: slid_h linear 1.3s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: slid_h linear 1.3s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes slid_h{
  0% {
    opacity:0;
    transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes slid_h{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes slid_h {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes slid_h {
  0% {
    opacity:0;
    -o-transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes slid_h {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    -ms-transform:  translate(0px,0px)  ;
  }
}
/**/
li.active-slide .txt_sldr p{

  animation: slid_p linear 2.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: slid_p linear 2.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: slid_p linear 2.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: slid_p linear 2.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: slid_p linear 2.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes slid_p{
  0% {
    opacity:0;
    transform:  translate(0px,70px)  ;
  }
  50% {
    opacity:0;
    transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes slid_p{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,70px)  ;
  }
  50% {
    opacity:0;
    -moz-transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes slid_p {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,70px)  ;
  }
  50% {
    opacity:0;
    -webkit-transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes slid_p {
  0% {
    opacity:0;
    -o-transform:  translate(0px,70px)  ;
  }
  50% {
    opacity:0;
    -o-transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes slid_p {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,70px)  ;
  }
  50% {
    opacity:0;
    -ms-transform:  translate(0px,70px)  ;
  }
  100% {
    opacity:1.00;
    -ms-transform:  translate(0px,0px)  ;
  }
}

/*



li.active-slide .txt_sldr h4{

  animation: lft_in linear .6s;
  animation-iteration-count: 1;
  transform-origin: 50% 100%;
  -webkit-animation: lft_in linear .6s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 100%;
  -moz-animation: lft_in linear .6s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 100%;
  -o-animation: lft_in linear .6s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 100%;
  -ms-animation: lft_in linear .6s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 100%;
}

@keyframes lft_in{
  0% {
    opacity:0;
    transform:  rotate(90deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1.00;
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-moz-keyframes lft_in{
  0% {
    opacity:0;
    -moz-transform:  rotate(90deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1.00;
    -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes lft_in {
  0% {
    opacity:0;
    -webkit-transform:  rotate(90deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1.00;
    -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-o-keyframes lft_in {
  0% {
    opacity:0;
    -o-transform:  rotate(90deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1.00;
    -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-ms-keyframes lft_in {
  0% {
    opacity:0;
    -ms-transform:  rotate(90deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1.00;
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}


li.active-slide .txt_sldr p{
  animation: rgt_in linear .6s;
  animation-iteration-count: 1;
  transform-origin: 50% 0%;
  -webkit-animation: rgt_in linear .6s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 0%;
  -moz-animation: rgt_in linear .6s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 0%;
  -o-animation: rgt_in linear .6s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 0%;
  -ms-animation: rgt_in linear .6s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 0%;
}

@keyframes rgt_in{
  0% {
    opacity:0;
    transform:  rotate(-90deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1.00;
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-moz-keyframes rgt_in{
  0% {
    opacity:0;
    -moz-transform:  rotate(-90deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1.00;
    -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes rgt_in {
  0% {
    opacity:0;
    -webkit-transform:  rotate(-90deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1.00;
    -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-o-keyframes rgt_in {
  0% {
    opacity:0;
    -o-transform:  rotate(-90deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1.00;
    -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}

@-ms-keyframes rgt_in {
  0% {
    opacity:0;
    -ms-transform:  rotate(-90deg) scaleX(0.50) scaleY(0.50) ;
  }
  100% {
    opacity:1.00;
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}



*/


.fade {
    opacity: 1;
}
[data-san=fade] {
    opacity: 0;
    transition-duration: 2s;
}
/* SlideLeft Animation */
[data-san=slideLeft] {
    opacity: 0;
    transform: translateX(150px);
    transition-duration: 1s;
}
.slideLeft {
    opacity: 1;
    transform: translateX(0)
}

/* SlideRight Animation */
[data-san=slideRight] {
    opacity: 0;
    transform: translateX(-80px);
    transition-duration: 1s;
}
.slideRight {
    opacity: 1;
    transform: translateX(0)
}

/* SlideTop Animation */
[data-san=slideTop] {
    opacity: 0;
    transform: translateY(100px);
    transition-duration: 1s;
}
.slideTop {
    opacity: 1;
    transform: translateY(0)
}


/* Delay */
[data-san-delay="200"] {
    transition-delay: .2s;
} 
[data-san-delay="400"] {
    transition-delay: .4s;
} 
[data-san-delay="600"] {
    transition-delay: .6s;
} 
.fade:not(.show) {
    opacity: 1;
}

.ripple-background{
	animation: ripple 15s infinite;
}
.not-anim{
	animation: ripple 0s infinite;
}

@keyframes ripple{
  0% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(0.8);
  }
}





/* Shine */
.campus-box-01 {
	position: relative;
	overflow:hidden;
}
.campus-box-02 {
	position: relative;
	overflow:hidden;
}
.campus-box-01::before {
	background: #FFFFFF!important;

}



@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}