.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);-ms-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
100%{-webkit-transform:none;transform:none}
}
@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{0%{opacity:1}
100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut{0%{opacity:1}
100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}
100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}
}
@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);-ms-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut{0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:0}
}
@keyframes zoomOut{0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@font-face {
    font-family: "方正悠黑 512B";
    src: url("../webfonts/FZYH_512B.eot?1542608635091");
    src: url("../webfonts/FZYH_512B.eot?1542608635091#ie-fixed") format("embedded-opentype"),url("../webfonts/FZYH_512B.woff2?1542608635091") format("woff2"),url("../webfonts/FZYH_512B.woff?1542608635091") format("woff"),url("../webfonts/FZYH_512B.ttf?1542608635091") format("truetype"),url("../webfonts/FZYH_512B.svg?1542608635091") format("svg");
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: "方正悠黑 510M";
    src: url("../webfonts/FZYH_510M.eot?1542608635091");
    src: url("../webfonts/FZYH_510M.eot?1542608635091#ie-fixed") format("embedded-opentype"),url("../webfonts/FZYH_510M.woff2?1542608635091") format("woff2"),url("../webfonts/FZYH_510M.woff?1542608635091") format("woff"),url("../webfonts/FZYH_510M.ttf?1542608635091") format("truetype"),url("../webfonts/FZYH_510M.svg?1542608635091") format("svg");
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: "方正悠黑 508R";
    src: url("../webfonts/FZYH_508R.eot?1542608635091");
    src: url("../webfonts/FZYH_508R.eot?1542608635091#ie-fixed") format("embedded-opentype"),url("../webfonts/FZYH_508R.woff2?1542608635091") format("woff2"),url("../webfonts/FZYH_508R.woff?1542608635091") format("woff"),url("../webfonts/FZYH_508R.ttf?1542608635091") format("truetype"),url("../webfonts/FZYH_508R.svg?1542608635091") format("svg");
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: "方正悠黑 506L";
    src: url("../webfonts/FZYH_508R.eot?1542608635091");
    src: url("../webfonts/FZYH_508R.eot?1542608635091#ie-fixed") format("embedded-opentype"),url("../webfonts/FZYH_508R.woff2?1542608635091") format("woff2"),url("../webfonts/FZYH_508R.woff?1542608635091") format("woff"),url("../webfonts/FZYH_508R.ttf?1542608635091") format("truetype"),url("../webfonts/FZYH_508R.svg?1542608635091") format("svg");
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: "方正悠黑 512B W";
    src: url("../webfonts/FZYH_512B.eot?1542608635091");
    src: url("../webfonts/FZYH_512B.eot?1542608635091#ie-fixed") format("embedded-opentype"),url("../webfonts/FZYH_512B.otf?1542608635091") format("opentype"),url("../webfonts/FZYH_512B.woff?1542608635091") format("woff"),url("../webfonts/FZYH_512B.ttf?1542608635091") format("truetype");
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: "方正悠黑 510M W";
    src: url("../webfonts/FZYH_510M.eot?1542608635091");
    src: url("../webfonts/FZYH_510M.eot?1542608635091#ie-fixed") format("embedded-opentype"),url("../webfonts/FZYH_510M.otf?1542608635091") format("opentype"),url("../webfonts/FZYH_510M.woff?1542608635091") format("woff"),url("../webfonts/FZYH_510M.ttf?1542608635091") format("truetype");
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: "方正悠黑 508R W";
    src: url("../webfonts/FZYH_508R.eot?1542608635091");
    src: url("../webfonts/FZYH_508R.eot?1542608635091#ie-fixed") format("embedded-opentype"),url("../webfonts/FZYH_508R.otf?1542608635091") format("opentype"),url("../webfonts/FZYH_508R.woff?1542608635091") format("woff"),url("../webfonts/FZYH_508R.ttf?1542608635091") format("truetype");
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: "方正悠黑 506L W";
    src: url("../webfonts/FZYH_508R.eot?1542608635091");
    src: url("../webfonts/FZYH_508R.eot?1542608635091#ie-fixed") format("embedded-opentype"),url("../webfonts/FZYH_508R.otf?1542608635091") format("opentype"),url("../webfonts/FZYH_508R.woff?1542608635091") format("woff"),url("../webfonts/FZYH_508R.ttf?1542608635091") format("truetype");
    font-style: normal;
    font-weight: 200
}

body{color:#333;font-size:14px;font-family:"方正悠黑 508R","Microsoft YaHei","Helvetica Neue",Helvetica,Arial;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}
a{color:#333;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
a:hover{color:#1db5aa;text-decoration:none}
dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0;list-style:none;font-weight:400}
em,i,strong{font-style:normal}
input:focus{outline:0}
figure{margin:0}
img{vertical-align:middle;outline:0;max-width:100%;-webkit-user-drag:none}
#totu-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;width:100%;max-width:2560px;position:relative;margin:auto;overflow:hidden;padding-top:60px}
.home #totu-wrapper{padding-top:0;background:0 0}
#header{position:absolute;left:0;right:0;top:0;z-index:999;height:auto;background-color:#fff;border-bottom:1px solid #ededed}
.home #header{background:0 0;border:none}
.top-nav{position:relative;text-align:center;width:1140px;margin:0 auto;z-index:2}
.top-nav .top-nav-menu{display:none;position:absolute;top:0;left:0;height:60px;z-index:5}
.top-nav .top-nav-menu a.nav-menu{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-pack:center}
.top-nav .top-nav-menu a.nav-menu b{position:relative;width:19px;height:16px;display:inline-block}
.top-nav .top-nav-menu a.nav-menu b em,.top-nav .top-nav-menu a.nav-menu b:after,.top-nav .top-nav-menu a.nav-menu b:before{content:'';display:inline-block;position:absolute;left:0;width:100%;height:1px;background-color:#1a1a1a;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition-delay:.1s;transition-delay:.1s}
.top-nav .top-nav-menu a.nav-menu b em{top:50%;margin-top:-1px}
.top-nav-menu a.nav-menu b:after{bottom:0}
.top-nav .top-nav-logo{position:absolute;top:0;left:0; display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;z-index:2}
.top-nav .top-nav-logo a.nav-logo{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-pack:center}
.top-nav .top-nav-list{font-family: "方正悠黑 506L W","PingFang SC","Microsoft YaHei","Helvetica Neue","Helvetica","Arial";font-size: 16px;width:auto;height:60px;text-align:center;display:inline-block;margin-left:100px;padding-top:2px}
.top-nav .top-nav-list .top-nav-item{display:inline-block;text-align:center;vertical-align:middle;height:100%}
.top-nav .top-nav-list .top-nav-item.hassub{overflow:hidden;min-height:60px;margin:0;padding:0}
.top-nav-item.hassub:hover a.top-navitem-link:after{}
.top-nav .top-nav-list .top-nav-item .top-navitem-link{ color:#333;display:inline-block;vertical-align:middle;height:100%;line-height:60px;margin:0 13px;padding:0 10px;position:relative;-webkit-transition:opacity .3s ease,color .35s ease;transition:opacity .3s ease,color .35s ease}
.home.desktop .slider2 .top-nav .top-nav-list .top-nav-item .top-navitem-link,.home.desktop .slider3 .top-nav .top-nav-list .top-nav-item .top-navitem-link,.home.desktop .slider0 .top-nav .top-nav-list .top-nav-item .top-navitem-link,.home.desktop .slider1 .top-nav .top-nav-list .top-nav-item .top-navitem-link{color:#fff }
.nav-logo2{display: none!important}
.home.desktop .slider2 .nav-logo2,.home.desktop .slider3 .nav-logo2,.home.desktop .slider0 .nav-logo2,.home.desktop .slider1 .nav-logo2{display: flex!important}
.home.desktop .slider2 .nav-logo1,.home.desktop .slider3 .nav-logo1,.home.desktop .slider0 .nav-logo1,.home.desktop .slider1 .nav-logo1{display: none!important}
.top-nav.active .nav-logo1{display: flex!important}
.top-nav.active .nav-logo2{display: none!important}
 .top-nav.active .top-nav-list .top-nav-item .top-navitem-link{color:#333!important }
.top-nav .top-nav-list .top-nav-item .top-navitem-link{z-index:5;margin:0;padding:0 25px}
.top-navpopup-sub{display:none;position:absolute;width:3000px;margin-left:-1500px;top:0;left:50%;right:0;padding-top:60px;background-color:#f2f2f2}
.top-navpopup-sub:before{pointer-events:none;position:absolute;top:0;left:0;right:0;content:'';width:100%;height:60px;background-color:#fff}
.top-subnav-content{width:100%;height:100%}
.top-subnav-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;width:1140px;padding:30px 0 72px}
.top-subnav-wrapper .top-subnav-cover{overflow:hidden;margin-top:3px;transition:all .3s;opacity:0;-webkit-transform:translateY(18px);transform:translateY(18px);width:464px;height:340px;margin-bottom:-10px}
 
 #homeslidertop{width:464px;height:356px}
 
.top-subnav-wrapper .top-subnav-list{-webkit-box-flex:1;-ms-flex:1;flex:1;height:auto;overflow:hidden;margin-left:12px;width:724px;height:356px}
.top-subnav-wrapper .top-subnav-list ul li{position:relative;overflow:hidden;padding:0}
.top-subnav-wrapper .top-subnav-list ul li a{overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;margin:6px;background-color:#fff;height:162px;-webkit-transform:translateZ(0);transform:translateZ(0)}
.top-subnav-wrapper .top-subnav-list ul li figure{width:100%;height:100%;position:relative;display:block;overflow:hidden;background-color:#fff;-webkit-transform:translateZ(0);transform:translateZ(0)}
.top-subnav-wrapper .top-subnav-list ul li h3{position:absolute;left:0;right:0;bottom:35px;text-align:center;font-size:16px;color:#333;font-weight:400;line-height:1;white-space:nowrap;-webkit-transition:color .35s ease;transition:color .35s ease}
.top-subnav-wrapper .top-subnav-list ul li figure img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:30px;height:auto;margin-bottom:-5px}
#top-header.openHeaderMenu{color:inherit;background-color:#fff;will-change:background;-webkit-transition:background-color .35s ease;transition:background-color .35s ease}
.top-nav .top-nav-list .top-nav-item .top-navitem-link-arrow{display:none;position:absolute;right:0;top:18px;font-size:28px;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);z-index:1}
.banner{position:relative;cursor:pointer;width:100%;text-align:center}
.home_banner_page{position:absolute;bottom:20px;left:50%;z-index:998;margin-left:-34px}
.banner .home_banner_page a{display:inline-block;position:relative;float:left;width:17px;height:31px;background:0 0;cursor:pointer}
.banner .home_banner_page a:before{content:'';position:absolute;left:8px;bottom:0;width:3px;height:14px;background:#fff;-webkit-transition:height .3s;-moz-transition:height .3s;-ms-transition:height .3s;-o-transition:height .3s;transition:height .3s}
.banner .home_banner_page a.active:before{height:31px}
.banner .banner-text{position:absolute;top:50%;left:50%;width:600px;text-align:left}
.banner .banner-text .title{color:#d6000f;font-size:30px;margin-top:30px;margin-bottom:20px;transition:.6s;opacity:0;-webkit-transform:translateX(-70px);transform:translateX(-70px)}
.banner .banner-text .desc{color:#7f7e7e;font-size:20px;transition:1.5s;opacity:0;-webkit-transform:translateX(-70px);transform:translateX(-70px)}
.active .banner-text .desc,.active .banner-text .title{opacity:1;-webkit-transform:none;transform:none}
.bx-controls-direction a{position:absolute;top:40%;left:40px;font-size:60px;z-index:990;height:100%;background-repeat:no-repeat;overflow:hidden;width:40px;background-image:url(../images/icon-slide.png)}
.bx-controls-direction a.bx-next{left:auto;right:40px;background-position:-40px 0}
.home-ad{margin:2px -15px}
.home-ad .col{padding:2px}
.home-ad .col img{width:100%}
#bt-footer{position:relative;z-index:9;padding:60px 0}
.bt-nav{position:relative;width:1140px;margin:0 auto}
.bt-nav .bt-directory{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;width:62%}
.bt-nav .bt-directory dl{position:relative;display:block;-webkit-box-flex:1;-ms-flex:1;flex:1}
.bt-nav .bt-directory dl dt{display:block;position:relative;line-height:1;margin-bottom:10px;color:#333; cursor:pointer}
.bt-nav .bt-directory dl dt b{position:absolute;top:50%;right:10px;margin-top:-6px;width:12px;height:12px;display:none;color:#333;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;font-size:12px;-webkit-transition:all .3s ease;transition:all .3s ease}
.bt-nav .bt-directory dl dd{display:block;line-height:1;padding:6px 0;color:#666;overflow:hidden;margin-right:1em}
.bt-nav .bt-directory dl dd a{display:inline-block;color:#666;overflow:hidden;white-space:nowrap;-webkit-transition:color .35s ease;transition:color .35s ease}
.bt-nav .bt-service{float:right;text-align:center}
.bt-nav:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.bt-nav .bt-service .bt-serv-totu{margin-top:-5px;margin-bottom:20px}
.bt-nav .bt-service .bt-serv-totu .bt-ico{color:#fff;background-color:#666;text-align:center;-webkit-transition:background-color .35s ease;transition:background-color .35s ease;display: inline-block}
.bt-nav .bt-service .bt-serv-totu:hover .bt-ico:hover {
    background-color: #464646;
}
.bt-nav .bt-service .bt-serv-totu .bt-ico span{display:inline-block;font-size:15px}
.bt-nav .bt-service .bt-serv-tel .bt-tel,.bt-nav .bt-service .bt-serv-tel h3{font-size:24px;line-height:1;font-weight:400;color:#333;margin:0 0 7px 0}
.bt-nav .bt-service .bt-serv-tel p{font-size:14px;color:#828282}
.bt-nav .bt-service .bt-serv-tel .bt-tel{display:none}
.bt-copyright{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:1140px;margin:72px auto 0 auto;padding-top:24px;color:#98979A;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px #EBEBEB solid}
.bt-copyright .bt-cp-content{-webkit-box-flex:1;-ms-flex:1;flex:1 ;line-height:25px}
.bt-copyright .bt-sns-content{font-size:13px;text-align:right;padding-left:2em}
.bt-copyright .bt-qrcode-model{position:absolute;display:none;width:296px;height:148px;background-color:#fff;border:1px #EBEBEB solid;-webkit-box-sizing:border-box;box-sizing:border-box;right:0;bottom:100%;padding:12px}
.bt-copyright .bt-qrcode-model .bt-qrcode-view{display:none;height:100%}
.btn-size-bottom{width:173px;height:51px;line-height:51px;border-radius:25.5px}
.grey{background:#f5f5f5}
.categorylist{padding:20px 15px;margin-bottom:30px;font-size:16px;position:relative;width:100%; }
.categorylist dd,.categorylist dt{display:inline-block}
.categorylist dd{padding:20px}
.categorylist dd a{position:relative}
.categorylist dd .fa{position:absolute;bottom:-20px;left:50%;margin-left:-12px;font-size:30px;color:#f5f5f5;display:none}
.categorylist dd ul{position:absolute;width:calc(100% - 30px);background:#f5f5f5;height:40px;line-height:40px;top:68px;padding:0 20px;left:15px;display:none}
.categorylist dd.active .fa,.categorylist dd.active ul,.categorylist dd:hover .fa,.categorylist dd:hover ul{display:block}
.categorylist dd.active>a,.categorylist li.active>a{color:#1db5aa}
.categorylist dd ul li{display:inline-block;padding:0 16px}
.allproducts{padding-bottom:40px;padding-top:40px}
.allproducts .col{padding:0 2px}
.products_list{background:#fff;border:1px #dedede solid;overflow:hidden}
.products_list>ul{clear:both;margin:0 -1px -1px;overflow:hidden}
.products_list>ul>li{width:25%;height:490px;float:left;background:#fff;border-bottom:1px solid #dedede;border-right:1px solid #dedede;box-sizing:border-box;position:relative}
.products_list>ul>li:hover{box-shadow:0 0 25px rgba(0,0,0,.08) inset;transition:all .15s ease 0s}
.products_list>ul>li a.pic{width:250px;height:250px;display:block;overflow:hidden;margin:35px auto}
.products_list>ul>li .info{height:40px;overflow:hidden;text-align:center;font-size:14px;line-height:20px;padding:0 20px}
.products_list>ul>li .info a{color:#666}
.products_list>ul>li ul.dot_list{margin-top:20px;text-align:center}
.products_list>ul>li ul.dot_list li{margin:0 6px;padding:2px;border:1px #ccc solid;display:inline-block;border-radius:100%}
.products_list>ul>li ul.dot_list li i{width:8px;height:8px;display:block;border-radius:100%;cursor:pointer}
.products_list .buy_btn{width:100px;height:30px;margin:20px auto 0;line-height:26px;text-align:center;color:#999;font-size:14px;display:block;border:1px #ccc solid;background:#f1f1f1;border-radius:5px;transition:.5s}
.products_list .buy_btn:hover{color:#fff;border:1px #000 solid;background:#000}
.loadmore-tip{text-align:center;padding:15px}
.productshow_box{background:#fff;border:1px #dedede solid;padding:0;margin-bottom: 20px}
.pro_box{padding:20px}
.pro_info h3{font-size:30px}
.pro_info .info_con{margin:40px 0;padding:20px 0;font-size:14px;border-top:1px #dedede solid;border-bottom:1px #dedede solid;line-height:24px}
.pro_info .info_con dl{margin-bottom:30px}
.pro_info .info_con dl.color{line-height:30px}
.pro_info .info_con dl dt{float:left}
.pro_info .info_con dl dd ul li{width:100px;float:left}
.pro_info .info_con dl dd ul li i{width:25px;height:25px;display:block;border-radius:100%}
.pro_info .info_con dl dd ul li span{float:left;display:block;padding:3px;margin-right:8px;background:#f5f5f5;border:1px #d5d5d5 solid;border-radius:100%;cursor:pointer}
.pro_info .info_con dl.color dd{color:#666;display:inline-block}
.pro_info .buy_btn{width:160px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:16px;display:inline-block;margin-right:30px;background:#75787d;border-radius:5px;transition:background 2s}
.pro_info .buy_btn:hover{background:#000}
.pro_detail{margin-top:30px}
.pro_detail h3{padding:20px 0 20px 20px;font-size:16px;background:#f5f5f5;border-top:1px #d5d5d5 solid;border-bottom:1px #d5d5d5 solid}
.pro_detail .con{padding:20px 20px;font-size:14px;line-height:1.5em}
.pro_detail .con img{display:block;margin:0 auto}
.gallerylist{overflow:hidden;z-index:500;text-align:center;position:absolute;top:-15px;left:10px}
.gallerylist .box{height:400px;overflow:hidden}
.gallerylist li{height:100px;width:100px;padding:10px}
#slides img{border:1px solid #eee;width:400px}
.gallerylist li a{border:1px solid #eee;display:block}
.gallerylist li a.active{border:1px solid red;display:block}
#page-hero-section{background-position:50% 0;min-height:21.25rem}
#page-hero-section picture{display:block;line-height:0;visibility:hidden;opacity:0}
.text-section{position:relative;padding:6.25rem 0}
.text-section .section-bd,.text-section .section-hd{position:relative;z-index:2}
.small-12{width:100%}
.text-section h3 strong{font-weight:700;color:#1db5a9}
.text-section p{margin-bottom:1rem;font-size:.875rem;color:#535353}
.text-section h3{font-size:1.375rem;font-weight:700;margin-bottom:1.125rem}
.dark{color:#fff}
.dark p{color:inherit!important}
.bg-black{background-color:#000}
.bg-image,.bg-parallax,.bg-slideshow{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:0}
.text-section ul{margin-bottom:1.25rem}
.text-section ul li{color:#3b3b3b;font-size:.875rem;line-height:180%}
.text-section h4{font-size:1rem;font-weight:700;margin-bottom:1rem}
#about-section-05 .nav-tabs{border:0 none;margin-bottom:1.875rem}
#about-section-05 .nav-tabs a.nav-link{color:#6c6c6c;font-size:.875rem;padding:.8125rem 1.875rem;margin-right:1rem;border-radius:1.25rem;border:none}
#about-section-05 .nav-tabs a.nav-link.active{color:#fff;background-color:#1db5a9}
.text-section ul{margin-bottom:1.25rem}
.contact_box{background:#fff;border:1px #dedede solid;overflow:hidden}
.contact_box .title h3{font-size:24px;border-bottom:1px #dedede solid;padding:20px 30px;background:#f9f9f9}
.contact_box .content_con{padding:50px;font-size:14px;line-height:24px}
.contact_box .market,.contact_box dl.con_box{width:50%;float:left;padding:0 8%;margin-bottom:50px;box-sizing:border-box}
.contact_box dl.con_box dt{font-weight:700;font-size:20px;margin-bottom:20px}
.contact_box .market h3{font-weight:700;font-size:20px;margin-bottom:20px}
.contact_box .market dl{margin-bottom:20px}
.contact_box .market dl dt{font-weight:700;font-size:14px}
.clear{clear:both;height:1px;font-size:0;line-height:0}
#application-page .secondary-menu,#store-page .secondary-menu{background-color:#f4f4f4;text-align:center}
.menu-centered>.menu{display:inline-block}
.secondary-menu .menu li{display:inline-block;padding:0 1.125rem}
.menu>li>a{display:block;padding:.7rem 1rem;line-height:1}
.secondary-menu a{color:#333;display:inline-block;text-align:center;font-size:.875rem}
.secondary-menu a.current,.secondary-menu a:hover{color:#1db5a9}
.secondary-menu i.icon svg path{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.secondary-menu a.current i.icon svg *,.secondary-menu a.current i.icon svg path,.secondary-menu a.current i.icon svg rect,.secondary-menu a:hover i.icon svg *,.secondary-menu a:hover i.icon svg path,.secondary-menu a:hover i.icon svg rect{fill:#1db5a9!important}
.menu>li>a i,.menu>li>a img,.menu>li>a svg{margin-right:.25rem;display:inline-block}
.menu>li>a i+span,.menu>li>a img+span,.menu>li>a svg+span{vertical-align:middle}
.secondary-menu i.icon{display:inline-block;width:100%;min-width:96px;height:60px;position:relative;margin-bottom:.375rem}
.mini-subnav{display:none}
#store-entry .entry-hd{text-align:center}
#store-entry{padding:3.125rem 0}
#store-entry .store-entry-section{padding:1.25rem 0;margin-bottom:1.875rem;text-align:center}
#store-entry .store-entry-section-even{background-color:#f4f4f4}
#store-entry .image-wrap{position:relative;margin-bottom:.75rem}
#store-entry .store-entry-section .section-ft{padding:.625rem 0 1.25rem}
#store-entry .store-entry-section .section-ft h4{font-size:1.125rem;color:#535353}
img[data-action=zoom]{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}
.zoom-img,.zoom-img-wrap{position:relative;z-index:666;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
img.zoom-img{cursor:pointer;cursor:-webkit-zoom-out;cursor:-moz-zoom-out}
.zoom-overlay{z-index:420;background:#fff;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;filter:"alpha(opacity=0)";opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
.zoom-overlay-open .zoom-overlay{filter:"alpha(opacity=100)";opacity:1}
.zoom-overlay-open,.zoom-overlay-transitioning{cursor:default}

.bt-icon.fa-headphones-alt{font-size: 28px;
    vertical-align: middle;
    padding-right: 12px;}

.bt-serv-wx{margin: 20px;text-align: center}
.bt-copyright .bt-sns-content a {
    color: #999;
    font-size: 14px;
    vertical-align: middle;
    margin-left: 15px;
    -webkit-transition: color 0.35s ease;
    transition: color 0.35s ease;
}
.bt-copyright .bt-sns-content a.bt-global-link {
    margin-left: 15px;
    padding-left: 15px;
    position: relative;
}
.bt-copyright .bt-sns-content a.bt-global-link em {
    width: 1px;
    top: 3px;
    bottom: 3px;
    position: absolute;
    left: 0;
    background-color: #999;
}
.bt-copyright .bt-sns-content a span {
    font-size: 13px;
    padding-left: .5em;
    display: inline-block;
    vertical-align: middle;
}
.cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 8px;
    right: 0;
}
.cd-header-buttons li {
    display: inline-block;
    vertical-align: text-top;
}
.cd-search-trigger, .cd-language-trigger, .cd-nav-trigger {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    z-index: 3;
    border: 1px #d6d6d6 solid;
    border-radius: 100%;background: #fff
}
.cd-search-trigger::before {
    top: 9px;
    left: 9px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #2e3233;
}
.cd-search-trigger span {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.cd-language-trigger {
    font-size: 16px;
    text-align: center;
    margin-left: 10px;
    line-height: 40px;font-weight: bold;
    color: #2e3233;text-transform: uppercase
}
.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-search-trigger::before {
  /* lens */
  top: 9px;
  left: 9px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #2e3233;
}
.cd-search-trigger::after {
  /* handle */
  height: 2px;
  width: 8px;
  background: #2e3233;
  bottom: 13px;
  right: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-search.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-search input {
    border-radius: 0;
    border: none;
    background: #ffffff;
    height: 100%;
    width: 100%;
    padding: 0 5%;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.cd-search-btn {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    z-index: 3;
    border-radius: 100%;
    position: absolute;
    right:  0px;
    top: 6px;
    z-index: 999;
}
.cd-search {
    position: absolute;
    height:55px;
    width: 100%;
    top: 60px;
    left: 0;
    z-index: 999;
    display: none;
     
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search.search-is-visible{display: block}
.cd-search input {
    padding: 0 2em;
    font-size: 1.12rem;
    font-weight: 300;
}
.cd-search-btn::before, .cd-search-btn::after {
    content: '';
    position: absolute;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.cd-search-btn::before {
    top: 9px;
    left: 9px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 3px solid #2e3233;
}
.cd-search-btn::after {
    height: 3px;
    width: 12px;
    background: #2e3233;
    bottom: 24px;
    right: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
    opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
    opacity: 1;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
    height: 2px;
    width: 18px;
    margin-top: 0px;
    margin-left: -9px;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
    content: '';
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 22px;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -11px;
    background: #2e3233;
    opacity: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger.search-is-visible span::before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#homeslidertop img{width:464px;height: 353px}
#preview{width:400px;float: right }
/*jqzoom*/
.jqzoom{ position:relative; padding:0;}
.zoomdiv{ width:400px; height:400px; z-index:100; position:absolute; top:1px; left:0px; background:url(i/loading.gif) #fff no-repeat center center; border:1px solid #e4e4e4; display:none; overflow:hidden;}
.zoomdiv img{ max-width:none;    width: auto!important;}
/*.bigimg{ width:1260px; height:1260px;}*/
.jqZoomPup{ width:220.5px; height:220.5px; z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; border:1px solid #ccc; background:#F2F6D5 50% top no-repeat; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); cursor:move;}





@media (max-width:768px){#header{position:absolute;-webkit-transition:background .1s ease .2s;transition:background .1s ease .2s}
.top-nav{width:auto;margin:0;max-height:44px;-webkit-transition:max-height .35s ease;transition:max-height .35s ease}
.openHeaderMenu .top-nav{will-change:transform,max-height;max-height:200vh}
#totu-wrapper{padding-top:44px!important}
.top-nav .top-nav-menu{left:5px;display:block;height:44px}
.top-nav .top-nav-logo{margin-left:auto;display:block;width:100%;height:38px;-webkit-transition:background .1s ease .1s;transition:background .1s ease .1s}
.top-nav .top-nav-logo a.nav-logo{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:180px;margin:auto;padding:0 10px;vertical-align:middle}
.top-nav .top-navlist-wrapper{position:relative;width:100%;overflow:hidden;overflow-y:auto;min-height:100vh;max-height:0;visibility:hidden;opacity:0;will-change:transform,max-height;-webkit-overflow-scrolling:touch;-webkit-transition:visibility 0s ease 1s,max-height .3s cubic-bezier(.33,0,0,1),opacity .3s ease;transition:visibility 0s ease 1s,max-height .3s cubic-bezier(.33,0,0,1),opacity .3s ease}
.top-nav .top-nav-list{height:auto;display:block;position:relative;padding:0 40px 40px 40px;margin-top:44px;padding-top:15px;margin-left:0}
.top-nav .top-nav-list .top-nav-item{min-height:44px;position:relative;height:auto;display:block;text-align:left;border-bottom:1px rgba(0,0,0,.082) solid}
.top-nav .top-nav-list .top-nav-item .top-navitem-link{padding-left:0; width:100%}
.top-nav .top-nav-list .top-nav-item .top-navitem-link .fa{display: none}
.top-nav .top-nav-list .top-nav-item .top-navitem-link-arrow{display:inline-block}
.active .fa-angle-down:before{content: "\f106"}
.top-navpopup-sub{position:relative;padding-top:0;top:0;width:auto;margin-left:auto;left:auto;background-color:#fff;display:block;overflow:hidden;visibility:hidden;max-height:0;-webkit-transition:max-height .3s ease,visibility 0s linear .5s;transition:max-height .3s ease,visibility 0s linear .5s}
.active .top-navpopup-sub{padding-bottom:15px;max-height:200vh;visibility:visible;-webkit-transition:max-height .5s linear,visibility 0s linear 0s;transition:max-height .5s linear,visibility 0s linear 0s}
.top-navpopup-sub .top-subnav-list{width:auto;height:auto}
.top-navpopup-sub .top-subnav-wrapper{width:auto;display:block;padding:0}
.top-subnav-wrapper .top-subnav-cover,.top-subnav-wrapper .top-subnav-list{width:auto;height:auto;margin-left:auto;margin-top: 15px;}
.active .top-subnav-wrapper .top-subnav-cover{opacity:1;will-change:transform;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:opacity .3s ease .1s,-webkit-transform .35s ease .1s;transition:opacity .3s ease .1s,-webkit-transform .35s ease .1s;transition:opacity .3s ease .1s,transform .35s ease .1s;transition:opacity .3s ease .1s,transform .35s ease .1s,-webkit-transform .35s ease .1s}
.top-subnav-list ul li a{margin:auto 20px;padding-bottom:10px;height:auto}
.openHeaderMenu .top-nav .top-nav-menu a.nav-menu b:before{-webkit-transform:matrix(.70711,.70711,-.70711,.70711,0,9);-ms-transform:matrix(.70711,.70711,-.70711,.70711,0,9);transform:matrix(.70711,.70711,-.70711,.70711,0,9)}
.openHeaderMenu .top-nav .top-nav-menu a.nav-menu b:after{-webkit-transform:matrix(.70711,-.70711,.70711,.70711,0,-6);-ms-transform:matrix(.70711,-.70711,.70711,.70711,0,-6);transform:matrix(.70711,-.70711,.70711,.70711,0,-6)}
.openHeaderMenu .top-nav .top-nav-menu a.nav-menu b em{opacity:0}
.openHeaderMenu .top-nav .top-nav-logo{background-color:#fff;-webkit-transition:background .1s ease .5s;transition:background .1s ease .5s}
.openHeaderMenu .top-nav .top-navlist-wrapper{max-height:100vh;visibility:visible;opacity:1;-webkit-transition:visibility 0s ease .1s,max-height .5s cubic-bezier(.33,0,.2,1),opacity .3s ease;transition:visibility 0s ease .1s,max-height .5s cubic-bezier(.33,0,.2,1),opacity .3s ease}
.active .top-subnav-wrapper .top-subnav-list ul li{opacity:1;-webkit-transform:translate3d(0,0,0);border-bottom:1px rgba(0,0,0,.082) solid;transform:translate3d(0,0,0);will-change:transform}
.active .top-subnav-wrapper .top-subnav-list ul li:last-child{border-bottom:0}
.top-subnav-wrapper .top-subnav-list ul li a{margin:auto 20px;padding-bottom:10px;height:auto}
.top-subnav-wrapper .top-subnav-list ul li figure{width:88px;height:auto;overflow:hidden;margin-bottom:-5px}
.top-subnav-wrapper .top-subnav-list ul li h3{font-size:14px;bottom:42.5%;left:60%}
#bt-footer{padding:30px 0}
.bt-nav{width:auto;margin:0 20px}
.bt-nav .bt-directory{width:100%;float:none;display:block}
.bt-nav .bt-directory dl{width:auto;border-bottom:1px #EBEBEB solid;-webkit-transition:max-height .3s cubic-bezier(.33,0,0,1);transition:max-height .3s cubic-bezier(.33,0,0,1)}
.bt-nav .bt-directory dl dt{width:auto;margin-bottom:0;padding:20px 0}
.bt-nav .bt-directory dl dt b{display:block}
.bt-nav .bt-directory dl dd{margin-right:0;margin-left:1em;padding:0;display:none}
.bt-nav .bt-directory dl.active dd{display:block}
.bt-nav .bt-directory dl dd a{padding:6px 0;display:block}
.bt-copyright{margin:0 20px;width:auto;display:block}
.bt-copyright .bt-cp-content{-webkit-box-flex:1;-ms-flex:auto;flex:auto;line-height:1.4;font-size:12px}
.bt-copyright .bt-sns-content{width:auto;margin-top:20px;padding-left:0;text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.bt-nav .bt-service{float:none;text-align:inherit}
.bt-nav .bt-service .bt-serv-totu{float:right;margin-bottom:0;margin-top:0}
.bt-nav .bt-service .bt-serv-tel{margin:30px 0}
.bt-nav .bt-service .bt-serv-totu .bt-ico{border-radius:39px;height:39px;line-height:38px;width:130px}
.bt-nav .bt-service .bt-serv-totu .bt-ico span{font-size:12px;vertical-align:middle}
.home #header{background:#fff}
.top-subnav-wrapper .top-subnav-list ul li figure img{margin-top:0}
.products_list>ul>li{width:50%;height:auto}
.products_list>ul>li a.pic{width:90%;height:auto;margin:15px auto;text-align:center}
.products_list>ul>li .info{padding:0 10px}
.products_list>ul>li ul.dot_list{margin-bottom:20px}
.products_list>ul>li ul.dot_list li{margin:0 6px}
.products_list .buy_btn{width:100px;height:30px;margin:20px auto}
.categorylist{padding:15px;font-size: 12px;padding-bottom: 20px;}
.categorylist dd{padding:5px}
.categorylist dd ul{top: 46px;
    width: 100%;
    left: 0;
    height: auto;}
.categorylist dd ul li{padding:0 5px}
#page-hero-section{background:0 0!important;min-height:0}
#page-hero-section picture{visibility:visible;opacity:1}
.text-section{padding:3.125rem 0}
#about-section-05 .col-md-4{margin-bottom:1rem}
#about-section-05 .nav-tabs .nav-item{width:60%;margin-bottom:.625rem}
#about-section-05 .nav-tabs a.nav-link{background-color:#d9d9d9;width:100%;display:block;padding:4px 30px;border-radius:1rem;margin-right:.375rem}
.mini-subnav ul {
    line-height: 2.8125rem;
    background-color: #fff;
    padding: 0 50px 30px 10px;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    transition: opacity .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    position: relative;
    z-index: 2;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transition: opacity .3s;
}
.mini-subnav {
    display: block;
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    height: 45px;
    line-height: 45px;
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    position: relative;
}
.mini-subnav li {
    display: inline;
    padding: 0 10px;
}
.mini-subnav li a {
    color: #6c6c6c;
}
.mini-subnav .mini-subnav-hd {
    width: 100%;
    height: 45px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
    background-color: #fff;
    transition: opacity .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    z-index: 1;
}
.mini-subnav .mini-toggle-btn {
    color: #6c6c6c;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    width: 64px;
    height: 45px;
    font-size: 1.75rem;
    text-align: center;
    box-shadow: -15px 0 20px 0 #f6f6f6;
    z-index: 3;
}
#store-page .secondary-menu{display: none}
#store-entry .store-entry-section .section-ft h4 {
    font-size: 0.875rem;
}
#store-entry .store-entry-section {
    margin-bottom: 0;
}
.contact_box .content_con {
    padding: 20px 10px;
    font-size: 12px;
}
.contact_box dl.con_box, .contact_box .market {
    width: 100%;
    float: none;
    padding: 0 8%;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.cd-header-buttons{top:0}
.cd-search-trigger, .cd-language-trigger, .cd-nav-trigger {
 margin-left: 0;
    border: none;
}
.cd-search {
    position: absolute;
    height: 50px;top:  44px
}
.cd-search input{font-size: 12px}
.cd-search-btn {
    width: 40px;
    height: 40px;
    right: 5px;
    top: 5px;
}
.cd-search-btn::before {
    top: 11px;
    left: 11px;
    width: 18px;
    height: 18px;
}
.cd-search-btn::after {
    width: 8px;
    height: 3px;
    bottom: 10px;
    right: 7px;
}
.pro_info h3 {
    font-size: 16px;padding:10px 0;
}
#homeslidertop{width:100%;height: auto}
#homeslidertop img{width:100%;height: auto}
.bt-icon.fa-headphones-alt{font-size: 14px}
#preview{width:100%}
#slides img{border:none}
.pro_info .buy_btn{width:145px}
}