@charset "utf-8";
/* www.ratheesh.me.pn */
/* rth9454@gmail.com */

/*lft_in*/


li.active-slide .txt_slider h1{

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

@keyframes slid_h{
  0% {
    transform:  translate(0px,-300px)  ;
  }
  61% {
    transform:  translate(0px,-20px)  ;
  }
  76% {
    transform:  translate(0px,10px)  ;
  }
  89% {
    transform:  translate(0px,-5px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes slid_h{
  0% {
    -moz-transform:  translate(0px,-300px)  ;
  }
  61% {
    -moz-transform:  translate(0px,-20px)  ;
  }
  76% {
    -moz-transform:  translate(0px,10px)  ;
  }
  89% {
    -moz-transform:  translate(0px,-5px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes slid_h {
  0% {
    -webkit-transform:  translate(0px,-300px)  ;
  }
  61% {
    -webkit-transform:  translate(0px,-20px)  ;
  }
  76% {
    -webkit-transform:  translate(0px,10px)  ;
  }
  89% {
    -webkit-transform:  translate(0px,-5px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes slid_h {
  0% {
    -o-transform:  translate(0px,-300px)  ;
  }
  61% {
    -o-transform:  translate(0px,-20px)  ;
  }
  76% {
    -o-transform:  translate(0px,10px)  ;
  }
  89% {
    -o-transform:  translate(0px,-5px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes slid_h {
   0% {
    -ms-transform:  translate(0px,-300px)  ;
  }
  61% {
    -ms-transform:  translate(0px,-20px)  ;
  }
  76% {
    -ms-transform:  translate(0px,10px)  ;
  }
  89% {
    -ms-transform:  translate(0px,-5px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

li.active-slide .txt_slider h5{
	
  animation: slid_p linear 1.2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: slid_p linear 1.2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: slid_p linear 1.2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: slid_p linear 1.2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: slid_p linear 1.2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  opacity:1;
  
}

@keyframes slid_p{
 0% {
	
    transform:  translate(-500px,0px)  ;
  }
  50%{
	  transform:  translate(-500px,0px)  ;
  }
  
 75%{
	  transform:  translate(-500px,0px)  ;
  }
  100% {
	  
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes slid_p{
  0% {
	
    -moz-transform:  translate(-500px,0px)  ;
  }
  50%{
	  -moz-transform:  translate(-500px,0px)  ;
  }
  
 75%{
	  -moz-transform:  translate(-500px,0px)  ;
  }
  100% {
	  
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes slid_p {
   0% {
	
    webkit-transform:  translate(-500px,0px)  ;
  }
  50%{
	  webkit-transform:  translate(-500px,0px)  ;
  }
  
 75%{
	  webkit-transform:  translate(-500px,0px)  ;
  }
  100% {
	  
    webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes slid_p {
   0% {
	
    -o-transform:  translate(-500px,0px)  ;
  }
  50%{
	  -o-transform:  translate(-500px,0px)  ;
  }
  
 75%{
	  -o-transform:  translate(-500px,0px)  ;
  }
  100% {
	  
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes slid_p {
   0% {
	
    -ms-transform:  translate(-500px,0px)  ;
  }
  50%{
	  -ms-transform:  translate(-500px,0px)  ;
  }
  
 75%{
	  -ms-transform:  translate(-500px,0px)  ;
  }
  100% {
	  
    -ms-transform:  translate(0px,0px)  ;
  }
}
li.active-slide .txt_slider a{

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

@keyframes slid_a{
 0% {
	
    transform:  translate(-500px,0px)  ;
  }
  50%{
	  transform:  translate(-500px,0px)  ;
  }
  
 75%{
	  transform:  translate(-300px,0px)  ;
  }
  85%{
	  transform:  translate(-200px,0px)  ;
  }
  100% {
	  
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes slid_a{
  0% {
	
    -moz-transform:  translate(-500px,0px)  ;
  }
  50%{
	  -moz-transform:  translate(-500px,0px)  ;
  }
  
 75%{
	  -moz-transform:  translate(-300px,0px)  ;
  }
  85%{
	  -moz-transform:  translate(-200px,0px)  ;
  }
  100% {
	  
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes slid_a {
 0% {
	
    -webkit-transform:  translate(-500px,0px)  ;
  }
  50%{
	 -webkit- transform:  translate(-500px,0px)  ;
  }
  
 75%{
	  -webkit-transform:  translate(-300px,0px)  ;
  }
  85%{
	  -webkit-transform:  translate(-200px,0px)  ;
  }
  100% {
	  
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes slid_a {
   0% {
	
    -o-transform:  translate(-500px,0px)  ;
  }
  50%{
	  -o-transform:  translate(-500px,0px)  ;
  }
  
 75%{
	  -o-transform:  translate(-300px,0px)  ;
  }
  85%{
	  -o-transform:  translate(-200px,0px)  ;
  }
  100% {
	  
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes slid_a {
   0% {
	
    -ms-transform:  translate(-500px,0px)  ;
  }
  50%{
	  -ms-transform:  translate(-500px,0px)  ;
  }
  
 75%{
	  -ms-transform:  translate(-300px,0px)  ;
  }
  85%{
	  -ms-transform:  translate(-200px,0px)  ;
  }
  100% {
	  
    -ms-transform:  translate(0px,0px)  ;
  }
}


/*scroll animation*/
.right_in, .left_in, .top_in
{
	opacity:0;
}
.right_in.visible, .left_in.visible, .top_in.visible
{
	opacity:1;
}
.right_in.visible{
  animation: right_in linear 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: right_in linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: right_in linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: right_in linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: right_in linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes right_in{
  0% {
    opacity:0;
    transform:  translate(-80px,0px)  ;
  }
  100% {
    opacity:1.00;
    transform:  translate(0px,0px)  ;
  }
}

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

@-webkit-keyframes right_in {
  0% {
    opacity:0;
    -webkit-transform:  translate(-80px,0px)  ;
  }

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

@-o-keyframes right_in {
  0% {
    opacity:0;
    -o-transform:  translate(-80px,0px)  ;
  }

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

@-ms-keyframes right_in {
  0% {
    opacity:0;
    -ms-transform:  translate(-80px,0px)  ;
  }

  100% {
    opacity:1.00;
    -ms-transform:  translate(0px,0px)  ;
  }
}
.left_in.visible{
  animation: left_in linear 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: left_in linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: left_in linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: left_in linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: left_in linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

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

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

@-webkit-keyframes left_in {
  0% {
    opacity:0;
    -webkit-transform:  translate(80px,0px)  ;
  }

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

@-o-keyframes left_in {
  0% {
    opacity:0;
    -o-transform:  translate(80px,0px)  ;
  }

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

@-ms-keyframes left_in {
  0% {
    opacity:0;
    -ms-transform:  translate(80px,0px)  ;
  }

  100% {
    opacity:1.00;
    -ms-transform:  translate(0px,0px)  ;
  }
}
.top_in.visible{
  animation: top_in linear 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: top_in linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation:top_in linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: top_in linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: top_in linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

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

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

@-webkit-keyframes top_in {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,80px)  ;
  }

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

@-o-keyframes top_in {
  0% {
    opacity:0;
    -o-transform:  translate(0px,80px)  ;
  }

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

@-ms-keyframes top_in {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,80px)  ;
  }

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