@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 cloud{
	0%{opacity:0;transform: translate(0,0);   }
	15%{transform:translate(80%,10px);animation-timing-function: ease;}
	25%{opacity: 1;}
	35%{opacity: 0.4;transform: translate(-80%,-10px)}
	45%{opacity: 1;}
	55%{opacity: 0.8; transform: translate(80%,10px);}
	65%{opacity:1; animation-timing-function: cubic-bezier(0.9,0.18,0.49,0.92); }
	75%{opacity: 0.4; transform: translate(-80%,-10px);animation-timing-function: ease;}
	85%{opacity: 0.8; transform: translate(80%,10px);  }
	100%{opacity:0;transform: translate(0 ,0); }
	}

@keyframes cloud_2{
    0%{opacity:0;transform: translate(0,0) scale(.8); }
    15%{ transform: translate(-40%,0px);    animation-timing-function: ease;}
    25%{opacity: 1; transform:scale(1.2);}
    35%{transform: translate(40%,-30px)}
    45%{opacity: 1;animation-timing-function: cubic-bezier(0.9,0.18,0.49,0.92);}
    55%{opacity: 0.8; transform: translate(-20%,-60px);animation-timing-function: ease;}
    65%{opacity:1;}
    75%{opacity: 0.4; transform: translate(40%,-30px) scale(1.2)}
    85%{opacity: 0.8; transform: translate(-30%,0px); }
    100%{opacity:0;transform: translate(0 ,0) scale(.8);}
    }

@keyframes cloud_3{
    0%{opacity:0;transform: translate(0,0)scale(.6);}
    15%{opacity: 1; transform: translate(-40%,0px); animation-timing-function: ease;}
    25%{opacity: 1; transform:scale(1);}
    35%{opacity: 0.4;transform: translate(40%,-30px)}
    45%{opacity: 1;animation-timing-function: cubic-bezier(0.9,0.18,0.49,0.92);  }
    55%{opacity: 0.8; transform: translate(-40%,0px) scale(1); animation-timing-function: ease;}
    65%{opacity:1;}
    75%{opacity:1; transform: translate(40%,-30px)}
    85%{opacity: 0.4; transform: translate(-40%,0px)}
    100%{opacity:0;transform: translate(0 ,0)scale(.6);}
}
@keyframes cloud_4{
    0%{opacity:0;transform: translate(0,0) scale(.7); }
    15%{opacity: 0.8; transform: translate(-20%,0px);    animation-timing-function: ease;}
    35%{opacity: 1;transform: translate(80%,0px) scale(1)}
    45%{opacity: 1;animation-timing-function: cubic-bezier(0.9,0.18,0.49,0.92);  }
    55%{opacity: 0.8; transform: translate(-20%,0px)scale(1);animation-timing-function: ease;}
    65%{opacity:1;}
	75%{opacity: 0.4; transform: translate(80%,20px)scale(.7)}
    85%{opacity: 0.8; transform: translate(-10%,20px); }
    100%{opacity:0;transform: translate(0 ,0) }
}
@keyframes scale {
	0% {opacity:0;transform: scale(0);}
	18% {opacity:.8;transform: scale(1);}
	25% {opacity:1;}
	35% {opacity:1;transform: scale(.8);}
	55% {opacity:1;transform: scale(1.2);}
	65% {opacity:1;transform: scale(.8);}
	82% {opacity:1;transform: scale(1);}
	92% {opacity:.8;}
	100%{opacity:0;transform: scale(0); }
}

@keyframes question {
	0% {opacity: 1;transform: scale(1) ;}
	25% {opacity:1;transform: scale(1) rotate(45deg);}
	50% {opacity:1;transform: scale(1.2) rotate(-45deg);}
	75% {opacity:1;transform: scale(1) rotate(45deg);;}
	100% {opacity: 1;transform: scale(1) ;}
}


@keyframes bounce {
   0%, to{
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@keyframes email {
	0% {opacity: 0;transform: scale(0.8) translate(-20%,0);}
	20% {opacity: 1;transform: scale(1) translate(0,0) ;}
	80% {opacity: 1;transform: scale(1) translate(0,0) ;}
	100% {opacity: 0;transform: scale(0.8) translate(-20%,0);}
}

@keyframes email2 {
	0% {opacity: 0;transform: scale(1) translate(-20%,60%)rotate(45deg) ;}
	20% {opacity: 0;}
	40% {opacity: 1;transform: scale(1) translate(10%,0) rotate(0) ;}
	70% {opacity: 0.8;transform: scale(1) translate(10%,0) rotate(0) ;}
	80% {opacity: 0;}
	100% {opacity: 0;transform: scale(1) translate(-20%,60%)rotate(45deg) ;}
}

@keyframes fadeup {
	0% {opacity: 0;transform: scale(1) translate(0,0);}
	20% {opacity: 0;transform: scale(1) translate(0,0);}
	25% {opacity: 1;transform: scale(1) translate(0,30%);}
	70% {opacity: 1;transform: scale(1) translate(0,30%);}
	80% {opacity: 0;transform: scale(1) translate(0,0);}
	100% {opacity: 0;transform: scale(1) translate(0,0);}
}

@keyframes growup {
	0% {opacity: 1;transform: scale(.5) translate(0,10%);}
	40% {opacity: 1;transform: translate(0,30%);}
	60% {transform: scaleY(1.1)}
	
}

@keyframes rotate{
	100% {
    	transform: rotate(120deg) scale(.5);
    }
}

@keyframes airplane{
    0%{opacity:0; transform:rotate(-5deg)}
	10% {opacity:1;}
	35% {opacity:1;transform:rotate(10deg) translateX(-100%) translateY(-10%) scaleX(.6) scaleY(.7);}
	70% {opacity:1;}
	90% {opacity:0; transform:rotate(15deg) translateX(-90%) translateY(5%) scaleX(.7) scaleY(.6);}
}

@keyframes rotate-axis {
    0% {
        transform: rotateY(0deg) translate(100%, 90%) ;
    }
	10% {opacity:0;}
	40% {opacity:1;}
	70% {opacity:1;}

    100% {
        transform: rotateY(360deg) translate(-90%, -90%);
    }
}