@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% {
            
            margin-top:0;
        }
        100% {
            
                margin-top: -50px;
        }
}
@keyframes fadeOutUp {
	0% {
            opacity: 1;
            transform: translate3d(0,0,0);
        }
        100% {
            opacity: 0;
            transform: translate3d(0, -20%, 0);
        }
}

@keyframes bg-ef1{
    100%{
        background-size:110%;
		transition: all 0.3s ease-in-out;
    }
	50%{
		opacity:1;
		
    }
	20%{
		opacity:1;
		
    }
	0%{
		background-size:100%;
		opacity:0.5;
		transition: all 0.5s ease-in-out;
	}

}
@keyframes eff_txt1{
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes left_img{
	0%{
	opacity:0;
	transform: translate3d(-20%, 0, 0);
}
	to{
	opacity:1;
	transform: translate3d(30px, 30px, 0);
	}
}

@keyframes eff_left1{
  0% {
    opacity: 0;
    transform: translate(-150px, 0px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes eff_left2{
  0% {
    opacity: 0;
	transform: translate3d(-200px, 0, 0);  
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes eff_left3{
  0% {
    opacity: 0;
    transform: translateX(-250px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes descImg {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(101%)
    }
}

@keyframes m-bg-ef1{
    100%{
        background-size:auto 110%;
		transition: all 0.3s ease-in-out;
    }
	50%{
		opacity:1;
		
    }
	20%{
		opacity:1;
		
    }
	0%{
		background-size:auto 100%;
		opacity:0.5;
		transition: all 0.5s ease-in-out;
	}

}