.animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.animsition-loading,.animsition-loading:after{width:32px;height:32px;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;border-top:5px solid rgba(0,0,0,.2);border-right:5px solid rgba(0,0,0,.2);border-bottom:5px solid rgba(0,0,0,.2);border-left:5px solid #eee;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn); } }@keyframes animsition-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn); } }@-webkit-keyframes fade-in {
0% {
opacity: 0; }
to {
opacity: 1; } }@keyframes fade-in {
0% {
opacity: 0; }
to {
opacity: 1; } }.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out {
0% {
opacity: 1; }
to {
opacity: 0; } }@keyframes fade-out {
0% {
opacity: 1; }
to {
opacity: 0; } }.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up {
0% {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0; }
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }@keyframes fade-in-up {
0% {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0; }
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
to {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0; } }@keyframes fade-out-up {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
to {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0; } }.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm {
0% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0; }
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }@keyframes fade-in-up-sm {
0% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0; }
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
to {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0; } }@keyframes fade-out-up-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
to {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0; } }.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg {
0% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0; }
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }@keyframes fade-in-up-lg {
0% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0; }
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
to {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
opacity: 0; } }@keyframes fade-out-up-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
to {
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
opacity: 0; } }.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0; }
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }@keyframes fade-in-down {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
opacity: 0; }
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
to {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0; } }@keyframes fade-out-down {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
to {
-webkit-transform: translateY(500px);
transform: translateY(500px);
opacity: 0; } }.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0; }
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }@keyframes fade-in-down-sm {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0; }
to {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
to {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0; } }@keyframes fade-out-down-sm {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
to {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0; } }.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
to {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0; } }@keyframes fade-out-down-lg {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
to {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
opacity: 0; } }.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left {
0% {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0; }
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }@keyframes fade-in-left {
0% {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0; }
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
to {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0; } }@keyframes fade-out-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
to {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
opacity: 0; } }.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0; }
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }@keyframes fade-in-left-sm {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0; }
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
to {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0; } }@keyframes fade-out-left-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
to {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0; } }.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg {
0% {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0; }
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }@keyframes fade-in-left-lg {
0% {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0; }
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
to {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0; } }@keyframes fade-out-left-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
to {
-webkit-transform: translateX(-1500px);
transform: translateX(-1500px);
opacity: 0; } }.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right {
0% {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0; }
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }@keyframes fade-in-right {
0% {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0; }
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
to {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0; } }@keyframes fade-out-right {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
to {
-webkit-transform: translateX(500px);
transform: translateX(500px);
opacity: 0; } }.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0; }
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }@keyframes fade-in-right-sm {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0; }
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
to {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0; } }@keyframes fade-out-right-sm {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
to {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0; } }.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg {
0% {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0; }
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }@keyframes fade-in-right-lg {
0% {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0; }
to {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
to {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0; } }@keyframes fade-out-right-lg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
to {
-webkit-transform: translateX(1500px);
transform: translateX(1500px);
opacity: 0; } }.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0; }
0%, to {
-webkit-transform-origin: center center; }
to {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1; } }@keyframes rotate-in {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0; }
0%, to {
-webkit-transform-origin: center center; }
to {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1; } }.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1; }
0%, to {
-webkit-transform-origin: center center; }
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0; } }@keyframes rotate-out {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1; }
0%, to {
-webkit-transform-origin: center center; }
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0; } }.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0; }
0%, to {
-webkit-transform-origin: center center; }
to {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1; } }@keyframes rotate-in-sm {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0; }
0%, to {
-webkit-transform-origin: center center; }
to {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1; } }.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1; }
0%, to {
-webkit-transform-origin: center center; }
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0; } }@keyframes rotate-out-sm {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1; }
0%, to {
-webkit-transform-origin: center center; }
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0; } }.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0; }
0%, to {
-webkit-transform-origin: center center; }
to {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1; } }@keyframes rotate-in-lg {
0% {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0; }
0%, to {
-webkit-transform-origin: center center; }
to {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1; } }.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1; }
0%, to {
-webkit-transform-origin: center center; }
to {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0; } }@keyframes rotate-out-lg {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 1; }
0%, to {
-webkit-transform-origin: center center; }
to {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0; } }.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x {
0% {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0; }
to {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1; } }@keyframes flip-in-x {
0% {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0; }
to {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1; } }.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x {
0% {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0; } }@keyframes flip-out-x {
0% {
-webkit-transform: perspective(550px) rotateX(0deg);
transform: perspective(550px) rotateX(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(550px) rotateX(90deg);
transform: perspective(550px) rotateX(90deg);
opacity: 0; } }.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0; }
to {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1; } }@keyframes flip-in-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0; }
to {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1; } }.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0; } }@keyframes flip-out-x-nr {
0% {
-webkit-transform: perspective(100px) rotateX(0deg);
transform: perspective(100px) rotateX(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(100px) rotateX(90deg);
transform: perspective(100px) rotateX(90deg);
opacity: 0; } }.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0; }
to {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1; } }@keyframes flip-in-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0; }
to {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1; } }.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0; } }@keyframes flip-out-x-fr {
0% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0; } }.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y {
0% {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0; }
to {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1; } }@keyframes flip-in-y {
0% {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0; }
to {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1; } }.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y {
0% {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0; } }@keyframes flip-out-y {
0% {
-webkit-transform: perspective(550px) rotateY(0deg);
transform: perspective(550px) rotateY(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(550px) rotateY(90deg);
transform: perspective(550px) rotateY(90deg);
opacity: 0; } }.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0; }
to {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1; } }@keyframes flip-in-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0; }
to {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1; } }.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0; } }@keyframes flip-out-y-nr {
0% {
-webkit-transform: perspective(100px) rotateY(0deg);
transform: perspective(100px) rotateY(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(100px) rotateY(90deg);
transform: perspective(100px) rotateY(90deg);
opacity: 0; } }.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0; }
to {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1; } }@keyframes flip-in-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0; }
to {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1; } }.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0; } }@keyframes flip-out-y-fr {
0% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(1000px) rotateY(90deg);
transform: perspective(1000px) rotateY(90deg);
opacity: 0; } }.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
opacity: 0; }
to {
opacity: 1; } }@keyframes zoom-in {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
opacity: 0; }
to {
opacity: 1; } }.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
50% {
-webkit-transform: scale(0.7);
transform: scale(0.7); }
50%, to {
opacity: 0; } }@keyframes zoom-out {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
50% {
-webkit-transform: scale(0.7);
transform: scale(0.7); }
50%, to {
opacity: 0; } }.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm {
0% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0; }
to {
opacity: 1; } }@keyframes zoom-in-sm {
0% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0; }
to {
opacity: 1; } }.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
50% {
-webkit-transform: scale(0.95);
transform: scale(0.95); }
50%, to {
opacity: 0; } }@keyframes zoom-out-sm {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
50% {
-webkit-transform: scale(0.95);
transform: scale(0.95); }
50%, to {
opacity: 0; } }.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
opacity: 0; }
to {
opacity: 1; } }@keyframes zoom-in-lg {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
opacity: 0; }
to {
opacity: 1; } }.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4); }
50%, to {
opacity: 0; } }@keyframes zoom-out-lg {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4); }
50%, to {
opacity: 0; } }.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top {
0% {
height: 100%; }
to {
height: 0; } }@keyframes overlay-slide-in-top {
0% {
height: 100%; }
to {
height: 0; } }.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top {
0% {
height: 0; }
to {
height: 100%; } }@keyframes overlay-slide-out-top {
0% {
height: 0; }
to {
height: 100%; } }.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom {
0% {
height: 100%; }
to {
height: 0; } }@keyframes overlay-slide-in-bottom {
0% {
height: 100%; }
to {
height: 0; } }.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom {
0% {
height: 0; }
to {
height: 100%; } }@keyframes overlay-slide-out-bottom {
0% {
height: 0; }
to {
height: 100%; } }.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left {
0% {
width: 100%; }
to {
width: 0; } }@keyframes overlay-slide-in-left {
0% {
width: 100%; }
to {
width: 0; } }.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left {
0% {
width: 0; }
to {
width: 100%; } }@keyframes overlay-slide-out-left {
0% {
width: 0; }
to {
width: 100%; } }.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right {
0% {
width: 100%; }
to {
width: 0; } }@keyframes overlay-slide-in-right {
0% {
width: 100%; }
to {
width: 0; } }.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right {
0% {
width: 0; }
to {
width: 100%; } }@keyframes overlay-slide-out-right {
0% {
width: 0; }
to {
width: 100%; } }.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}.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}@import url("https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i");a{text-decoration:none}p{margin:0}ul{list-style-type:none;padding-left:0;margin-bottom:0}img{max-width:100%}body{font-family:'Lora',serif;background-color:#181818;overflow-x:hidden}.section{padding:120px 0 60px;overflow:hidden}h2,h3,h4,h5,h6{color:#fca82f;text-align:center;letter-spacing:3.73px}.js-loading *,.js-loading *:before,.js-loading *:after{animation-play-state:paused!important}.fade-in{animation:fadeIn ease 10s;-webkit-animation:fadeIn ease 10s;-moz-animation:fadeIn ease 10s;-o-animation:fadeIn ease 10s;-ms-animation:fadeIn ease 10s}@keyframes fadeIn{
0% {
opacity:0;
}
100% {
opacity:1;
}
}@-moz-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}@-o-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }.fade-in{opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}.fade-in.one{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}.fade-in.two{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.fade-in.three{-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s}@keyframes deblur {
0% {
filter: blur(30px);
transform: scale(1.1);
}
100% {
filter: blur(0);
transform: scale(1);
}
}.top-img-wrapper{background-color:#000;overflow-y:hidden;height:100vh}.blur-in-background{overflow:hidden;opacity:.45;animation:deblur 3s ease .5s 1 normal both}@keyframes fadeInUp {
from {
transform: translate3d(0,40px,0)
}
to {
transform: translate3d(0,0,0);
opacity: 1
}
}@-webkit-keyframes fadeInUp {
from {
transform: translate3d(0,40px,0)
}
to {
transform: translate3d(0,0,0);
opacity: 1
}
}.animated1{animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-delay:2s}.animatedFadeInUp{opacity:0}.fadeInUp{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}@keyframes InLeft {
from {
opacity:0;
-webkit-transform: translatex(-100px);
-moz-transform: translatex(-100px);
-o-transform: translatex(-100px);
transform: translatex(-100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}@keyframes InRight {
from {
opacity:0;
-webkit-transform: translatex(100px);
-moz-transform: translatex(100px);
-o-transform: translatex(100px);
transform: translatex(100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}.text-grey{color:#888!important}.bg-grey{background-color:#202020}.divider{width:35px;margin:16px auto 0}.description{font-size:16px;color:#929292;line-height:1.7;text-align:center;margin:16px 90px 0}.description p{margin-top:30px}.row .col{padding:0 20px}.mg-15{margin:0 15px}.no-mg{margin:0 -30px}.mg-top-40{margin-top:40px}.mg-top-60{margin-top:60px}.col-md-3{margin-top:60px}.button{margin-top:60px}.button a{display:block;position:relative;margin:auto;background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/button-frame.svg);width:506px;height:72px;line-height:72px;font-size:20px;color:#fca82f;text-align:center}.button a:after{content:'';position:absolute;width:470px;height:60px;top:6px;left:18px;z-index:-1;transition:.8s ease;-webkit-transition:.8s ease}.button a:hover{text-decoration:none;color:#202020}.button a:hover:after{display:block;text-decoration:none;color:#202020;background:#fca82f}.page-title span{margin-right:-10px}.section.firstview{padding:0}.firstview.not-found{background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/xtop-image-not-found.jpg.pagespeed.ic.GWLvewAHfA.jpg);position:relative;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background-size:cover;background-position:center}.firstview{position:relative;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background-size:cover;background-position:center}.firstview .topimg{width:100%}#transparent-img{display:none}.firstview .menu-icon{position:absolute;top:40px;left:40px}.bg{width:100%;height:100vh}.language{position:absolute;top:40px;right:40px}.language .eng{margin-right:4px}.language a{position:relative;text-align:center;line-height:34px;color:transparent;display:inline-block;font-size:14px;font-weight:700;width:36px;max-height:35px;overflow:hidden;border:1px solid #fca82f;transition:.8s ease;-webkit-transition:.8s ease}.language a:last-child{margin-left:6px}.language li.active a{background:#fca82f;color:transparent}.language a:hover{text-decoration:none;border:1px solid #fca82f;background:#fca82f;color:transparent}.language li.active a:hover:after{color:#202020}.language a:hover:after{color:#202020}.language li.active a:after{color:#202020}.language .lang-en a:after{content:'EN';font-size:14px;font-weight:700;position:absolute;color:#fca82f;transform:translate(-50%,-50%);top:50%;left:50%}.language .lang-en a:hover:after{color:#202020}.language .lang-vi a:after{content:'VI';font-size:14px;font-weight:700;position:absolute;color:#fca82f;transform:translate(-50%,-50%);top:50%;left:50%}.language .lang-vi a:hover:after{color:#202020}.qtranxs_widget ul li.active{opacity:1}.popup{position:absolute;top:40px;left:40px}.menu-open .site-menu-toggle span{background:#000}.site-menu-toggle{width:48px;height:48px;position:fixed;margin:0 auto;z-index:200;background:#fca82f;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}.site-menu-toggle span{display:block;position:absolute;height:2px;width:100%;background:#222;border-radius:9px;opacity:1;left:12px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.site-menu-toggle span:nth-child(1) {top:16px;width:19px}.site-menu-toggle span:nth-child(2) {top:23px;width:12px}.site-menu-toggle span:nth-child(3) {top:30px;width:24px}.site-menu-toggle.open span:nth-child(1) {top:23px;left:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);width:27px}.site-menu-toggle.open span:nth-child(2) {opacity:0}.site-menu-toggle.open span:nth-child(3) {top:23px;left:10px;width:27px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.site-navbar{position:fixed;display:none;top:0;left:0;right:0;bottom:0;background:#000;opacity:.9;min-height:300px;z-index:100;overflow:scroll}.site-navbar nav{text-align:center}.site-navbar nav .menu li a{color:#000;font-size:22px;letter-spacing:2.93px;margin-top:60px;position:relative}.site-navbar nav .menu li a:hover{color:#fca82f;text-decoration:none}.site-navbar nav .menu li.active a{color:#fca82f}.site-navbar nav .menu li.active a:before{width:100%}.popup-list{text-align:center;padding-left:0}.popup-list li{margin-top:60px}.popup-list li:first-child{padding-top:129px;margin-top:0}.popup-list li a{color:#888;font-size:22px;letter-spacing:2.93px;transition:.8s ease;-webkit-transition:.8s ease}.popup-list li a:hover{color:#fca82f;text-decoration:none}.popup-list li.active a{color:#fca82f}.btn-wrap{text-align:center}.btn-wrap.reservation-area{display:flex;justify-content:center}@media (max-width:991.98px){.btn-wrap.reservation-area{display:block}.btn-wrap.reservation-area>a.booking-btn{margin-bottom:25px}}.site-navbar .btn-wrap .booking-btn{text-align:center;font-size:14px;display:inline-block;letter-spacing:1.17px;color:#fca82f;width:252px;height:55px;line-height:56px;background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/button-frame-sm.svg);margin:40px 15px 0}.site-navbar .btn-wrap .booking-btn:after{content:'';position:absolute;width:225px;height:47px;top:4px;left:13px;z-index:-1;transition:.8s ease;-webkit-transition:.8s ease}.site-navbar .btn-wrap .booking-btn:hover{text-decoration:none;color:#202020}.site-navbar .btn-wrap .booking-btn:hover:after{display:block;text-decoration:none;color:#202020;background:#fca82f}.firstview .eyecatch.not-found{position:absolute;top:70px;left:50%;transform:translateX(-50%);text-align:center}.firstview .eyecatch.not-found img{max-width:240px}.firstview .eyecatch.not-found .title{font-size:12px;margin-top:15px;line-height:2}.firstview .not-found-message{margin:0 35px}.firstview .not-found-message p{text-align:center;color:#fca82f;letter-spacing:.33px}.firstview .not-found-message a{display:block;color:#fca82f;text-align:center;margin-top:20px}.firstview .not-found-message a img{margin-left:6px}.firstview .eyecatch{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.firstview .eyecatch img{width:250px;margin-bottom:20px}.firstview .title{color:#fca82f;font-size:20px;letter-spacing:4px;margin-top:10px;line-height:1.8}.firstview .hero-booking{position:absolute;top:600px;left:50%;width:266px;height:55px;line-height:55px;text-align:center;font-size:18px;letter-spacing:1.5px;color:#fca82f;transform:translate(-50%);background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/xhero-btn.png.pagespeed.ic.TUuYDXATgq.png)}.firstview .hero-booking:after{content:'';position:absolute;width:238px;height:47px;top:4px;left:14px;z-index:-1;transition:.8s ease;-webkit-transition:.8s ease}.firstview .hero-booking:hover{text-decoration:none;color:#202020}.firstview .hero-booking:hover:after{display:block;text-decoration:none;color:#202020;background:#fca82f}.firstview .news{position:absolute;bottom:22px;left:30px;font-size:16px;color:#fff}.firstview .news a{color:#fff;font-size:16px;margin-left:50px}.firstview .news .news-navi{position:absolute;display:inline-block;top:0;right:-160px}.firstview .news .news-index{display:inline-block;margin:0 20px}.intro .button{margin-top:40px!important}.slider{text-align:center}.slick-slide img{width:100%}.slider .nav-bar{display:flex;flex-direction:row;justify-content:center}.slider .nav-bar img{height:16px;width:16px}.slider .nav-bar .index{margin:0 325px}.slider .nav-bar .arrow-next,.arrow-back{display:inline-block}.slider .nav-bar .index .circle{border-radius:50%;display:inline-block;margin:0 3px}.slider .nav-bar .index .circle .inner{background-color:#6d6d6d;border-radius:50%;margin:12px;height:8px;width:8px}.slider .nav-bar .index .circle:nth-of-type(1) {border:1px solid #fca82f}.slider .nav-bar .index .circle:nth-of-type(1) .inner {background-color:#fca82f}.videoWrapper{position:relative;padding-top:25px;height:0;clear:both}.videoWrapper.ratio-16-9{padding-bottom:42%;margin-top:40px}.videoWrapper iframe{position:absolute;top:0;left:50%;transform:translateX(-50%);max-width:854px;max-height:480px}.shabu-shabu .row{margin-left:0;margin-right:0}.shabu-shabu .mg-top-40 .top-image{object-fit:cover;max-height:430px}.shabu-shabu .mg-15{position:relative}.shabu-shabu .mg-15 .box-effect{position:absolute;width:212px;height:212px;bottom:-13px;left:10px;border:1px solid #333;z-index:-1}.shabu-shabu .mg-15 img{object-fit:cover;width:212px;height:212px}.other .left-main{margin-left:0}.other .left-sub{margin-left:-15px}.other .right-main{margin-right:0}.other .right-sub{margin-right:-15px}.other .mg-15{position:relative}.other .mg-15 .box-effect{position:absolute;width:212px;height:212px;bottom:-13px;left:10px;border:1px solid #333;z-index:-1}.wine-sake .row{margin:0}.right-block{padding-left:15px}.right-block .description{margin:33px 90px 52px -20px}.left-block{padding-right:15px}.wine-sake .col-lg-6{position:relative}.wine-sake .col-lg-6:first-child .box-effect{position:absolute;width:510px;height:445px;top:15px;left:43px;border:1px solid #333}.wine-sake .col-lg-6:first-child .line-effect{position:absolute;width:47px;border:.5px solid #333;top:63px;right:0}.wine-sake .col-lg-6:last-child .box-effect{position:absolute;width:510px;height:445px;bottom:-13px;left:31px;border:1px solid #333}.wine-sake .col-lg-6:last-child .line-effect{position:absolute;width:47px;border:.5px solid #333;bottom:63px;left:0}.wine-sake .mg-15{position:relative}.wine-sake .mg-15 .box-effect{position:absolute;width:212px;height:212px;bottom:-13px;left:10px;border:1px solid #333;z-index:-1}.left-block .description{margin:79px 0 0 90px}.aln-left{text-align:left!important}.aln-right{text-align:right!important}.shopinfo .table{max-width:580px;color:#fff;margin:auto}.shopinfo .table th{border-top:1px solid #333;font-weight:normal;padding-left:0;padding-right:30px}.shopinfo .table .align-right{text-align:right}.shopinfo .table tr:nth-of-type(1) th {border-top:none}.shopinfo .map{margin-top:40px}.shopinfo .expandmap{margin-top:40px;text-align:center}.shopinfo .expandmap a:hover{text-decoration:none}.shopinfo .table a{color:#fca82f;font-size:16px}.shopinfo .expandmap a{font-weight:bold;font-size:14px;color:#fca82f}#map{width:100%;height:390px;position:relative}.form-wrap{max-width:637px;margin:auto}.form-wrap .label{display:block;font-size:16px;color:#fff}.form-wrap .input,textarea{width:100%;background:#222;outline:none;display:block;border:0;height:40px;color:#fff}.form-wrap .input{padding-left:10px;line-height:40px}.form-wrap textarea{padding:10px 0 0 10px}.form-wrap .form-group:nth-of-type(3) textarea {height:132px}.form-wrap .form-btn{text-align:center}.form-wrap .form-btn input{display:inline-block;color:#202020;background:#fca82f;width:136px;border-radius:0;height:40px;margin:0 4px;transition:.8s ease;-webkit-transition:.8s ease}.form-wrap .form-btn input:nth-of-type(2) {border:1px solid #333;background:transparent;color:#fff}.form-wrap .form-btn input:hover{border:1px solid #fca82f;background:transparent;color:#fca82f}.form-wrap .form-btn input:focus{outline:none}.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],textarea{padding-left:10px;cursor:text!important;width:100%;background:#222;outline:none;display:block;border:0;height:40px;color:#fff}.wpcf7 br{display:none}.wpcf7 input[type="submit"]{border:#fca82f}.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors{color:red;margin-top:30px;text-align:center;padding:10px;border:none}span.wpcf7-not-valid-tip{color:red}div.wpcf7-mail-sent-ok{color:#fca82f;border:none;text-align:center}.footer .cap{font-size:14px;color:#fff}.footer .app-icon{margin-top:16px;display:block}.footer .copyright{color:#fff;margin:60px auto}.footer .wrap-border{text-align:center;max-width:637px;border-top:1px solid #333;margin:auto;padding-top:40px}.slick-dots li{position:relative;display:inline-block;margin:0 16px;width:33px;height:33px;border-radius:50%;margin-top:42px;cursor:pointer}.slick-dots li.slick-active{border:1px solid #fca82f}.slick-dots li button:after{position:absolute;content:'';height:8px;width:8px;background-color:#6d6d6d;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.slick-dots li.slick-active button:after{background-color:#fca82f}.slick-dots button{background:none;color:transparent;border:none;cursor:pointer}.slick-dots button:focus{outline:none}.intro .slider .slick-next{position:absolute;bottom:3px;right:20px;background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/arrow-next.png.pagespeed.ce.-rG1Kp5kDb.png) center no-repeat;border:none;background-color:none;color:transparent;width:16px;transition:1s ease;cursor:pointer}.intro .slider .slick-prev{position:absolute;bottom:3px;left:20px;background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/arrow-back.png.pagespeed.ce.sU9rzHqUSA.png) center no-repeat;border:none;background-color:none;color:transparent;width:16px;transition:1s ease;cursor:pointer}.intro .slider .slick-prev:hover{background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/back-hover.svg) center no-repeat;transition:1s ease}.intro .slider .slick-next:hover{background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/next-hover.svg) center no-repeat;transition:1s ease}.slick-arrow:focus{outline:none}.news{padding:24px 0}.breaking-news .slide{display:flex!important;align-items:center;color:#fff}.breaking-news .slide-item{display:flex;align-items:center}.breaking-news .date,.breaking-news .post-title{display:inline-block}.breaking-news .slide-item{width:80%;height:60px}.breaking-news .date{width:15%;color:#888}.breaking-news .post-title{width:80%}.breaking-news .slide-count-wrap{margin-left:120px;display:flex;align-items:center}.breaking-news .slide-count-wrap .current{color:#fca82f}.news .breaking-news .slick-next{position:absolute;top:50%;transform:translateY(-50%);right:20px;background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/arrow-next.png.pagespeed.ce.-rG1Kp5kDb.png) center no-repeat;border:none;background-color:none;color:transparent;z-index:10;transition:1s ease;cursor:pointer}.news .breaking-news .slick-prev{position:absolute;top:50%;transform:translateY(-50%);right:100px;background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/arrow-back.png.pagespeed.ce.sU9rzHqUSA.png) center no-repeat;border:none;background-color:none;color:transparent;z-index:10;transition:1s ease;cursor:pointer}.news .breaking-news .slick-next:hover{background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/next-hover.svg) center no-repeat;transition:1s ease}.news .breaking-news .slick-prev:hover{background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/back-hover.svg) center no-repeat;transition:1s ease}.action{z-index:-1;background-size:cover;background-position:center}.btn-wrap{text-align:center}.btn-wrap .booking-btn{text-align:center;font-size:20px;display:inline-block;letter-spacing:1.33px;color:#fca82f;width:338px;height:72px;line-height:72px;background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/button-frame-short1.svg);margin:40px 15px 0;position:relative}.btn-wrap .booking-btn:after{content:'';position:absolute;width:302px;height:60px;top:6px;left:18px;z-index:-1;transition:.8s ease;-webkit-transition:.8s ease}.btn-wrap .booking-btn:hover{text-decoration:none;color:#202020}.btn-wrap .booking-btn:hover:after{display:block;text-decoration:none;color:#202020;background:#fca82f}.mg-top-40{margin-top:40px}.menu-bnr{position:relative;height:218px;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background-size:cover}.menu-bnr .menu-icon{position:absolute;top:40px;left:40px}.menu-bnr #menu-popup{display:none;text-align:center}.menu-bnr .eyecatch{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.menu-bnr .eyecatch img{max-width:163px;margin-bottom:7px}.menu-bnr .title{color:#fca82f;font-size:12px;letter-spacing:1.33px;font-weight:bold;margin-bottom:0}.menu-list{padding-top:60px;padding-bottom:80px}.menu-list .brcr{font-size:16px;color:#888;text-align:center;letter-spacing:1.33px;margin-bottom:58px}.menu-list .brcr a{color:#fca82f}.menu-nav{text-align:center}.nav-list{display:flex;flex-wrap:nowrap;margin-top:40px}.nav-list .that{left:calc(-200% - 60px)}.nav-list .main-menu{width:25%;margin-right:30px}.nav-list .main-menu:last-child{margin-right:0}.nav-list .main-menu a{letter-spacing:1.33px;color:#666;display:block;border:1px solid #666;padding:20px 0;transition:.8s ease;-webkit-transition:.8s ease}.nav-list .main-menu a:hover{text-decoration:none}.nav-list .main-menu>a:hover,.nav-list .main-menu.active>a{background:#fca82f;color:#202020;border:1px solid #fca82f;text-decoration:none;transition:.8s ease;-webkit-transition:.8s ease}.nav-list .main-menu.active>a{background:#fca82f;color:#202020;border:1px solid #fca82f;text-decoration:none}.nav-list .this{position:relative;left:calc(-100% - 30px)}.nav-dropdown{display:none;width:calc(400% + 90px);margin:16px auto 0;border-top:1px solid #fca82f;position:relative;left:calc(-200% - 60px)}.nav-dropdown .sub-menu{padding-top:40px;margin:0 50px;width:auto;display:inline-block;position:relative}.nav-dropdown .sub-menu a{padding:0;border:none}.nav-dropdown .sub-menu a:hover{color:#fca82f;background:transparent;border:none}.nav-dropdown .sub-menu.active a{color:#fca82f}.nav-dropdown .sub-menu::after{content:"//";font-size:16px;letter-spacing:1.33px;color:#666;position:absolute;top:39px;right:-60px}.nav-dropdown .sub-menu:last-child::after{content:""}.tab_content .tab-bnr{margin-top:40px}.tab_content .heading{padding-bottom:24px;border-bottom:1px solid #333;margin:80px 0 0}.menu-wrap{margin:0 135px}.menu-wrap .sub-title{font-size:15px;color:#fff;font-style:italic;letter-spacing:0;margin-top:17px;text-align:center}.menu-wrap .label{width:189px;height:47px;line-height:42px;font-size:16px;color:#202020;letter-spacing:1.07px;background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/menu-label.svg);margin:80px auto 0;text-align:center}.menu-wrap .label:first-child{margin:40px auto 0}.menu-wrap .note{font-size:15px;font-style:italic;color:#d8d8d8;margin-top:23px;text-align:center}.menu-wrap .foot-note{font-size:15px;font-style:italic;color:#d8d8d8;margin-top:60px;text-align:center;line-height:27px}.menu-item{display:flex;flex-wrap:nowrap;margin-top:44px}.menu-item p{margin-bottom:0;line-height:30px;font-size:16px;color:#888;line-height:30px}.menu-item .name-detail{width:80%}.menu-item img{margin-right:10px;margin-bottom:5px}.menu-item .name{color:#fca82f;font-size:18px;line-height:30px}.menu-item .myBtn_multi{display:inline-block;width:18px;margin-right:10px;margin-bottom:4px}.menu-item p{margin-bottom:0;line-height:30px;font-size:16px;color:#888}.menu-item .name-detail{width:70%}.menu-item .option{width:20%;text-align:right}.menu-item .option p{color:#888;font-weight:normal;line-height:26px}.menu-item .option-price{width:10%;text-align:right}.menu-item .option-price p{color:#fca82f;line-height:26px;font-weight:bold}.modal{display:none;position:fixed;z-index:1;left:0;top:0%;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}img.mfp-img{max-width:80%}.mfp-figure:after{box-shadow:0 0 8px transparent;background:transparent}.feature-bnr{position:relative;height:218px;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/xfeature-bnr.png.pagespeed.ic.QJYkP8F4wo.jpg);background-size:cover}.feature-bnr .menu-icon{position:absolute;top:40px;left:40px}.feature-bnr #menu-popup{display:none;text-align:center}.feature-bnr .eyecatch{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.feature-bnr .eyecatch img{max-width:163px;margin-bottom:7px}.feature-bnr .title{color:#fca82f;font-size:12px;letter-spacing:1.33px;font-weight:bold;margin-bottom:0}.menu-list{padding-top:60px;padding-bottom:80px}.menu-list .brcr{font-size:16px;color:#888;text-align:center;letter-spacing:1.33px;margin-bottom:58px}.menu-list .brcr a{color:#fca82f}.ft-sumup{width:100%;background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/xft-text-bnr.png.pagespeed.ic.EAhrs9-3li.png);text-align:center;color:#fff;background-size:cover;padding:60px 0}.ft-sumup .ft-text{margin:0 90px}.ft-sumup .ft-text p{margin-top:40px}.ft-sumup .ft-text p:first-child{margin-top:0}.ft-main{padding:60px 0}.ft-item{margin-top:60px;overflow:hidden}.ft-item img{position:relative}.ft-item .thumbnail{padding-bottom:13px}.ft-item.img-left .thumbnail{float:left;padding-right:15px;width:50%;position:relative}.ft-item.img-left .thumbnail .box-effect{position:absolute;width:540px;height:444px;top:13px;left:12px;border:1px solid #333}.ft-item.img-left .thumbnail .line-effect{position:absolute;width:47px;border:.5px solid #333;top:63px;right:-32px}.ft-item.img-left .ft-description{float:right;width:50%}.ft-item.img-right .thumbnail{float:right;width:50%;padding-left:15px;position:relative}.ft-item.img-right .ft-description{float:left;width:50%;padding:47px 50px 0 65px}.ft-item.img-right .thumbnail .box-effect{position:absolute;width:540px;height:444px;top:13px;left:3px;border:1px solid #333}.ft-item.img-right .thumbnail .line-effect{position:absolute;width:47px;border:.5px solid #333;top:63px;left:-32px}.ft-item:first-child{margin-top:0}.ft-item .ft-description{padding:44px 70px 0 64px}.ft-item .ft-title{font-size:18px;color:#fca82f;line-height:30px}.ft-item .ft-content{font-size:16px;color:#fff;line-height:30px}.ft-item a{display:block;width:251px;height:54px;line-height:56px;font-size:14px;letter-spacing:.93px;color:#fca82f;text-align:center;background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/ft-btn.svg);margin-top:24px}.ft-item a:after{content:'';position:absolute;height:46px;left:13px;top:4px;width:225px;z-index:-1;transition:.8s ease;-webkit-transition:.8s ease}.ft-item a:hover{text-decoration:none;color:#202020}.ft-item a:hover:after{display:block;text-decoration:none;color:#202020;background:#fca82f}.ft-item:nth-of-type(2n+1) img:before {content:'';position:absolute;width:520px;height:446px;border:1px solid #333;top:13px;left:42px;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-duration:1s;animation-delay:1s}.ft-item:nth-of-type(2n+1) img:after {content:'';position:absolute;z-index:0;width:45px;height:1px;top:67px;right:0;background:#333;-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-duration:1.5s;animation-delay:1.5s}#back-to-top{display:inline-block;background-color:transparent;width:50px;height:50px;text-align:center;position:fixed;bottom:30px;right:30px;transition:background-color .3s , opacity .5s , visibility .5s;opacity:0;visibility:hidden;z-index:1000;border:1px solid #fca82f;line-height:45px}#back-to-top:hover{cursor:pointer}#back-to-top.show{opacity:1;visibility:visible}.takeout-menus{display:flex;margin:5%;margin:0 5% 30px;justify-content:space-between}.takeout-menus img{width:30%}.header-instagram{position:absolute;top:31px;right:45px;width:65px}.header-instagram>div{position:fixed;z-index:200}.header-instagram img{width:65px}@media (max-width:575.98px){.section{padding:80px 0 40px}.button{margin-top:40px}.button a{background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/button-frame-sp1.svg);width:322px;height:46px;font-size:14px;line-height:46px}.button a:after{content:''}.button a:hover{color:#fca82f}.button a:hover:after{background:transparent}.btn-wrap .booking-btn{background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/button-frame-sp.svg);width:322px;height:46px;font-size:14px;line-height:46px;margin-top:24px}.btn-wrap .booking-btn:last-child{margin-top:16px}.btn-wrap .booking-btn:after{content:''}.btn-wrap .booking-btn:hover{color:#fca82f}.btn-wrap .booking-btn:hover:after{background:transparent}.site-navbar .btn-wrap .booking-btn:hover{color:#fca82f}.site-navbar .btn-wrap .booking-btn:after{content:''}.site-navbar .btn-wrap .booking-btn:hover:after{background:transparent}.firstview .topimg-sp{height:100vh;width:100%;object-fit:cover}.firstview .hero-booking:hover{color:#fca82f}.firstview .hero-booking:after{content:''}.firstview .hero-booking:hover:after{background:transparent}.videoWrapper.ratio-16-9{margin-top:25px}.ft-item a:after{content:''}.ft-item a:hover{color:#fca82f}.ft-item a:hover:after{background:transparent}.language{top:16px;right:16px}.language .eng{margin-right:4px}.language a{position:relative;text-align:center;line-height:34px;color:transparent;display:block;font-size:12px;font-weight:700;width:28px;max-height:28px;overflow:hidden;border:1px solid #fca82f;transition:.8s ease;-webkit-transition:.8s ease}.language .lang-vi a:last-child{margin-top:12px}.language li.active a{background:#fca82f;color:transparent}.language a:hover{text-decoration:none;border:1px solid #fca82f;background:#fca82f;color:transparent}.language li.active a:hover:after{color:#202020}.language a:hover:after{color:#202020}.language li.active a:after{color:#202020}.language .lang-en a:after{content:'EN';font-size:14px;font-weight:700;position:absolute;color:#fca82f;transform:translate(-50%,-50%);top:50%;left:50%}.language .lang-en a:hover:after{color:#202020}.language .lang-vi a:after{content:'VI';font-size:14px;font-weight:700;position:absolute;color:#fca82f;transform:translate(-50%,-50%);top:50%;left:50%}.language .lang-vi a:hover:after{color:#202020}.qtranxs_widget ul li{display:block!important}.popup{top:16px;left:16px}.site-menu-toggle span{left:8px;height:1.33px}.site-menu-toggle{width:32px;height:32px}.site-menu-toggle span:nth-child(1) {top:11px;width:13px}.site-menu-toggle span:nth-child(2) {top:16px;width:8px}.site-menu-toggle span:nth-child(3) {top:21px;width:16px}.site-menu-toggle.open span:nth-child(3) {width:18px;top:15px;left:7px}.site-menu-toggle.open span:nth-child(1){width:18px;top:15px;left:7px}.popup-list li:first-child{padding-top:92px}.popup-list li{margin-top:54px}.popup-list li a{font-size:18px;letter-spacing:2.4px}.firstview .eyecatch.not-found img{max-width:174px}.firstview .eyecatch.not-found .title{font-size:11px;margin-top:10px;line-height:1.8}.firstview .not-found-message{font-size:14px}.firstview .eyecatch{width:210px}.firstview .eyecatch .logo{width:90%}.firstview .title{font-size:13px;letter-spacing:1.33px}.firstview .hero-booking{top:460px;width:190px;height:39px;line-height:39px;font-size:14px;letter-spacing:1.17px;background-size:100%}.btn-wrap .booking-btn{background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/button-frame-sp.svg);width:252px;height:56px;line-height:56px;font-size:14px;letter-spacing:1.7px}.slick-dots li{margin:0 5px}.news{padding:20px 0}.intro .slider .slick-next{bottom:0}.intro .slider .slick-prev{bottom:0}.slick-dots li{margin-top:24px;width:24px;height:24px}.slick-dots li button:after{width:6px;height:6px}.breaking-news .slide{flex-wrap:wrap}.breaking-news .slide-item{flex-wrap:wrap;height:auto;width:100%}.breaking-news .date,.breaking-news .post-title,.breaking-news .slide-count-wrap{width:100%}.description{font-size:14px;line-height:24px;margin:24px 16px 0}.col-md-3{margin-top:16px}.other .left-sub{margin-left:0}.other .right-sub{margin-right:0}.other .mg-15 .box-effect{width:148px;height:146px;bottom:-9px;left:8px}.other .col-lg-6:last-child{margin-top:25px}.no-mg{margin:0}.mg-top-24{margin:24px 0 0}.mg-15{margin:0}.mg-top-16{margin-top:16px}.mobile-50{width:50%}.mobile-50:nth-child(3), .mobile-50:nth-child(4) {margin-top:25px}.mobile-50:nth-child(2n) {padding-left:8px}.mobile-50:nth-child(2n+1){padding-right:8px}.shabu-shabu .row{margin-left:-15px;margin-right:-15px}.shabu-shabu .mg-15 .box-effect{width:148px;height:146px;bottom:-9px;left:8px}.wine-sake .row{margin:-15px;margin-top:24px}.wine-sake .mg-sp{margin-top:30px}.wine-sake .mg-15 .box-effect{width:148px;height:146px;bottom:-9px;left:8px}.wine-sake .col-lg-6:first-child .box-effect{width:328px;height:298px;top:15px;left:23px}.wine-sake .col-lg-6:last-child .box-effect{width:328px;height:298px;top:54px;left:23px}.left-block{padding-right:0}.right-block{padding-left:0;margin-top:40px}.left-block .description,.right-block .description{margin:24px 0 8px}.button a{max-width:100%}.intro .description{margin:0 15px;font-size:14px}.breaking-news .post-title{line-height:32px}.breaking-news .slide-count-wrap{margin-left:30px;margin-top:20px}.news .breaking-news .slick-prev{bottom:-16px;top:auto;left:0;width:16px}.news .breaking-news .slick-next{bottom:-16px;top:auto;right:auto;left:78px;width:16px}.shopinfo .table{font-size:14px}.shopinfo .map{margin-top:24px}.shopinfo .expandmap{margin-top:24px}#back-to-top{width:30px;height:30px;line-height:24px}#back-to-top img{max-height:11px}.action{background-size:100% 100%}.feature-bnr{background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/xfeature-bnr_sp.jpg.pagespeed.ic.XQPEpcU2x-.jpg);background-size:100% 100%}.feature-bnr .title{width:202px}.ft-item{overflow:auto}.ft-item.img-left .thumbnail,.ft-item.img-left .ft-description,.ft-item.img-right .thumbnail,.ft-item.img-right .ft-description{float:none;width:100%;padding-left:0;padding-right:0}.menu-list{padding-top:40px;padding-bottom:24px}.menu-icon img{max-width:32px}.page-title{font-size:18px;line-height:30px}.menu-list .brcr{margin-bottom:40px}.ft-sumup .ft-text{margin:0 15px}.ft-item.img-left .thumbnail .box-effect{width:323px;height:282px;top:13px;left:10px}.ft-item.img-right .thumbnail .box-effect{width:323px;height:282px;top:13px;left:10px}.menu-bnr{background-size:100% 100%}.menu-bnr .title{width:202px}.menu-bnr .menu-icon{top:16px;left:16px}.menu-list .brcr{font-size:14px;margin-bottom:40px}.divider{margin:12px auto 0}.menu-wrap{margin:0}.tab_content .heading{margin:80px 0 24px;padding-bottom:13px}.menu-item{margin-top:24px}.menu-item .name{font-size:16px;line-height:24px}.menu-item .detail{font-size:14px;line-height:24px}.menu-item .price{font-size:14px;line-height:24px}.menu-item .name-detail{width:60%}.menu-item .option{width:22%}.menu-item .option-price{width:18%}.menu-wrap .note{font-size:13px}.menu-wrap .label{margin-top:25px}.menu-nav{text-align:left}.nav-list{display:block;width:100%}.nav-list .main-menu{width:100%;margin-right:0;margin-top:12px}.nav-list .main-menu a{padding:12px 0 12px 12px}.nav-list .main-menu.active>a:after{content:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/drop-down.svg);position:absolute;right:35px}.nav-dropdown,.nav-list .this{width:100%;position:static;border:none}.nav-dropdown .sub-menu{padding-top:0;margin:0;display:block;width:100%;background:#252525;margin-top:1px}.nav-dropdown .sub-menu a{padding:8px 12px}.nav-dropdown .sub-menu.active a:after{content:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/sub-active.svg);position:absolute;right:18px}.nav-dropdown .sub-menu::after{content:''}img.mfp-img{max-width:90%}.mfp-figure:after{box-shadow:0 0 8px transparent}.feature-bnr .menu-icon{top:16px;left:16px}.ft-sumup{padding:40px 0;background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/xft-text-bnr_sp.jpg.pagespeed.ic.dDaLVmqIUz.jpg);background-size:100% 100%}.ft-sumup .ft-text{font-size:14px;line-height:24px}.ft-sumup .ft-text p{margin-top:30px}.ft-item .ft-title{font-size:16px;line-height:26px}.ft-item .ft-content{font-size:14px;line-height:26px}.ft-main{padding:40px 0}.ft-item .ft-description{padding:24px 70px 0 60px}.ft-item .ft-button{background:url(//d3fnwnjz9kivd3.cloudfront.net/wp-content/themes/blank/img/ft-btn-sp.svg);width:322px;height:46px;line-height:46px;margin:24px auto 0}.takeout-menus{flex-flow:column}.takeout-menus img{margin:0 0 20px;object-fit:cover;width:100%}.header-instagram{top:11px;right:10px;width:45px}.header-instagram>div{width:45px}.header-instagram img{width:auto}}.mfp-bg{opacity:.9}.white-popup{position:relative;background:#fff;padding:25px;width:auto;max-width:400px;margin:0 auto}.mfp-zoom-in .mfp-with-anim{opacity:0;transition:all .5s ease-in-out}.mfp-zoom-in.mfp-bg{opacity:0;transition:all .5s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-in.mfp-removing .mfp-with-anim{transform:scale(.8);opacity:0}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:default}@media (min-width:992px) and (max-width:1200px){.shabu-shabu .mg-15 .box-effect,.other .mg-15 .box-effect,.wine-sake .mg-15 .box-effect{width:168px;height:190px}.wine-sake .col-lg-6:first-child .box-effect,.wine-sake .col-lg-6:last-child .box-effect{width:420px;height:366px}.ft-item.img-left .thumbnail .box-effect,.ft-item.img-right .thumbnail .box-effect{width:451px;height:370px}}@media (min-width:576px) and (max-width:991.98px){.shabu-shabu .mg-15 .box-effect,.other .mg-15 .box-effect,.wine-sake .mg-15 .box-effect{width:107px;height:122px}.wine-sake .col-lg-6:first-child .box-effect,.wine-sake .col-lg-6:last-child .box-effect{width:299px;height:260px}.ft-item.img-left .thumbnail .box-effect,.ft-item.img-right .thumbnail .box-effect{width:331px;height:272px}.nav-list .main-menu{margin-right:10px}.nav-list .this{left:calc(-100% - 0px)}.nav-list .that{left:calc(-200% - 0px)}.nav-dropdown{width: calc(400% + 0px)}.header-instagram{top:35px;right:35px;width:60px}.header-instagram>div{width:60px}}#post-510{color:#fff}