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

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

@keyframes mail_right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }

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

@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 {
	100%{transform: scale(1.0, 1.0) rotate(0.002deg); }
}

@keyframes question {
	0% {opacity: 1;transform: scale(1) ;}
	25% {opacity:1;transform: rotate(30deg);}
	50% {opacity:1;transform: scale(1.1) rotate(-30deg);}
	75% {opacity:1;transform: rotate(30deg);;}
	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(.5) translate(-20%,60%)}
	10% {opacity: 0;}
	40% {opacity: 1;transform: scale(1) translate(10%,0)}
	70% {opacity: 1;transform: scale(1) translate(10%,0)}
	80% {opacity: 0;}
	100% {opacity: 0;transform: scale(.5) translate(-20%,60%)}
}

@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% {}
	40% {transform: scale(1.1)}
	55% {transform: scale(1.1)}
	100% {}
}

@keyframes rotate {
  100%{transform:rotate(360deg)}
}

@keyframes airplane{
	0%{opacity:0; transform:rotateZ(-50deg) scaleX(.6) scaleY(.6); left:10%; top:60%}
	20% {}
	40% {opacity:1;transform:rotateX(30deg) rotateY(20deg) scaleX(1.5) scaleY(1.5);left:35%; top:25%}
	50% {}
	96% {transform:rotateY(90deg) rotateZ(-45deg) rotateX(-40deg) scaleX(.6) scaleY(.6); opacity:0;left:0; top:30%}
}
@keyframes tail {
	0%{}
	5% {opacity:0; transform:rotateZ(-90deg) scaleX(0.5) scaleY(0.5); left:10%; top:60%}
	40% {opacity:1;transform:rotateZ(120deg) scaleX(1) scaleY(1);left:27%; top:18%}
	62% {left:20%; top:42%;}
	100% {transform: rotateY(90deg) rotateZ(-120deg) scaleX(.6) scaleY(.6); opacity:0;left:-5%; top:30%}
}
@keyframes rotate-axis {
    0% {
        transform: rotateY(0deg) translate(20%, 10%) ;
    }
	10% {opacity:0;}
	40% {opacity:1;}
	70% {opacity:1;}

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

@keyframes jump {
    0%,30%,100% {transform: translateY(0);}
    15% {transform: translateY(-20%);}
}

@keyframes scale_up {
	0% {transform: translateY(100%);opacity:0;}
	50% {opacity:0;}
	100% {transform: translateY(0) scaleY(2);opacity:1;}
}