@charset "utf-8";

.scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;  
  z-index:1;
}
.scale:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  z-index:11;
}
.s_scale {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   
  z-index:1;
}
.s_scale:hover {
  transform: scale(1, 1.3);
  -webkit-transform: scale(1, 1.3);
  -moz-transform: scale(1, 1.3);
  -ms-transform: scale(1, 1.3);
  -o-transform: scale(1, 1.3);
  z-index:11;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {   
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut { 
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {   
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  } 
}
@-o-keyframes fadeOut {   
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {   
  0% {
    transform:translateY(10px);
  }
  50%{transform:translateY(-20px);}
 
  100% {
    transform:translateY(10px);
  } 
}
@keyframes animatedbang
{
	0%{transform:translateY(10px);}
	50%{transform:translateY(-20px);}
	100%{transform:translateY(10px);}
}


@keyframes up { 
	0% {transform: translateY(0) } 
	30% {transform: translateY(-20px)}
	70% {transform: translateY(5px)}
	100% {transform: translateY(0) }
}

/*@media screen and (max-width: 1000px) { 
	.tab_menu li:nth-child(1){border-top: 1px solid #ccc;}
	.tab_menu li:nth-child(2){border-top: 1px solid #ccc;}
	.tab_menu li{   
    width: 49.7%;
  }
	
}*/

@keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0, -20%, 0);
        }
        100% {
            opacity: 1;
            transform: translate3d(0,0,0);
        }
}
@keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translate3d(0, 10%, 0);
        }
        100% {
            opacity: 1;
            transform: translate3d(0,0,0);
        }
}
@keyframes fadeOutUp {
	0% {
            opacity: 1;
            transform: translate3d(0,0,0);
        }
        100% {
            opacity: 0;
            transform: translate3d(0, -20%, 0);
        }
}

@keyframes fadeIn {
  0% {
    opacity: 0;

  }

  100% {
    opacity: 1;

  }
}

@keyframes circle_open {
	0% {
            opacity: 0;
            clip-path: circle(10vmax at 33vw 50%);
			transform: translate3d(0, -20%, 0);
			/*transform: translate(0px, 0px);*/
        }
		60%{clip-path: circle(10vmax at 33vw 50%);

		}
        100% {
            opacity: 1;
            clip-path: circle(100vmax at 50vw 50%);
			transform: translate3d(0, 0, 0);
			/*transform: translate(0px, 0px);*/
        }
}

@keyframes TextSlide_1 {
    to {
        -webkit-transform: translateX(100%);
        -khtml-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    from {
        -webkit-transform: translateX(-100%);
        -khtml-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes scale_ani {
	to {
		transform: translate(-50%,-50%) scale(1);
	}
	from {
		transform: translate(-50%,-50%) scale(1.1);
	}
}

@keyframes bgspan {
  0% {
      transform: scale(1) translateY(0px);
      background: #FFF9E5
  }

  50% {
      transform: scale(0.8) translateY(-10px);
      background: #FFF0F0
  }

  100% {
      transform: scale(1) translateY(0px);
      background: #FFF9E5
  }
}
@keyframes move {
	to {
		transform: translateX(0);
	}
	from {
		transform: translateX(-20%);
	}
}


@keyframes drag_right {
    to {
      transform: translateX(0);
    }
}