@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% {
  	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% { 
		opacity: 0; 
	} 10%, 90% { 
		opacity: 1; 
	} 100% { 
		opacity: 1; 
		transform: translateY(-10px); 
	}
}

/*@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%;
  }
	
}*/
.spin {
       animation-name: spin;
       animation-duration: 1000ms;
       animation-iteration-count: 1;
       animation-timing-function: linear;
       transform: rotate( 90deg );
}

@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 fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@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 hover {
  from {
    background-color: #000;
    width: 0;
  }
  to {
    background-color: #000;
    width: 100%;
  }
}
@keyframes hover_no {
  from {
    background-color:#000;
    width: 100%;
  }
  to {
    background-color:#000;
    width: 0%;
  }
}