/* /steel_online/static/third_party/WOW-master/css/libs/animate.css defined in bundle 'steel_online.asset_for_product_page' */
 .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;} 

/* /steel_online/static/third_party/lightbox/src/css/lightbox.css defined in bundle 'steel_online.asset_for_product_page' */
html.lb-disable-scrolling{overflow: hidden; position: fixed; height: 100vh; width: 100vw;} .lightboxOverlay{position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none;} .lightbox{position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal;} .lightbox .lb-image{display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid white;} .lightbox a img{border: none;} .lb-outerContainer{position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; background-color: white;} .lb-outerContainer:after{content: ""; display: table; clear: both;} .lb-loader{position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;} .lb-cancel{display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/steel_online/static/third_party/lightbox/src/css/../images/loading.gif) no-repeat;} .lb-nav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} .lb-container > .nav{left: 0;} .lb-nav a{outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');} .lb-prev, .lb-next{height: 100%; cursor: pointer; display: block;} .lb-nav a.lb-prev{width: 34%; left: 0; float: left; background: url(/steel_online/static/third_party/lightbox/src/css/../images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;} .lb-nav a.lb-prev:hover{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-nav a.lb-next{width: 64%; right: 0; float: right; background: url(/steel_online/static/third_party/lightbox/src/css/../images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;} .lb-nav a.lb-next:hover{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-dataContainer{margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;} .lb-dataContainer:after{content: ""; display: table; clear: both;} .lb-data{padding: 0 4px; color: #ccc;} .lb-data .lb-details{width: 85%; float: left; text-align: left; line-height: 1.1em;} .lb-data .lb-caption{font-size: 13px; font-weight: bold; line-height: 1em;} .lb-data .lb-caption a{color: #4ae;} .lb-data .lb-number{display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999;} .lb-data .lb-close{display: block; float: right; width: 30px; height: 30px; background: url(/steel_online/static/third_party/lightbox/src/css/../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s;} .lb-data .lb-close:hover{cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} 

/* /steel_online/static/hireo/css/product.css defined in bundle 'steel_online.asset_for_product_page' */
.product-page{min-height: 400px;} .product-page h2{color: #184f77; font-size: 32px; font-weight: 300; letter-spacing: -1px; text-transform: uppercase; text-shadow: 2px 2px 2px rgba(247, 245, 245, 0.77);} .product-page h2 span{color: #f6583b; font-size: 42px; font-weight: 600; line-height: 42px; letter-spacing: 0px; text-shadow: 2px 2px 2px rgba(247, 245, 245, 0.77);} .product-page .background-image-container{background-size: cover; background-repeat: no-repeat; background-position: 100% 50%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 0; z-index: -2;} .product-page-2{margin-top: -250px;} .product-page-2 h2{color: #f6583b; font-size: 28px; font-weight: 600; text-shadow: 2px 2px 2px rgba(247, 245, 245, 0.77);} .product-page-2 .underline{border-bottom: 2px solid #a8a8a8; display: inline-block; line-height: 1;} .product-page-2 img{width: 100%;} table.product-table tbody tr td.branch span{margin-top: 4px;} .product-desc{background-color: rgba(24, 79, 119, 0.5);} table.product-table tbody tr td{color: #efefef;} table.product-table tbody tr td.data-tech{color: #efefef; font-weight:500;}