@-webkit-keyframes slideup-swingInX{0%{-webkit-transform:perspective(400px) rotateX(-90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg)}}@-moz-keyframes slideup-swingInX{0%{-moz-transform:perspective(400px) rotateX(-90deg)}100%{-moz-transform:perspective(400px) rotateX(0deg)}}@-o-keyframes slideup-swingInX{0%{-o-transform:perspective(400px) rotateX(-90deg)}100%{-o-transform:perspective(400px) rotateX(0deg)}}@keyframes slideup-swingInX{0%{transform:perspective(400px) rotateX(-90deg)}100%{transform:perspective(400px) rotateX(0deg)}}@-webkit-keyframes slideup-swingOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg)}100%{-webkit-transform:perspective(400px) rotateX(-90deg)}}@-moz-keyframes slideup-swingOutX{0%{-moz-transform:perspective(400px) rotateX(0deg)}100%{-moz-transform:perspective(400px) rotateX(-90deg)}}@-o-keyframes slideup-swingOutX{0%{-o-transform:perspective(400px) rotateX(0deg)}100%{-o-transform:perspective(400px) rotateX(-90deg)}}@keyframes slideup-swingOutX{0%{transform:perspective(400px) rotateX(0deg)}100%{transform:perspective(400px) rotateX(-90deg)}}@-webkit-keyframes slideup-slideDown{0%{-webkit-transform:translateY(-100%)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideup-slideDown{0%{-moz-transform:translateY(-100%)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideup-slideDown{0%{-o-transform:translateY(-100%)}100%{-o-transform:translateY(0)}}@keyframes slideup-slideDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@-webkit-keyframes slideup-slideUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-100%)}}@-moz-keyframes slideup-slideUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-100%)}}@-o-keyframes slideup-slideUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-100%)}}@keyframes slideup-slideUp{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@-webkit-keyframes slideup-flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes slideup-flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes slideup-flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes slideup-flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}@-webkit-keyframes slideup-flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes slideup-flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes slideup-flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes slideup-flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}@-webkit-keyframes slideup-bounceInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideup-bounceInDown{0%{opacity:0;-moz-transform:translateY(-200px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideup-bounceInDown{0%{opacity:0;-o-transform:translateY(-200px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes slideup-bounceInDown{0%{opacity:0;transform:translateY(-200px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}@-webkit-keyframes slideup-bounceOutUp{0%{-webkit-transform:translateY(0)}30%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-200px)}}@-moz-keyframes slideup-bounceOutUp{0%{-moz-transform:translateY(0)}30%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-200px)}}@-o-keyframes slideup-bounceOutUp{0%{-o-transform:translateY(0)}30%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-200px)}}@keyframes slideup-bounceOutUp{0%{transform:translateY(0)}30%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-200px)}} #stacks_in_179_page0 { margin: 5px; padding: 5px; } /* AnimateIt Enclosure stack v1.0.0 */ #stacks_in_39601_page0 { margin: 0px !important; padding: 0px !important; display: none !important; } .AnimateItTrigger { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; } /* Animate.css - http://daneden.me/animate LICENSED UNDER THE MIT LICENSE (MIT) Copyright (c) 2011 Dan Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation: 1s ease; -moz-animation: 1s ease; -ms-animation: 1s ease; -o-animation: 1s ease; animation: 1s ease; } .animated.hinge { -webkit-animation: 2s ease; -moz-animation: 2s ease; -ms-animation: 2s ease; -o-animation: 2s ease; animation: 2s ease; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-ms-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-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; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-ms-keyframes shake { 0%, 100% {-ms-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-ms-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -ms-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-ms-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);} 40% {-ms-transform: translateY(-30px);} 60% {-ms-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-ms-keyframes tada { 0% {-ms-transform: scale(1);} 10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);} 100% {-ms-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -ms-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-ms-keyframes swing { 20% { -ms-transform: rotate(15deg); } 40% { -ms-transform: rotate(-10deg); } 60% { -ms-transform: rotate(5deg); } 80% { -ms-transform: rotate(-5deg); } 100% { -ms-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -ms-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-ms-keyframes wobble { 0% { -ms-transform: translateX(0%); } 15% { -ms-transform: translateX(-25%) rotate(-5deg); } 30% { -ms-transform: translateX(20%) rotate(3deg); } 45% { -ms-transform: translateX(-15%) rotate(-3deg); } 60% { -ms-transform: translateX(10%) rotate(2deg); } 75% { -ms-transform: translateX(-5%) rotate(-1deg); } 100% { -ms-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -ms-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-ms-keyframes pulse { 0% { -ms-transform: scale(1); } 50% { -ms-transform: scale(1.1); } 100% { -ms-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-ms-keyframes flip { 0% { -ms-transform: perspective(400px) rotateY(0); -ms-animation-timing-function: ease-out; } 40% { -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-animation-timing-function: ease-out; } 50% { -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-animation-timing-function: ease-in; } 80% { -ms-transform: perspective(400px) rotateY(360deg) scale(.95); -ms-animation-timing-function: ease-in; } 100% { -ms-transform: perspective(400px) scale(1); -ms-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -ms-backface-visibility: visible !important; -ms-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-ms-keyframes flipInX { 0% { -ms-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -ms-transform: perspective(400px) rotateX(-10deg); } 70% { -ms-transform: perspective(400px) rotateX(10deg); } 100% { -ms-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -ms-backface-visibility: visible !important; -ms-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-ms-keyframes flipOutX { 0% { -ms-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -ms-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -ms-animation-name: flipOutX; -ms-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-ms-keyframes flipInY { 0% { -ms-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -ms-transform: perspective(400px) rotateY(-10deg); } 70% { -ms-transform: perspective(400px) rotateY(10deg); } 100% { -ms-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -ms-backface-visibility: visible !important; -ms-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-ms-keyframes flipOutY { 0% { -ms-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -ms-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -ms-backface-visibility: visible !important; -ms-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeft { 0% { opacity: 0; -ms-transform: translateX(-20px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRight { 0% { opacity: 0; -ms-transform: translateX(20px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUpBig { 0% { opacity: 0; -ms-transform: translateY(2000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -ms-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDownBig { 0% { opacity: 0; -ms-transform: translateY(-2000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -ms-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -ms-transform: translateX(-2000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -ms-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRightBig { 0% { opacity: 0; -ms-transform: translateX(2000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -ms-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-ms-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-ms-keyframes fadeOutUp { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-ms-keyframes fadeOutDown { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-ms-keyframes fadeOutLeft { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -ms-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-ms-keyframes fadeOutRight { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -ms-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-ms-keyframes fadeOutUpBig { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -ms-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -ms-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -ms-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -ms-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-ms-keyframes bounceIn { 0% { opacity: 0; -ms-transform: scale(.3); } 50% { opacity: 1; -ms-transform: scale(1.05); } 70% { -ms-transform: scale(.9); } 100% { -ms-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -ms-transform: translateY(2000px); } 60% { opacity: 1; -ms-transform: translateY(-30px); } 80% { -ms-transform: translateY(10px); } 100% { -ms-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -ms-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes bounceInDown { 0% { opacity: 0; -ms-transform: translateY(-2000px); } 60% { opacity: 1; -ms-transform: translateY(30px); } 80% { -ms-transform: translateY(-10px); } 100% { -ms-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -ms-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-ms-keyframes bounceInLeft { 0% { opacity: 0; -ms-transform: translateX(-2000px); } 60% { opacity: 1; -ms-transform: translateX(30px); } 80% { -ms-transform: translateX(-10px); } 100% { -ms-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -ms-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-ms-keyframes bounceInRight { 0% { opacity: 0; -ms-transform: translateX(2000px); } 60% { opacity: 1; -ms-transform: translateX(-30px); } 80% { -ms-transform: translateX(10px); } 100% { -ms-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -ms-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-ms-keyframes bounceOut { 0% { -ms-transform: scale(1); } 25% { -ms-transform: scale(.95); } 50% { opacity: 1; -ms-transform: scale(1.1); } 100% { opacity: 0; -ms-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -ms-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-ms-keyframes bounceOutUp { 0% { -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(20px); } 100% { opacity: 0; -ms-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -ms-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-ms-keyframes bounceOutDown { 0% { -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(-20px); } 100% { opacity: 0; -ms-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -ms-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-ms-keyframes bounceOutLeft { 0% { -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(20px); } 100% { opacity: 0; -ms-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -ms-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-ms-keyframes bounceOutRight { 0% { -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(-20px); } 100% { opacity: 0; -ms-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -ms-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateIn { 0% { -ms-transform-origin: center center; -ms-transform: rotate(-200deg); opacity: 0; } 100% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -ms-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -ms-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -ms-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -ms-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -ms-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-ms-keyframes rotateOut { 0% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: center center; -ms-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -ms-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -ms-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -ms-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -ms-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -ms-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-ms-keyframes hinge { 0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 100% { -ms-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -ms-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-ms-keyframes rollIn { 0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -ms-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-ms-keyframes rollOut { 0% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -ms-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -ms-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } .spacerStack { height: 15px; } #spacerStackstacks_in_41145_page0 { height: 15px; } #stacks_in_29439_page0{overflow:visible} .pin-spacer.spacer-stacks_in_29439_page0{width:100%;min-width:100%}.pin-spacer.spacer-stacks_in_29439_page0.posFixed.allow-overlay{display:none}@media screen and (max-width:645px){.pin-spacer.spacer-stacks_in_29439_page0.hide-below-bp{display:none}}@media screen and (min-width:645px){.pin-spacer.spacer-stacks_in_29439_page0.hide-above-bp{display:none}}#stacks_in_29439_page0>.pin-fixed{z-index:999}#stacks_in_29439_page0>.pin-fixed.pin-it::after{background:#333333;opacity:0.0}#stacks_in_29439_page0>.pin-it.pin-static{position:relative;z-index:1}@media screen and (max-width:645px){#stacks_in_29439_page0>.pin-it.hide-below-bp{display:none}}@media screen and (min-width:645px){#stacks_in_29439_page0>.pin-it.hide-above-bp{display:none}}#stacks_in_29439_page0>.pin-it::after{z-index:-1;position:absolute;top:0;left:0;bottom:0;right:0;content:"";background:#FFFFFF;opacity:0.0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}#stacks_in_29439_page0>.pin-it.pin-fixed{position:fixed;top: 0px }@media screen and (max-width:645px){#stacks_in_29439_page0>.pin-it.pin-fixed.mob-full-width{left:0;width:100%!important}}@media screen and (min-width:645px){#stacks_in_29439_page0>.pin-it.pin-fixed{top:0px}} #stacks_in_29439_page0 .pin-it.pin-fixed.fixed-shadow {-webkit-box-shadow:rgba(0,0,0,0.40) 0 1px 5px;-moz-box-shadow:rgba(0,0,0,0.40) 0 1px 5px;box-shadow:rgba(0,0,0,0.40) 0 1px 5px} #linkBoxstacks_in_40253_page0 { display: block; position: relative; z-index: 1; } #linkBoxContentstacks_in_40253_page0 { position: relative; display: block; z-index: 2; } #linkBoxLinkstacks_in_40253_page0 a { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; z-index: 100; } .typography.stacks_in_41116_page0 { font-size: 25px; color:#000000; line-height: 1.5; } @media screen and (max-width: 667px) { .typography.stacks_in_41116_page0 { font-size: 15px; } } /* Hidden for now..... */ section[id="oldies stacks_in_41116_page0"] { font-family: lobster two; text-shadow: 0 8px 0 #FFFFFF; font-weight: 700; font-style: italic; } #stacks_in_41097_page0>.s3_row { margin: 0 -10px; } #stacks_in_41097_page0>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_41097_page0>.s3_row { margin: -10px -10px; } #stacks_in_41097_page0>.s3_row>.s3_column { padding: 10px 10px; width:50%; } } @media only screen and (max-width: 400px) { #stacks_in_41097_page0>.s3_row { margin: -10px 0; } #stacks_in_41097_page0>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .spacerStack { height: 40px; } #spacerStackstacks_in_41122_page0 { height: 40px; } #stacks_out_41120_page0 { width: 250px; } .spacerStack { height: 100px; } #spacerStackstacks_in_41178_page0 { height: 100px; } .typography.stacks_in_41194_page0 { font-size: 25px; color:#000000; line-height: 1.5; } @media screen and (max-width: 667px) { .typography.stacks_in_41194_page0 { font-size: 15px; } } /* Hidden for now..... */ section[id="oldies stacks_in_41194_page0"] { font-family: lobster two; text-shadow: 0 8px 0 #FFFFFF; font-weight: 700; font-style: italic; } .spacerStack { height: 40px; } #spacerStackstacks_in_41215_page0 { height: 40px; } #stacks_in_41175_page0 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } .spacerStack { height: 40px; } #spacerStackstacks_in_41214_page0 { height: 40px; } .spacerStack { height: 40px; } #spacerStackstacks_in_24441_page0 { height: 40px; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0 ul { padding: 0px; margin: 0px; list-style: none; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0 li { position: absolute; display: none; width: 100%; left: 0; top: 0; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0 li:first-child { position: relative; display: block; float: left; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0 img { display: block; height: auto; float: left; max-width: 100%; border: 0; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0_tabs { background: rgba(0,0,0,.25); box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); font-size: 18px; list-style: none; margin: 0 auto 50px; max-width: 5000px; padding: 10px 0; text-align: center; width: 100%; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0_tabs li { display: inline; float: none; margin-right: 1px; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0_tabs a { width: auto; line-height: 20px; padding: 9px 20px; height: auto; background: transparent; display: inline; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0_tabs a:hover { border: 0; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0_tabs li:first-child { margin-left: 0; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0_tabs .rslidesstacks_in_41134_page0_here a { background: rgba(255,255,255,.1); color: #fff; font-weight: bold; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0_nav { position: absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../files/navigation.gif") no-repeat left top; margin-top: -45px; } #freeStyleWrapperstacks_in_41134_page0 .rslidesstacks_in_41134_page0_nav.next { left: auto; background-position: right top; right: 0; } .spacerStack { height: 40px; } #spacerStackstacks_in_29433_page0 { height: 40px; } .spacerStack { height: 15px; } #spacerStackstacks_in_41203_page0 { height: 15px; } /* AnimateIt Basic stack v1.0.0 */ #stacks_in_39602_page0 { margin: 0px !important; padding: 0px !important; } #atm_AnimateItstacks_in_39602_page0 { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; } #stacks_in_41147_page0>.s3_row { margin: 0 -10px; } #stacks_in_41147_page0>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_41147_page0>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_41147_page0>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_41147_page0>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_41147_page0>.s3_row { margin: -10px 0; } #stacks_in_41147_page0>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .spacerStack { height: 15px; } #spacerStackstacks_in_41204_page0 { height: 15px; } .spacerStack { height: 40px; } #spacerStackstacks_in_29438_page0 { height: 40px; } .spacerStack { height: 40px; } #spacerStackstacks_in_41157_page0 { height: 40px; } .cardsliderstacks_in_41146_page0 { background: #E6E6E6; height: 600px; overflow: hidden; background-image: url('../files/backgroundimage_41146.jpg'); background-size:cover; background-position: centre; } /* Default height for screen under 768px*/ #cardstack_stacks_in_41146_page0 { height:400px; } /* 768px and up */ @media (min-width: 768px) { #cardstack_stacks_in_41146_page0 { height:500px; } } /* 992px and up */ @media (min-width: 992px) { #cardstack_stacks_in_41146_page0 { height:600px; } } /* 1200px and up */ @media (min-width: 1200px) { #cardstack_stacks_in_41146_page0 { height:700px; } } .cardslider * { box-sizing: border-box; } .cs-container { position: relative; height: 100%; } .cs-slides-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cs-slide { position: absolute; -webkit-perspective: 1500px; perspective: 1500px; width: 100%; height: 100%; visibility: hidden; } .cs-current { visibility: visible; } .cs-media { position: absolute; left: 45%; width: 50%; top: 50%; } .cs-css3d .cs-media { -webkit-transform: translateY(-50%) rotateX(58deg) rotateZ(31deg); -webkit-transform-style: preserve-3d; transform: translateY(-50%) rotateX(58deg) rotateZ(31deg); transform-style: preserve-3d; } .cs-media-item { position: relative; display: block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; margin: 4% 6%; outline: none !important; } .cs-media-wrap { display: block; } .cs-media-item img { width: 100%; vertical-align: middle; border: none; } .cs-shadow { position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; background: #000; -webkit-transform: translateZ(-50px); transform: translateZ(-50px); box-shadow: 0 0 30px 30px rgba(0, 0, 0, 1); opacity:0.4; } .tow-in-row .cs-media-item { float: left; width: 44%; margin: 4% 3%; } .cs-card3d .cs-media-wrap { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cs-card3d .cs-media-wrap:before { content: ""; position: absolute; display: block; top: 0; right: 0; bottom: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: right center; transform-origin: right center; background-image: inherit; background-size: cover; background-position: right center; width: 7px; left: auto; outline: 1px solid transparent; } .cs-card3d .cs-media-wrap:after { content: ""; position: absolute; display: block; left: 0; right: 0; bottom: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; background-image: inherit; background-size: cover; background-position: bottom center; height: 7px; top: auto; outline: 1px solid transparent; } /*transition*/ .cs-inning .cs-media-item { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 1, 0, 1) 0s; transition: transform 1s cubic-bezier(0, 1, 0, 1) 0s; } .cs-outing .cs-media-item { -webkit-transition: -webkit-transform 1s cubic-bezier(1, 0, 1, 0) 0s; transition: transform 1s cubic-bezier(1, 0, 1, 0) 0s; } /*position*/ .cs-show .cs-media-item { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .cs-right .cs-media-item { -webkit-transform: translate3d(5000px, 0, 0); transform: translate3d(5000px, 0, 0); } .cs-left .cs-media-item { -webkit-transform: translate3d(-5000px, 0, 0); transform: translate3d(-5000px, 0, 0); } .cs-top .cs-media-item { -webkit-transform: translate3d(0, -5000px, 0); transform: translate3d(0, -5000px, 0); } .cs-bottom .cs-media-item { -webkit-transform: translate3d(0, 5000px, 0); transform: translate3d(0, 5000px, 0); } .cs-up .cs-media-item { -webkit-transform: translate3d(0, 0, 5000px); transform: translate3d(0, 0, 5000px); } .cs-down .cs-media-item { -webkit-transform: translate3d(0, 0, -5000px); transform: translate3d(0, 0, -5000px); } .cs-complete .cs-media-wrap { -webkit-animation-name: cs-wave; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; animation-name: cs-wave; animation-duration: 5s; animation-iteration-count: infinite; } .cs-shadow-animation .cs-complete .cs-shadow { -webkit-animation-name: shadow; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; animation-name: shadow; animation-duration: 5s; animation-iteration-count: infinite; } /*nav*/ .cs-nav-prev, .cs-nav-next { position: absolute; top: 50%; height: 48px; width: 48px; background: url('../files/nav-arrow-white.png') 0 0 no-repeat; left: 10px; margin-top: -24px; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; outline: none !important; z-index: 2; } .cs-nav-next { background-position: -96px 0; right: 10px; left: auto; } .cs-container:hover .cs-nav-prev, .cs-container:hover .cs-nav-next { opacity: .7; } .cs-nav-prev:hover, .cs-nav-next:hover { opacity: 1 !important; } /*dots*/ .cs-dots { position: absolute; bottom: 5px; width: 100%; text-align: center; } .cs-dots > a { display: inline-block; outline: none !important; z-index: 2; background: rgba(0, 0, 0, 0); } .cs-dots > a > span { display: block; width: 11px; height: 11px; margin: 10px 7px; border: 2px solid #fff; border-radius: 50%; opacity: 0.8; -webkit-transition: background-color .2s; transition: background-color .2s; box-shadow: 0 0 3px rgba(0, 0, 0, .4); } .cs-dots > a:hover > span { background-color: rgba(255, 255, 255, .3); } .cs-dots > a.cs-dot-active > span { background-color: #fff; opacity: 0.9; } /*keyframe*/ @keyframes cs-wave { 0%, 50%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); } 25% { -webkit-transform: translate3d(0, 0, 10px); transform: translate3d(0, 0, 10px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } 75% { -webkit-transform: translate3d(0, 0, -10px); transform: translate3d(0, 0, -10px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } } @-webkit-keyframes cs-wave { 0%, 50%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); } 25% { -webkit-transform: translate3d(0, 0, 10px); transform: translate3d(0, 0, 10px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } 75% { -webkit-transform: translate3d(0, 0, -10px); transform: translate3d(0, 0, -10px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } } @keyframes shadow { 0%, 50%, 100% { opacity: 0.4; -webkit-transform: scale(1) translateZ(-50px); transform: scale(1) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); } 25% { opacity: 0.25; -webkit-transform: scale(1.04) translateZ(-50px); transform: scale(1.04) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } 75% { opacity: 0.5; -webkit-transform: scale(0.97) translateZ(-50px); transform: scale(0.97) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } } @-webkit-keyframes shadow { 0%, 50%, 100% { opacity: 0.4; -webkit-transform: scale(1) translateZ(-50px); transform: scale(1) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); } 25% { opacity: 0.25; -webkit-transform: scale(1.04) translateZ(-50px); transform: scale(1.04) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } 75% { opacity: 0.5; -webkit-transform: scale(0.97) translateZ(-50px); transform: scale(0.97) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /**** description & responsive layout ****/ /*description*/ .cs-description { padding: 50px 0 0 80px; color: #fff; z-index: 1; font-size: 18px; position: absolute; width: 35%; top: 0; left: 0; letter-spacing: 0; } .cs-desc-titlestacks_in_41146_page0 { font-size: 2.5em; font-weight: 500; line-height: 1.2em; margin: 0.6em 0; color: #000000; } .cs-desc-contentstacks_in_41146_page0 { font-size: 1em; line-height: 1.5em; color: #000000; } .cs-desc-contentstacks_in_41146_page0 a { font-size: 13px; line-height: 1em; padding: 11px 15px; border: 1px solid #191919!important; color: #191919!important; text-transform: uppercase; text-decoration: none !important; outline: none !important; letter-spacing: 3px; margin-top: 1em; display: inline-block; } .cs-desc-contentstacks_in_41146_page0 a:hover, .cs-desc-contentstacks_in_41146_page0 a:focus { color: #FFFF00!important; border: 1px solid #FFFF00!important; } .cs-css3d.alternative-3d-style .cs-media, .cs-css3d .alternative-3d-style .cs-media { -webkit-transform: translateY(-50%) rotateX(58deg) rotateZ(-26deg); transform: translateY(-50%) rotateX(58deg) rotateZ(-26deg); } .cs-card3d.alternative-3d-style .cs-media-wrap:before, .cs-card3d .alternative-3d-style .cs-media-wrap:before { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: left center; transform-origin: left center; background-position: left center; right: auto; } @media (max-width: 992px) { .cs-slide > .cs-description { width: 100%; height: 100%; padding: 50px 60px; } .lightskin .cs-slide > .cs-description { } .cs-slide > .cs-media { left: 0; width: 100%; pointer-events: none; opacity:0.4; } .cs-shadow-animation .cs-complete .cs-shadow { -webkit-animation: none; animation: none; } .cs-nav-prev { left: 0; } .cs-nav-next { right: 0; } } @media (max-width: 768px) { .cs-slide > .cs-description { width: auto; height: 100%; padding: 20px 60px; } .cs-desc-titlestacks_in_41146_page0 { font-size: 1.5em; line-height: 1.2em; margin: 0.6em 0; } } .cs-current.cs-show .cs-desc-titlestacks_in_41146_page0 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .7s; animation-duration: .7s; } .cs-current.cs-show .cs-desc-contentstacks_in_41146_page0 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .9s; animation-duration: .9s; } .cs-current.cs-outing .cs-description { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: .4s; animation-duration: .4s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .cs-no-css3d .cs-media { top: 0; } .cs-no-css3d .cs-media-item { margin: 4% 3%; } /* lightskin */ .lightskin { } .lightskin .cs-desc-titlestacks_in_41146_page0 { } .lightskin .cs-desc-content { } .lightskin .cs-nav-prev, .lightskin .cs-nav-next { background-image: url('../files/nav-arrow-black.png'); } .lightskin .cs-dots > a > span { border-color: #fff; background-color: rgba(255, 255, 255, .3); } .lightskin .cs-dots > a:hover > span { background-color: rgba(0, 0, 0, 0.3); } .cs-desc-titlestacks_in_41146_page0 span { display: block; font-size: 15px; color: #000000; line-height: 1.4em; } .lightskin .cs-dots > a.cs-dot-active > span { background-color: #000; } .spacerStack { height: 40px; } #spacerStackstacks_in_40252_page0 { height: 40px; } #stacks_in_41205_page0 { margin: 20px; padding: 19px; } #stacks_in_41207_page0 { font-size: 115%; } .spacerStack { height: 40px; } #spacerStackstacks_in_3316_page0 { height: 40px; } .spacerStack { height: 40px; } #spacerStackstacks_in_41185_page0 { height: 40px; } #stacks_in_41186_page0 { background-color: rgba(255, 255, 102, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 3px; padding: 4px; } .typography.stacks_in_41181_page0 { font-size: 28px; color:#000000; line-height: 1.5; } @media screen and (max-width: 667px) { .typography.stacks_in_41181_page0 { font-size: 22px; } } /* Hidden for now..... */ section[id="oldies stacks_in_41181_page0"] { font-family: lobster two; text-shadow: 0 8px 0 #FFFF66; font-weight: 700; font-style: italic; } #ajax-contact-form { padding-bottom: 10px; } #ajax-contact-form input{ background: #F2F2F2; color: #2E3138;important; border: 1px solid #DDDDDD; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-border-radius: 6px!important; -moz-box-border-radius: 6px!important; border-radius: 6px!important; margin-bottom: 25px; padding: 8px 10px 8px; font-weight: 700; font-size: 15px; margin-left:16.666666666666664%; width:66.66666666666666%; } ::-webkit-input-placeholder { color:#555555!important; opacity:1.0; } ::-moz-placeholder { color:#555555!important; opacity:1.0; } :-ms-input-placeholder { color:#555555!important; opacity:1.0; } focus::-webkit-input-placeholder{ color:transparent; opacity:1.0;} .notification_error { color: #BBBBBB; height: auto; margin: 0 0 10px 0; padding: 0px; text-align: center; } .notification_ok { color: #BBBBBB; font-weight: 500!important; height: auto; margin: 0 0 30px 0; padding: 10px; text-align: center; font-size: 25px; } .btn{ border:0; -webkit-transition:background-color .4s ease-in; -moz-transition:background-color .4s ease-in; -o-transition:background-color .4s ease-in; transition:background-color .4s ease-in; color:#FFFFFF!important; padding-bottom: 20px; } #ajax-contact-form input.btn { letter-spacing: 2px; font-weight: 700; border: 0px none; outline: 0 none; text-transform: uppercase; padding-bottom: 20px; display: block; float: none; clear: both; background: #FF66FF; margin: 0px auto 0px!important; width: 215px; height: 65px; font-size: 16px; padding: 5px 0!important; color: #FFFFFF!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 0px #00FF00; -moz-box-shadow: 0 5px 0px #00FF00; box-shadow :0 5px 0px #00FF00; position: relative; text-align: center; -webkit-appearance: button; cursor: pointer; } #ajax-contact-form input.btn a { color:#FFFFFF; opacity:1.0;} #ajax-contact-form input.btn:hover{ color: #000000!important; background: #00FF00; top: 0px; left: 0px; -webkit-box-shadow: 0 5px 0px #FF66FF;-moz-box-shadow: 0 5px 0px #FF66FF; box-shadow :0 5px 0px #FF66FF;} #ajax-contact-form input.btn:active { color: #FFFFFF!important; background: #C23C33; -webkit-box-shadow: 0 3px 0px #652824; -moz-box-shadow: 0 3px 0px #652824; box-shadow: 0 3px 0px #652824; } #ajax-contact-form input.btn:visited, #ajax-contact-form input.btn:focus { color:#fff!important; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .subscribe { top: 20px!important;} } @media all and (min-width: 321px) and (max-width: 568px) { .name { font-size: 12px; margin-top:-10px; } } @media all and (max-width: 320px) { .name { font-size: 12px; } } #stacks_in_3315_page0 { font-size: 300%; } .typography.stacks_in_41112_page0 { font-size: 25px; color:#000000; line-height: 1.5; } @media screen and (max-width: 667px) { .typography.stacks_in_41112_page0 { font-size: 15px; } } /* Hidden for now..... */ section[id="oldies stacks_in_41112_page0"] { font-family: lobster two; text-shadow: 0 8px 0 #FFFFFF; font-weight: 700; font-style: italic; } /* @group CSS Reset */ #shareStackWrapperstacks_in_41032_page0 *, #shareStackWrapperstacks_in_41032_page0 *::after, #shareStackWrapperstacks_in_41032_page0 *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #shareStackWrapperstacks_in_41032_page0 ul#shareStackArraystacks_in_41032_page0 { padding: 0; margin: 0; list-style: none; height: auto; overflow: auto; text-align: center; } #shareStackWrapperstacks_in_41032_page0 [class^="fa fa-"] { line-height: 50px; color: inherit; } /* @end */ /* @group Positioning */ /* @group Absolute Positioning */ /* */ /* @end */ /* @group Fixed Positioning */ /* */ /* @end */ /* */ /* @group Relative Positioning */ #shareStackWrapperstacks_in_41032_page0 { position: relative; width: 100%; } /* */ /* @end */ /* @end */ /* @group Buttons */ #shareStackWrapperstacks_in_41032_page0 ul#shareStackArraystacks_in_41032_page0 li.shareStackItem { padding: 0; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; display: inline-block; text-align: center; font-size: 28px; width: 50px; height: 50px; line-height: 50px; cursor: pointer; position: relative; transition: opacity 300ms ease-in-out; border-radius: 0px; opacity: 0.99; list-style: none; overflow: hidden; } #shareStackWrapperstacks_in_41032_page0 ul#shareStackArraystacks_in_41032_page0 li.shareStackItem:hover { opacity: 0.85; } #shareStackWrapperstacks_in_41032_page0 ul#shareStackArraystacks_in_41032_page0 li.shareStackItem a { position: absolute; top: 0; left: 0; width: 50px; height: 50px; } /* @end */ /* @group Responsive */ #shareStackWrapperstacks_in_41032_page0 ul#shareStackArraystacks_in_41032_page0 { display: none; } @media screen and (min-width: 100px) { #shareStackWrapperstacks_in_41032_page0 ul#shareStackArraystacks_in_41032_page0 { display: block; } } /* @end */ /* @group Icons */ #shareStackWrapperstacks_in_41032_page0 #shareStackItem-appdotnetstacks_in_41032_page0 { background: #eaeaea; color: #333333; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-baidustacks_in_41032_page0 { background: #FF4749; color: #0000ff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-bloggerstacks_in_41032_page0 { background: #F3881F; color: #ffffff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-deliciousstacks_in_41032_page0 { background: #0c83e8; color: #ffffff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-diggstacks_in_41032_page0 { background: #000000; color: #ffffff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-facebookstacks_in_41032_page0 { background: #406fac; color: #ffffff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-googleplusstacks_in_41032_page0 { background: #e15540; color: #ffffff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-linkedinstacks_in_41032_page0 { background: #0182bd; color: #ffffff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-livejournalstacks_in_41032_page0 { background: #083B51; color: #9AECFF; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-myspacestacks_in_41032_page0 { background: #032087; color: #ffffff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-redditstacks_in_41032_page0 { background: #d3e6f8; color: #000000; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-renrenstacks_in_41032_page0 { background: #f5f5f5; color: #0164b4; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-stumbleuponstacks_in_41032_page0 { background: #ed5328; color: #ffffff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-tumblrstacks_in_41032_page0 { background: #3c4f67; color: #ffffff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-twitterstacks_in_41032_page0 { background: #39d2fd; color: #ffffff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-vkontaktestacks_in_41032_page0 { background: #557fab; color: #ffffff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-weibostacks_in_41032_page0 { background: #db2f2d; color: #ffffff; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-xingstacks_in_41032_page0 { background: #D0D607; color: #0A5256; } /* Utility icons */ #shareStackWrapperstacks_in_41032_page0 #shareStackItem-emailstacks_in_41032_page0 { background: #cdcdcd; color: #333333; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-printstacks_in_41032_page0 { background: #808080; color: #ffffff; } /* Custom Icons */ #shareStackWrapperstacks_in_41032_page0 #shareStackItem-customonestacks_in_41032_page0 { background: #BC0013; color: #FFFFFF; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-customtwostacks_in_41032_page0 { background: #FF8000; color: #333333; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-customthreestacks_in_41032_page0 { background: #FF8000; color: #333333; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-customfourstacks_in_41032_page0 { background: #FF8000; color: #333333; } #shareStackWrapperstacks_in_41032_page0 #shareStackItem-customfivestacks_in_41032_page0 { background: #FF8000; color: #333333; } /* @end */ @media print { #shareStackWrapperstacks_in_41032_page0 { display: none !important; } } /* @group Edit Mode Styling */ /* */ /* @end */.spacerStack { height: 40px; } #spacerStackstacks_in_937_page0 { height: 40px; } .typography.stacks_in_41190_page0 { font-size: 25px; color:#000000; line-height: 1.5; } @media screen and (max-width: 667px) { .typography.stacks_in_41190_page0 { font-size: 15px; } } /* Hidden for now..... */ section[id="oldies stacks_in_41190_page0"] { font-family: lobster two; text-shadow: 0 8px 0 #FFFFFF; font-weight: 700; font-style: italic; } #stacks_in_41127_page0_float { float:left; width:33%; } #stacks_in_41127_page0 { border: solid rgba(0, 0, 255, 1.00); border-width: 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 6px; padding: 20px; } #stacks_in_41128_page0 { font-size: 174%; } .spacerStack { height: 40px; } #spacerStackstacks_in_35_page0 { height: 40px; } #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:0;text-indent:-9999px;background:url(../files/elevator-images/top.png) no-repeat left top;z-index:9988} #toTop:hover{background:url(../files/elevator-images/top.png) no-repeat left -51px} #toTop:active,#toTop:focus{outline:0}