@charset "UTF-8";.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}.animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;}@-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform: translateY(0); transform: translateY(0);} 40%{-webkit-transform: translateY(-30px); transform: translateY(-30px);} 60%{-webkit-transform: translateY(-15px); transform: translateY(-15px);}}@keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 40%{-webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);} 60%{-webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px);}}.bounce{-webkit-animation-name: bounce; animation-name: bounce;}@-webkit-keyframes flash{0%, 50%, 100%{opacity: 1;} 25%, 75%{opacity: 0;}}@keyframes flash{0%, 50%, 100%{opacity: 1;} 25%, 75%{opacity: 0;}}.flash{-webkit-animation-name: flash; animation-name: flash;}@-webkit-keyframes pulse{0%{-webkit-transform: scale(1); transform: scale(1);} 50%{-webkit-transform: scale(1.1); transform: scale(1.1);} 100%{-webkit-transform: scale(1); transform: scale(1);}}@keyframes pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} 50%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} 100%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}}.pulse{-webkit-animation-name: pulse; animation-name: pulse;}@-webkit-keyframes shake{0%, 100%{-webkit-transform: translateX(0); transform: translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform: translateX(-10px); transform: translateX(-10px);} 20%, 40%, 60%, 80%{-webkit-transform: translateX(10px); transform: translateX(10px);}}@keyframes shake{0%, 100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px);} 20%, 40%, 60%, 80%{-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);}}.shake{-webkit-animation-name: shake; animation-name: shake;}@-webkit-keyframes swing{20%{-webkit-transform: rotate(15deg); transform: rotate(15deg);} 40%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);} 60%{-webkit-transform: rotate(5deg); transform: rotate(5deg);} 80%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg);} 100%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}}@keyframes swing{20%{-webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg);} 40%{-webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg);} 60%{-webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg);} 80%{-webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg);} 100%{-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(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: scale(1); transform: scale(1);} 10%, 20%{-webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg);} 100%{-webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}}@keyframes tada{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} 10%, 20%{-webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg);} 100%{-webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}}.tada{-webkit-animation-name: tada; animation-name: tada;}@-webkit-keyframes wobble{0%{-webkit-transform: translateX(0%); transform: translateX(0%);} 15%{-webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg);} 30%{-webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg);} 45%{-webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg);} 60%{-webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg);} 75%{-webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg);} 100%{-webkit-transform: translateX(0%); transform: translateX(0%);}}@keyframes wobble{0%{-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);} 15%{-webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg);} 30%{-webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg);} 45%{-webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg);} 60%{-webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg);} 75%{-webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg);} 100%{-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}}.wobble{-webkit-animation-name: wobble; animation-name: wobble;}@-webkit-keyframes bounceIn{0%{opacity: 0; -webkit-transform: scale(.3); transform: scale(.3);} 50%{opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);} 70%{-webkit-transform: scale(.9); transform: scale(.9);} 100%{-webkit-transform: scale(1); transform: scale(1);}}@keyframes bounceIn{0%{opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3);} 50%{opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);} 70%{-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9);} 100%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}}.bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;}@-webkit-keyframes bounceInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);} 60%{opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px);} 80%{-webkit-transform: translateY(-10px); transform: translateY(-10px);} 100%{-webkit-transform: translateY(0); transform: translateY(0);}}@keyframes bounceInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);} 60%{opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px);} 80%{-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);} 100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}.bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);} 60%{opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px);} 80%{-webkit-transform: translateX(-10px); transform: translateX(-10px);} 100%{-webkit-transform: translateX(0); transform: translateX(0);}}@keyframes bounceInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);} 60%{opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px);} 80%{-webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px);} 100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}.bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);} 60%{opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px);} 80%{-webkit-transform: translateX(10px); transform: translateX(10px);} 100%{-webkit-transform: translateX(0); transform: translateX(0);}}@keyframes bounceInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);} 60%{opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px);} 80%{-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);} 100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}.bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;}@-webkit-keyframes bounceInUp{0%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);} 60%{opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px);} 80%{-webkit-transform: translateY(10px); transform: translateY(10px);} 100%{-webkit-transform: translateY(0); transform: translateY(0);}}@keyframes bounceInUp{0%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);} 60%{opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);} 80%{-webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);} 100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}.bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;}@-webkit-keyframes bounceOut{0%{-webkit-transform: scale(1); transform: scale(1);} 25%{-webkit-transform: scale(.95); transform: scale(.95);} 50%{opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1);} 100%{opacity: 0; -webkit-transform: scale(.3); transform: scale(.3);}}@keyframes bounceOut{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} 25%{-webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95);} 50%{opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} 100%{opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3);}}.bounceOut{-webkit-animation-name: bounceOut; animation-name: bounceOut;}@-webkit-keyframes bounceOutDown{0%{-webkit-transform: translateY(0); transform: translateY(0);} 20%{opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px);} 100%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);}}@keyframes bounceOutDown{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 20%{opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);} 100%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);}}.bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform: translateX(0); transform: translateX(0);} 20%{opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px);} 100%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}}@keyframes bounceOutLeft{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} 20%{opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);} 100%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}}.bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight{0%{-webkit-transform: translateX(0); transform: translateX(0);} 20%{opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px);} 100%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}}@keyframes bounceOutRight{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} 20%{opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px);} 100%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}}.bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp{0%{-webkit-transform: translateY(0); transform: translateY(0);} 20%{opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px);} 100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}}@keyframes bounceOutUp{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 20%{opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);} 100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}}.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: translateY(-20px); transform: translateY(-20px);} 100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}@keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);} 100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);} 100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}@keyframes fadeInDownBig{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);} 100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}.fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px);} 100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}}@keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px);} 100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}.fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig{0%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);} 100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}}@keyframes fadeInLeftBig{0%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);} 100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}.fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight{0%{opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px);} 100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}}@keyframes fadeInRight{0%{opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);} 100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}.fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);} 100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}}@keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);} 100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}.fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);} 100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}@keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);} 100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}.fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig{0%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);} 100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}@keyframes fadeInUpBig{0%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);} 100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}.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; -webkit-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}}@keyframes fadeOutDown{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}}.fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);}}@keyframes fadeOutDownBig{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);}}.fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px);}}@keyframes fadeOutLeft{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px);}}.fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}}@keyframes fadeOutLeftBig{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}}.fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px);}}@keyframes fadeOutRight{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}}.fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}}@keyframes fadeOutRightBig{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}}.fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);}}@keyframes fadeOutUp{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}}.fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}}@keyframes fadeOutUpBig{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}}.fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;}@-webkit-keyframes flip{0%{-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 40%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 50%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 80%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 100%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}}@keyframes flip{0%{-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 40%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 50%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 80%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 100%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -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) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;} 40%{-webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg);} 70%{-webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg);} 100%{-webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1;}}@keyframes flipInX{0%{-webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;} 40%{-webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg);} 70%{-webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg);} 100%{-webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1;}}.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) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;} 40%{-webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg);} 70%{-webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg);} 100%{-webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1;}}@keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;} 40%{-webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg);} 70%{-webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg);} 100%{-webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1;}}.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) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1;} 100%{-webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;}}@keyframes flipOutX{0%{-webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1;} 100%{-webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;}}.flipOutX{-webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important;}@-webkit-keyframes flipOutY{0%{-webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1;} 100%{-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;}}@keyframes flipOutY{0%{-webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1;} 100%{-webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(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-keyframes lightSpeedIn{0%{-webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0;} 60%{-webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1;} 80%{-webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1;} 100%{-webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1;}}@keyframes lightSpeedIn{0%{-webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0;} 60%{-webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1;} 80%{-webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1;} 100%{-webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); 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%{-webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1;} 100%{-webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0;}}@keyframes lightSpeedOut{0%{-webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1;} 100%{-webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) 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 center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0;} 100%{-webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}}@keyframes rotateIn{0%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0;} 100%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(-90deg); transform: rotate(-90deg); opacity: 0;} 100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;} 100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(90deg); transform: rotate(90deg); opacity: 0;} 100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}}@keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;} 100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(90deg); transform: rotate(90deg); opacity: 0;} 100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;} 100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(-90deg); transform: rotate(-90deg); opacity: 0;} 100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}}@keyframes rotateInUpRight{0%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;} 100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}}.rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;} 100%{-webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0;}}@keyframes rotateOut{0%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;} 100%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0;}}.rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;} 100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;} 100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}}.rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;} 100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;} 100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}}.rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;} 100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;} 100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}}.rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1;} 100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;} 100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}}.rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;}@-webkit-keyframes slideInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);} 100%{-webkit-transform: translateY(0); transform: translateY(0);}}@keyframes slideInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);} 100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}.slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;}@-webkit-keyframes slideInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);} 100%{-webkit-transform: translateX(0); transform: translateX(0);}}@keyframes slideInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);} 100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}.slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;}@-webkit-keyframes slideInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);} 100%{-webkit-transform: translateX(0); transform: translateX(0);}}@keyframes slideInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);} 100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}}.slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;}@-webkit-keyframes slideOutLeft{0%{-webkit-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}}@keyframes slideOutLeft{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}}.slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight{0%{-webkit-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}}@keyframes slideOutRight{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);} 100%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}}.slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;}@-webkit-keyframes slideOutUp{0%{-webkit-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}}@keyframes slideOutUp{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}}.slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;}@-webkit-keyframes hinge{0%{-webkit-transform: rotate(0); transform: rotate(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: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 40%{-webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 80%{-webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 100%{-webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0;}}@keyframes hinge{0%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(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: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(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%{-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(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;} 80%{-webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -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;} 100%{-webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0;}}.hinge{-webkit-animation-name: hinge; animation-name: hinge;}@-webkit-keyframes rollIn{0%{opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg);} 100%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg);}}@keyframes rollIn{0%{opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg);} 100%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg);}}.rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;}@-webkit-keyframes rollOut{0%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg);} 100%{opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg);}}@keyframes rollOut{0%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg);} 100%{opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg);}}.rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;}html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}body{line-height: 1;}ol, ul{list-style: none;}blockquote, q{quotes: none;}blockquote:before, blockquote:after,q:before, q:after{content: '';content: none;}table{border-collapse: collapse;border-spacing: 0;}:root{--px5:0.279018vw;--px6:0.334821vw;--px7:0.390625vw;--px8:0.446429vw;--px9:0.502232vw;--px10:0.558036vw;--px11:0.613839vw;--px12:0.669643vw;--px13:0.725446vw;--px14:0.781250vw;--px15:0.837054vw;--px16:0.892857vw;--px17:0.948661vw;--px18:1.004464vw;--px19:1.060268vw;--px20:1.116071vw;--px21:1.171875vw;--px22:1.227679vw;--px23:1.283482vw;--px24:1.339286vw;--px25:1.395089vw;--px26:1.450893vw;--px27:1.506696vw;--px28:1.562500vw;--px29:1.618304vw;--px30:1.674107vw;--px31:1.729911vw;--px32:1.785714vw;--px33:1.841518vw;--px34:1.897321vw;--px35:1.953125vw;--px36:2.008929vw;--px37:2.064732vw;--px38:2.120536vw;--px39:2.176339vw;--px40:2.232143vw;--px41:2.287946vw;--px42:2.343750vw;--px43:2.399554vw;--px44:2.455357vw;--px45:2.511161vw;--px46:2.566964vw;--px47:2.622768vw;--px48:2.678571vw;--px49:2.734375vw;--px50:2.790179vw;--px51:2.845982vw;--px52:2.901786vw;--px53:2.957589vw;--px54:3.013393vw;--px55:3.069196vw;--px56:3.125000vw;--px57:3.180804vw;--px58:3.236607vw;--px59:3.292411vw;--px60:3.348214vw;--px61:3.404018vw;--px62:3.459821vw;--px63:3.515625vw;--px64:3.571429vw;--px65:3.627232vw;--px66:3.683036vw;--px67:3.738839vw;--px68:3.794643vw;--px69:3.850446vw;--px70:3.906250vw;--px71:3.962054vw;--px72:4.017857vw;--px73:4.073661vw;--px74:4.129464vw;--px75:4.185268vw;--px76:4.241071vw;--px77:4.296875vw;--px78:4.352679vw;--px79:4.408482vw;--px80:4.464286vw;}.rwd:after{content: 'ALL';display: none;position: fixed;z-index: 99;top: 0;left: 0;}body{font-family: 'Noto Serif TC', sans-serif;}section{padding: 80px 0px;}hr{background-color: #555;opacity: .7;}img{vertical-align: middle;width: 100%;}.pic{position: relative;}.img_txt{position: absolute;right: 10px;bottom: 10px;z-index: 99;color: #fff;font-size: 12px;text-shadow: 1px 1px 2px #333;}.box{width: 90%;max-width: 1440px;margin: auto;}.slick-slide{}.slick-list{}.slick-dotted.slick-slider{margin-bottom: 0px;}.slick-dots{bottom: 20px;}.slick-dots li button:before{font-size: 14px;color: #fff;opacity: 1;}.slick-dots li.slick-active button:before{color: #604c3f;opacity: 1;}.slick-one .img{position: relative;}h1{position: absolute;width: 1px;height: 1px;overflow: hidden;}h2{font-size: var(--px45); font-weight: 600; line-height: 1.2; color: #fff;}h3{font-size: var(--px30); font-weight: 500; line-height: 1.5; color: #fff;}p{font-size: var(--px18); font-weight: 400; line-height: 1.8; text-align: justify; text-justify: inter-ideograph;}.menu_mobile{justify-content: space-between; position: sticky; bottom: -2px; z-index: 999; width: 100%; text-align: center;background-color: #000; z-index: 99999; border-top:0px solid #fff;}.menu_mobile a{text-decoration: none; color: #B5B5B6; font-size: 12px; font-weight: 500 !important;display: block;width: 100%;padding: 10px 0;}.menu_mobile a + a{border-left: 1px solid #595757;}.menu_mobile i{display: block;margin-bottom: 10px;font-size: 16px;}.menu_mobile{display: none;}.kv{width: 100%;height: 100vh;position: relative;background-image: url(../img/kv-bg.jpg);}.kv .title{width: 22%;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);}.kv .title .logo{width: 100%;}.kv .title h2{color: #000;text-align: center;}.kv .main{position: absolute;bottom: 5%;width: 60%;}.kv .t{position: absolute;left: 0.5%;top: 2%;width: var(--px10);}.kv:before{content: '';width: 1px;height: 100vh;position: absolute;left: 2%;top: 0;background-image: linear-gradient(to bottom, #84807A 0%, #84807A 80%, transparent 50%);background-size: 100% 10px;background-repeat: repeat-y;}.s1{padding-bottom: 60%;background-image: url(../img/s1.jpg?v=2);background-size: cover;position: relative;}.s1:before{content: '';width: 100%;height: 40vh;background: -moz-linear-gradient(bottom, rgba(21,38,18,0) 0%, rgba(21,38,18,1) 50%);background: -webkit-linear-gradient(bottom, rgba(21,38,18,0) 0%,rgba(21,38,18,1) 50%);background: linear-gradient(to top, rgba(21,38,18,0) 0%,rgba(21,38,18,1) 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00152612', endColorstr='#152612',GradientType=0 );position: absolute;top: 0;left: 0;}.s1 h2{text-align: center;position: relative;z-index: 2;}.s2{background-image: url(../img/bg.jpg);}.s2 .img_txt{bottom: auto;top: 10px;}.s2 .item{position: relative;}.s2 .item:after{content: '';width: 1px;height: 100%;background-image: linear-gradient(to bottom, #84807A 0%, #84807A 80%, transparent 50%);background-size: 100% 10px;background-repeat: repeat-y;position: absolute;right: 5%;top: 0;}.s2 .item .text{padding-right: 8%;margin-bottom: var(--px30);}.s2 .item .text h2,.s2 .item .text p{text-align: right;}.s2 .item .text h2{color: #055958;margin-bottom: var(--px15);}.s2 .item .text h2 span{display: block;color: #000;}.s2 .item .image{display: flex;gap: 5%;}.s2 .item .image .main-pic{width: 97%;}.s2 .item .image .t{width: 3%;}.s2 .slick-slide{margin: 0 15px;}.s2 .slick-list{margin: 0 -15px;}.s3{background-image: url(../img/grid.png),url(../img/bg.jpg);background-size: 30%,auto;background-repeat: no-repeat,repeat;background-position: right bottom,center center;padding-bottom: 100px;}.s3 .box{display: flex;align-items: center;position: relative;}.s3 .box:before{content: '';width: 1px;height: 100%;background-image: linear-gradient(to bottom, #84807A 0%, #84807A 80%, transparent 50%);background-size: 100% 10px;background-repeat: repeat-y;position: absolute;z-index: 2;top: 0;left: 29%;}.s3 .text{width: 30%;}.s3 .image{width: 70%;position: relative;}.s3 .image .c{position: absolute;bottom: 0;right: 0;width: 70%;transform: translateY(50%);}.s3 .text h2{color: #055958;margin-bottom: var(--px15);}.s3 .text h2 span{display: block;color: #000;}.s4{background-image: url(../img/grid.png),url(../img/bg.jpg);background-size: 30%,auto;background-repeat: no-repeat,repeat;background-position: right top,center center;}.s4 .img_txt{bottom: auto;top: 10px;}.s4 .box{display: flex;align-items: center;flex-direction: row-reverse;}.s4 .text{width: 30%;}.s4 .image{width: 70%;}.s4 .text h2,.s4 .text p{text-align: right;}.s4 .text h2{color: #055958;margin-bottom: var(--px15);}.s4 .slick-slide{margin: 0 10px;}.s4 .slick-list{margin: 0 -10px;}.s5{background-image: url(../img/bg.jpg);}.s5 .text{margin-bottom: var(--px30);}.s5 .box .text .t{width: 15%;margin-bottom: var(--px10);}.s5 .box .text h2{color: #055958;border-left: 2px solid #055958;padding-left: var(--px20);padding-top: var(--px50);}.s5 .box .con{display: flex;}.s5 .box .con .image{width: 60%;}.s5 .box .con .txt{width: 40%;display: flex;flex-direction: column;justify-content: space-between;}.s5 .box .con .txt p{padding-left: 6%;}.s5 .box .con .txt .pic{mix-blend-mode: multiply;}.s6{background-image: url(../img/bg.jpg);}.s6 .text{margin-bottom: var(--px30);}.s6 .box .text .t{width: 15%;margin-bottom: var(--px10);}.s6 .box .text h2{color: #055958;border-left: 2px solid #055958;padding-left: var(--px20);padding-top: var(--px50);}.s6 .box .con{display: flex;}.s6 .box .con .image{width: 60%;}.s6 .box .con .txt{width: 40%;display: flex;flex-direction: column;justify-content: space-between;}.s6 .box .con .txt p{padding-left: 6%;}.s6 .box .con .txt .pic{width: 80%;mix-blend-mode: multiply;padding-left: 6%;}.s7{padding: 10% 0;background-image: url(../img/bg2.jpg);}.s7 .box{max-width: 90%;}.s7 .box .glogo{width: 20%;margin-bottom: var(--px20);}.s7 h2{color: #fff;margin-bottom: var(--px30);}.s7 .slick-track{display: flex;}.s7 .slick-track .slick-slide{display: flex;height: auto;align-items: center;justify-content: center;}.s7 .slick-slide{margin: 0 10px;}.s7 .slick-list{margin: 0 -10px;}input,select{background-color: #fff;border-radius: 3px;color: #000 !important;border: 0px solid #333 !important;font-size: 16px;border-radius: var(--px5);}input[type="text"],input[type="phone"],select{height: 45px;width: 100%;margin-bottom: 20px;}textarea{width: 100%;color: #000;font-size: 16px;margin-bottom: 15px;border: 0px solid #333 !important;border-radius: var(--px5);}label{margin-bottom: 10px;color: #fff;font-size: var(--px18);}::placeholder{font-size: 16px; color: rgba(0, 0, 0, .5) !important;}:-ms-input-placeholder{font-size: 16px; color: rgba(0, 0, 0, .5) !important;}::-ms-input-placeholder{font-size: 16px; color: rgba(0, 0, 0, .5) !important;}.reservation{position: relative;background-image: url(../img/bg2.jpg);}.reservation > .container > .row:nth-child(1){margin-bottom: var(--px80);}.reservation > .container > .row:nth-child(1) .call-btn{width: 100%;margin: 0 auto;margin-top: var(--px50);}.reservation h2{color: #fff;margin-bottom: var(--px50);text-align: center;}.reservation h2 span{font-size: var(--px22);display: block;}.reservation .form_check_txt{color: #fff;margin-left: 10px;line-height: 1.8;}.reservation .form_check_txt a{text-decoration: none;color: #fff;}.reservation .form_check_txt a:hover{text-decoration: underline;color: #fff;}.reservation .send_btn,.reservation .send_btn:hover{background-color: #fff;color: #055958;}.reservation #send_btn{width: 160px; height: 55px; font-size: var(--px20); font-weight: 400; border: 1px solid #fff; margin-top: 20px; border-radius: var(--px30);}.reservation .reg_btn_disabled{background-color: #fff; cursor: no-drop; opacity: 0.6; color: #055958;}.reservation .reg_btn{background-color: #fff; opacity: 1; color: #055958; transition: all .3s;}.reservation .reg_btn:hover{background-color: #055958; color: #fff; opacity: 1;}.reservation #msgerror{color: #fff;font-size: 14px;text-align: center;margin-top: 10px;}.reservation .cta_block a{text-decoration: none;}.reservation .cta{background-color: #fff;width: 100%;padding: 50px 0px;border:1px solid #333;font-size: 20px;color: #333;line-height: 30px;font-weight: 300;transition: all 0.3s;}.reservation .cta:hover{background-color: #333;color: #fff;}.reservation .cta:hover i{color: #fff;}.reservation .cta_block{margin-bottom: 80px;}.reservation .cta > i{font-size: 3rem;color: #333;margin-bottom: 10px;display: block;transition: all 0.3s;}.modal.fade h3{color: #333;}.modal-body h5{margin-bottom: 10px;color: #333;}.modal-body li{line-height: 2;}footer{background-color: #333;}footer p{background-color: #333;font-size: 12px;color: #fff;letter-spacing: 1px;text-align: center; text-justify: auto; padding: 15px 0px;}@media (max-width: 1400px){.rwd:after{content: 'mx1400';}}@media (max-width: 1200px){.rwd:after{content: 'mx1200';}} @media (max-width: 992px){.rwd:after{content: 'mx992';} .menu_mobile{display: none;} .reservation .cta_block{display: none;} section{padding: 50px 0;} h2{font-size: 30px;} p{font-size: 16px;} .kv .title{width: 65%; transform: translateY(-100%);} .kv .main{width: 90%;} .kv .t{left: 6%; top: 3%; width: 10px;} .kv:before{left: 10%;} .s1{padding-bottom: 130%; background-position: right;} .s1:before{height: 30vh;} .s2 .item .text{margin-bottom: 30px;} .s2 .item .text h2{margin-bottom: 15px;} .s2 .slick-slide{margin: 0 15px;} .s2 .slick-list{margin: 0 -15px;} .s2 .item3:after{right: auto; left: 5%;} .s2 .item3 .text{padding-right: 0; padding-left: 8%;} .s2 .item3 .text h2, .s2 .item3 .text p{text-align: left;} .s2 .item3 .image{flex-direction: row-reverse;} .s3{background-size: 60%,auto; padding: 0;} .s3 .box{padding-top: 80px; flex-direction: column;} .s3 .box:before{left: 8%;} .s3 .text{width: 100%; margin-bottom: 30px; padding-left: 13%;} .s3 .image{width: 100%; position: relative; z-index: 3;} .s3 .text h2{margin-bottom: 15px;} .s4{background-size: 60%,auto; padding-top: 100px;} .s4 .box{flex-direction: column;} .s4 .text{width: 100%; margin-bottom: 30px; padding-right: 13%;} .s4 .image{width: 100%;} .s4 .text h2{margin-bottom: 15px;} .s5 .text{margin-bottom: 30px;} .s5 .box .text .t{width: 30%; margin-bottom: 10px;} .s5 .box .text h2{padding-left: 20px; padding-top: 30px;} .s5 .box .con{flex-direction: column;} .s5 .box .con .image{width: 100%;} .s5 .box .con .txt{width: 100%;} .s5 .box .con .txt p{padding-left: 0%; margin: 40px 0;} .s5 .box .con .txt br{display: none;} .s6 .text{margin-bottom: 30px;} .s6 .box .text .t{width: 30%; margin-bottom: 10px;} .s6 .box .text h2{padding-left: 20px; padding-top: 30px;} .s6 .box .con{flex-direction: column;} .s6 .box .con .image{width: 100%;} .s6 .box .con .txt{width: 100%;} .s6 .box .con .txt p{padding-left: 0%; margin: 40px 0;} .s6 .box .con .txt br{display: none;} .s6 .box .con .txt .pic{width: 90%; padding-left: 0%; margin: 0 auto;} .s7{padding: 50px 0;} .s7 .box .glogo{width: 50%; margin-bottom: 20px;} .s7 h2{margin-bottom: 30px;} .s7 .slick-track{display: block;} .s7 .slick-track .slick-slide{display: block;} input,select,textarea{border-radius: 5px;} label{font-size: 14px;} .reservation > .container > .row:nth-child(1){margin-bottom: 50px;} .reservation > .container > .row:nth-child(1) .reg-t{width: 80%; margin: 30px auto;} .reservation > .container > .row:nth-child(1) .call-btn{width: 80%; margin: 0 auto;} .reservation h2{margin-bottom: 30px;} .reservation h2 span{font-size: 17px;} .reservation #send_btn{font-size: 20px; border-radius: 30px;}}@media (max-width: 768px){.rwd:after{content: 'mx768';}}@media (max-width: 576px){.rwd:after{content: 'mx576';} }