.morphext > span { display: none; } .morphext > .animated { display: inline-block; }@charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} .com_joeworkman_stacks_shareit_simple_stack a.shareit,.com_joeworkman_stacks_shareit_simple_stack i.fa{text-decoration:none;transition:color 300ms ease 0}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-facebook,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-facebook-square{color:#3B5998}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-facebook:hover,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-facebook-square:hover{color:#3B5998}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-twitter,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-twitter-square{color:#09AEEC}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-twitter:hover,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-twitter-square:hover{color:#09AEEC}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-google-plus,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-google-plus-square{color:#EE0000}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-google-plus:hover,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-google-plus-square:hover{color:#EE0000}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-adn{color:#4A484C}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-adn:hover{color:#4A484C}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-pinterest,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-pinterest-square{color:#CB2027}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-pinterest:hover,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-pinterest-square:hover{color:#CB2027}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-linkedin,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-linkedin-square{color:#257597}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-linkedin:hover,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-linkedin-square:hover{color:#257597}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-envelope,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-envelope-o{color:#26A14B}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-envelope:hover,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-envelope-o:hover{color:#26A14B} .---------Protection--------{} .ug-gallery-wrapper, .ug-gallery-wrapper *{ transition: all !important; -o-transition: all !important; -webkit-transition: all; -moz-transition: all !important; -ms-transition: all !important; max-width:none; } .ug-gallery-wrapper{ z-index:0; } .ug-item-wrapper img{ width:auto; max-width:none; margin:0px; padding:0px; } .ug-videoplayer-wrapper video{ height:100%; width:100%; } .---------General_Styles--------{} .ug-rtl{ direction:rtl; } .ug-gallery-wrapper{ overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif; } .ug-error-message{ text-align:center; padding-top:30px; padding-bottom:30px; font-size:20px; color:#F30D0D; } .ug-error-message-wrapper{ width:100%; height:100%; border:1px solid black; } .ug-gallery-wrapper .ug-canvas-pie{ position:absolute; z-index:4; } .ug-gallery-wrapper .ug-progress-bar{ position:absolute; overflow:hidden; z-index:4; } .ug-gallery-wrapper .ug-progress-bar-inner{ xposition:absolute; } .ug-gallery-wrapper.ug-fullscreen{ height: 100% !important; width: 100% !important; max-width:none !important; max-height:none !important; } .ug-gallery-wrapper.ug-fake-fullscreen{ position: fixed !important; height: auto !important; width: auto !important; max-width:none !important; max-height:none !important; margin: 0px !important; padding: 0px !important; top: 0px !important; left: 0px !important; bottom: 0px !important; right: 0px !important; z-index: 999999 !important; } .ug-body-fullscreen{ overflow: hidden !important; height: 100% !important; width: 100% !important; margin:0px !important; padding:0px !important; } .ug-gallery-wrapper .ug-preloader-trans{ display:block; height:35px; width:32px; height:32px; background-image:url('../files/images/loader_skype_trans.gif'); background-repeat:no-repeat; } .--------------SLIDER------------------{} .ug-gallery-wrapper .ug-slider-wrapper{ position:absolute; overflow:hidden; z-index:1; background-color:#000000; } .ug-slider-wrapper .ug-slide-wrapper{ position:absolute; } .ug-slide-wrapper.ug-slide-clickable{ cursor:pointer; } .ug-slider-wrapper .ug-slider-inner{ position:absolute; z-index:0; } .ug-slider-wrapper .ug-item-wrapper{ position:absolute; overflow:hidden; } .ug-slider-wrapper, .ug-item-wrapper img{ -webkit-user-select: none; /* make unselectable */ -moz-user-select: none; -ms-user-select: none; max-width:none !important; box-sizing:border-box; } .ug-slider-wrapper .ug-slider-preloader{ position:absolute; z-index:1; border:2px solid #ffffff; border-radius:6px; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; } .ug-slider-preloader.ug-loader1{ width:30px; height:30px; background-image:url('../files/images/loader-white1.gif'); } .ug-slider-preloader.ug-loader1.ug-loader-black{ background-image:url('../files/images/loader-black1.gif'); } .ug-slider-preloader.ug-loader2{ width:32px; height:32px; background-image:url('../files/images/loader-white2.gif'); } .ug-slider-preloader.ug-loader2.ug-loader-black{ background-image:url('../files/images/loader-black2.gif'); } .ug-slider-preloader.ug-loader3{ width:38px; height:38px; background-image:url('../files/images/loader-white3.gif'); } .ug-slider-preloader.ug-loader3.ug-loader-black{ background-image:url('../files/images/loader-black3.gif'); } .ug-slider-preloader.ug-loader4{ width:32px; height:32px; background-image:url('../files/images/loader-white4.gif'); background-color:white; } .ug-slider-preloader.ug-loader4.ug-loader-black{ background-image:url('../files/images/loader-black4.gif'); } .ug-slider-preloader.ug-loader5{ width:60px; height:8px; background-image:url('../files/images/loader-white5.gif'); background-color:white; border:none; border-radius:0px; } .ug-slider-preloader.ug-loader5.ug-loader-black{ background-image:url('../files/images/loader-black5.gif'); border:2px solid #000000; } .ug-slider-preloader.ug-loader6{ width:32px; height:32px; background-image:url('../files/images/loader-white6.gif'); } .ug-slider-preloader.ug-loader6.ug-loader-black{ background-image:url('../files/images/loader-black6.gif'); } .ug-slider-preloader.ug-loader7{ width:32px; height:10px; background-image:url('../files/images/loader-white7.gif'); border-width:3px; border-radius:3px; } .ug-slider-preloader.ug-loader7.ug-loader-black{ background-image:url('../files/images/loader-black7.gif'); } .ug-slider-preloader.ug-loader-black{ border-color:#000000; background-color:#000000; } .ug-slider-preloader.ug-loader-nobg{ background-color:transparent; } .ug-slider-wrapper .ug-button-videoplay{ position:absolute; z-index:2; cursor:pointer; } .ug-slider-wrapper .ug-button-videoplay.ug-type-square{ width:86px; height:66px; background-image:url('../files/images/play-button-square.png'); background-position:0px -66px; } .ug-slider-wrapper .ug-button-videoplay.ug-type-square.ug-button-hover{ background-position:0px 0px; } .ug-slider-wrapper .ug-button-videoplay.ug-type-round{ width:76px; height:76px; background-image:url('../files/images/play-button-round.png'); opacity:0.9; filter: alpha(opacity = 90); transition: all 0.3s ease 0s !important; } .ug-slider-wrapper .ug-button-videoplay.ug-type-round.ug-button-hover{ opacity:1; filter: alpha(opacity = 100); transition: all 0.3s ease 0s !important; } .--------------VIDEO_PLAYER------------------{} .ug-gallery-wrapper .ug-videoplayer{ position:absolute; z-index:100; background-color:#000000; background-image:url('../files/images/loader-black1.gif'); background-repeat:no-repeat; background-position:center center; box-sizing:border-box; -moz-box-sizing:border-box; } .ug-videoplayer .ug-videoplayer-wrapper{ width:100%; height:100%; background-color:#000000; background-image:url('../files/images/loader-black1.gif'); background-repeat:no-repeat; background-position:center center; } .ug-videoplayer .ug-videoplayer-button-close{ position:absolute; height:64px; width:64px; background-image:url('../files/images/button-close.png'); cursor:pointer; z-index:1000; } .ug-videoplayer .ug-videoplayer-button-close:hover{ background-position: 0px -64px; } .--------------THUMBS_STRIP------------------{} .ug-gallery-wrapper .ug-thumbs-strip, .ug-gallery-wrapper .ug-thumbs-grid{ position:absolute; overflow:hidden; -webkit-user-select: none; /* make unselectable */ -moz-user-select: none; -ms-user-select: none; xbackground-color:green; z-index:10; } .ug-thumbs-strip.ug-dragging{ xcursor: -webkit-grab; xcursor: -moz-grab; } .ug-gallery-wrapper .ug-thumbs-strip-inner, .ug-gallery-wrapper .ug-thumbs-grid-inner{ position:absolute; } .ug-thumb-wrapper.ug-thumb-generated{ position:absolute; overflow:hidden; -webkit-user-select: none; /* make unselectable */ -moz-user-select: none; -ms-user-select: none; box-sizing:border-box; -moz-box-sizing:border-box; } .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader, .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error{ position:absolute; top:0px; left:0px; background-repeat:no-repeat; background-position:center center; } .ug-thumb-wrapper .ug-thumb-border-overlay{ position:absolute; top:0px; left:0px; z-index:4; box-sizing:border-box; -moz-box-sizing:border-box; border-style:solid; } .ug-thumb-wrapper .ug-thumb-overlay{ position:absolute; top:0px; left:0px; z-index:3; } .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-dark{ background-image:url('../files/images/loader.gif'); } .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-bright{ background-image:url('../files/images/loader_bright.gif'); } .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error{ background-image:url('../files/images/not_loaded.png'); } .ug-thumb-wrapper.ug-thumb-generated img{ position:absolute; z-index:1; max-width:none !important; } .ug-thumb-wrapper.ug-thumb-generated img.ug-thumb-image-overlay{ position:absolute; z-index:2; max-width:none !important; } /* bw desaturate effect lightweight */ img.ug-bw-effect{ filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); } /* blur effect desaturate effect lightweight */ img.ug-blur-effect{ filter: blur(0.8px); -webkit-filter: blur(0.8px); -moz-filter: blur(0.8px); -o-filter: blur(0.8px); -ms-filter: blur(0.8px); filter: url("data:image/svg+xml;utf8,#blur"); /* Firefox 10+, Firefox on Android */ filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0.8'); } img.ug-sepia-effect{ -webkit-filter: sepia(1); -webkit-filter: sepia(100%); -moz-filter: sepia(100%); -ms-filter: sepia(100%); -o-filter: sepia(100%); filter: url("data:image/svg+xml;utf8,#sepia"); /* Firefox 10+, Firefox on Android */ filter: sepia(100%); background-color: #5E2612; filter: alpha(opacity = 50); zoom:1; } .--------------BULLETS------------------{} .ug-gallery-wrapper .ug-bullets{ position: absolute; top:0px; left:0px; margin:0px; padding:0px; } .ug-gallery-wrapper .ug-bullets .ug-bullet{ background-repeat:no-repeat; cursor:pointer; display:block; float:left; z-index:2; } .ug-gallery-wrapper .ug-bullets .ug-bullet:first-child{ margin-left:0px; } .--------------TEXT_PANEL------------------{} .ug-gallery-wrapper .ug-textpanel{ position:absolute; overflow:hidden; } .ug-slider-wrapper .ug-textpanel{ z-index:2; } .ug-gallery-wrapper .ug-textpanel-bg, .ug-gallery-wrapper .ug-textpanel-title, .ug-gallery-wrapper .ug-textpanel-description{ display:block; position:absolute; margin:0px; padding:0px; } .ug-gallery-wrapper .ug-textpanel-bg{ background-color:#000000; opacity:0.4; filter: alpha(opacity = 40); z-index:1; } .ug-textpanel-textwrapper{ overflow:hidden; } .ug-gallery-wrapper .ug-textpanel-title{ font-size:16px; font-weight:bold; color:white; text-align:left; z-index:2; } .ug-gallery-wrapper .ug-textpanel-description{ font-size:14px; color:white; text-align:left; z-index:3; } .--------------ZOOM_PANEL------------------{} .ug-slider-wrapper .ug-zoompanel{ position:absolute; top:200px; left:100px; } .ug-zoompanel .ug-zoompanel-button{ background-repeat: no-repeat; cursor:pointer; display:block; } .--------------ZOOM_PANEL_BUTTONS------------------{} .ug-gallery-wrapper .ug-arrow-left{ position:absolute; background-repeat:no-repeat; display:block; cursor:pointer; } .ug-gallery-wrapper .ug-arrow-right{ position:absolute; background-repeat:no-repeat; cursor:pointer; } .--------------GRID_PANEL_AND_ARROWS------------------{} .ug-gallery-wrapper .ug-grid-panel{ position:absolute; background-color: #000000; xbackground-color: blue; z-index:2; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow{ position:absolute; background-repeat:no-repeat; cursor:pointer; z-index:11; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow.ug-button-disabled{ cursor:default; } /* handle tip */ .ug-gallery-wrapper .ug-panel-handle-tip{ position:absolute; z-index:13; cursor:pointer; } .ug-gallery-wrapper .ug-overlay-disabled{ position:absolute; z-index:100; width:100%; height:100%; background-color:#000000; opacity: 0.3; filter: alpha(opacity=30); background-image:url('../files/images/cover-grid.png'); } .--------------STRIP_PANEL------------------{} .ug-gallery-wrapper .ug-strip-panel{ position:absolute; background-color:#000000; z-index:2; } .ug-strip-panel .ug-strip-arrow{ position:absolute; cursor:pointer; } .ug-strip-panel .ug-strip-arrow.ug-button-disabled{ cursor:default; } .ug-strip-panel .ug-strip-arrow-tip{ position:absolute; } .--------------TILES------------------{} .ug-thumb-wrapper.ug-tile{ display:block; position:absolute; box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; padding:0px; margin:0px; } .ug-tile .ug-tile-cloneswrapper{ position:absolute; width:0px; height:0px; top:0px; left:0px; overflow:hidden; opacity:0; filter: alpha(opacity = 90); } /* transit something */ /* transit fixed size items */ /* transit image overlay */ .ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile, .ug-tiles-transit.ug-tiles-transition-active .ug-thumb-wrapper.ug-tile .ug-trans-enabled{ transition: left 0.7s ease 0s, top 0.7s ease 0s, width 0.7s ease 0s, height 0.7s ease 0s !important; } .ug-thumb-wrapper.ug-tile.ug-tile-clickable{ cursor: pointer; } .ug-thumb-wrapper.ug-tile .ug-image-container{ position:absolute; overflow:hidden; z-index:1; top:0px; left:0px; } .ug-thumb-wrapper.ug-tile img.ug-thumb-image{ -webkit-user-select: none; /* make unselectable */ -moz-user-select: none; -ms-user-select: none; max-width:none !important; max-height:none !important; display:block; border:none; padding:0px !important; margin:0px !important; width:auto; height:auto; position:absolute; } .ug-thumb-wrapper.ug-tile .ug-tile-image-overlay{ position:absolute; overflow:hidden; z-index:2; top:0px; left:0px; } .ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img{ width:100%; max-width:none !important; } .ug-tiletype-justified .ug-thumb-wrapper.ug-tile .ug-tile-image-overlay img{ height:100%; max-width:none !important; } .ug-thumb-wrapper.ug-tile .ug-tile-icon{ position:absolute; width:38px; height:38px; background-repeat:no-repeat; background-position:0 0; xbackground-color:green; z-index:6; top:1px; left:1px; cursor:pointer; } .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-link{ background-image:url('../files/images/icon-link32.png'); } .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-zoom{ background-image:url('../files/images/icon-zoom32.png'); } .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-play{ background-image:url('../files/images/icon-play32.png'); } .ug-thumb-wrapper.ug-tile .ug-tile-icon:hover{ background-position:0 -38px; } .ug-thumbs-grid .ug-tile-image-overlay img{ width:auto; height:auto; position:absolute; max-width:none !important; } /* text panel on tiles*/ .ug-tile .ug-textpanel{ z-index: 5; cursor:default; } .ug-tile.ug-tile-clickable .ug-textpanel{ cursor:pointer; } .ug-tile .ug-textpanel-title{ font-size:14px; font-weight:bold; } .--------------CAROUSEL------------------{} .ug-gallery-wrapper .ug-carousel-wrapper{ position:absolute; overflow:hidden; } .ug-gallery-wrapper .ug-carousel-inner{ position:absolute; } .------------------LIGHTBOX---------------------{} .ug-gallery-wrapper.ug-lightbox{ display: none; position: fixed; border: none; padding:0px; margin:0px; outline: invert none medium; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; max-width:none !important; max-height:none !important; z-index: 999999; } .ug-lightbox .ug-lightbox-top-panel{ position:absolute; z-index:2; } .ug-lightbox .ug-lightbox-top-panel-overlay{ width:100%; height:100%; position:absolute; background-color:#000000; opacity:0.4; filter: alpha(opacity=40); } .ug-lightbox .ug-lightbox-overlay{ z-index:1; width:100%; height:100%; background-color:#000000; opacity:1; } .ug-lightbox .ug-slider-wrapper{ z-index:1; xbackground-color:green; background-color:transparent !important; } .ug-lightbox .ug-textpanel{ z-index: 2; } .ug-lightbox .ug-lightbox-arrow-left, .ug-lightbox .ug-lightbox-arrow-right{ position:absolute; width:50px; height:55px; background-repeat:no-repeat; background-image:url('../files/images/lightbox-arrow-left.png'); background-position:0px 0px; z-index:3; cursor:pointer; } .ug-lightbox .ug-lightbox-arrow-right{ background-image:url('../files/images/lightbox-arrow-right.png'); } .ug-lightbox .ug-lightbox-button-close{ position:absolute; width:36px; height:36px; background-repeat:no-repeat; background-image:url('../files/images/lightbox-icon-close.png'); background-position:0px 0px; z-index:4; cursor:pointer; } .ug-lightbox-compact .ug-lightbox-button-close{ width:45px; height:41px; background-image:url('../files/images/lightbox-icon-close-compact2.png'); } .ug-lightbox .ug-lightbox-arrow-left.ug-arrow-hover, .ug-lightbox .ug-lightbox-arrow-right.ug-arrow-hover{ background-position:0px -55px; } .ug-lightbox .ug-lightbox-button-close.ug-button-hover{ background-position:0px -35px; } .ug-lightbox-compact .ug-lightbox-button-close.ug-button-hover{ background-position:0px -40px; } .ug-lightbox .ug-lightbox-numbers{ position:absolute; color:#e5e5e5; font-size:12px; top:14px; left:8px; z-index:3; } .ug-lightbox-compact .ug-lightbox-numbers{ font-size: 14px; padding-right:5px; padding-top:7px; } .ug-lightbox .ug-textpanel-title, .ug-lightbox .ug-textpanel-description{ font-size: 14px; font-weight: normal; color: #e5e5e5; } .ug-lightbox-compact .ug-textpanel-title, .ug-lightbox-compact .ug-textpanel-description{ color:#F3F3F3; font-size: 16px; } .------------------CATEGORY_TABS---------------------{} .ug-tabs-wrapper{ margin-top:0px; margin-bottom:20px; text-align:center; } .ug-tabs-wrapper a.ug-tab{ display: inline-block; cursor:pointer; text-decoration:none; color:#ffffff; padding-left:8px; padding-right:8px; padding-top:6px; padding-bottom:6px; margin-left:5px; background-color:#333333; border-radius:3px; font-size:12px; font-weight:normal; border: 1px solid #969696; } .ug-tabs-wrapper a.ug-tab:hover{ background-color: #707070 !important; } .ug-tabs-wrapper a.ug-tab.ug-tab-selected, .ug-tabs-wrapper a.ug-tab.ug-tab-selected:hover{ background-color: #2077A2 !important; cursor:default !important; } .ug-tabs-wrapper a.ug-tab:first-child{ margin-left:0px !important; } .------------------DEFAULT_SKIN---------------------{} /* --- arrows -- */ .ug-arrow-left.ug-skin-default, .ug-arrow-right.ug-skin-default{ width:15px; height:30px; background-image:url('../files/skins/default/slider_arrow_left.png'); background-position:0px 0px; } .ug-arrow-right.ug-skin-default{ background-image:url('../files/skins/default/slider_arrow_right.png'); } .ug-arrow-left.ug-skin-default.ug-arrow-hover, .ug-arrow-right.ug-skin-default.ug-arrow-hover{ background-position:0px -30px; } .ug-arrow-left.ug-skin-default.ug-arrow-disabled, .ug-arrow-right.ug-skin-default.ug-arrow-disabled{ background-position:0px -60px; } /* --- bullets -- */ .ug-bullets.ug-skin-default .ug-bullet{ width:15px; height:15px; background-image:url('../files/skins/default/slider_bullets.png'); background-position:top left; margin-left:5px; } .ug-bullets.ug-skin-default .ug-bullet.ug-bullet-active{ background-position:bottom left; } .ug-bullets.ug-skin-default.ug-bullets-gray .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_gray.png'); } .ug-bullets.ug-skin-default.ug-bullets-blue .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_blue.png'); } .ug-bullets.ug-skin-default.ug-bullets-brown .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_brown.png'); } .ug-bullets.ug-skin-default.ug-bullets-green .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_green.png'); } .ug-bullets.ug-skin-default.ug-bullets-red .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_red.png'); } .ug-button-tile-navigation{ width:36px; height:36px; background-position:top left; cursor:pointer; float:left; } .ug-button-tile-navigation.ug-button-tile-left{ background-image:url('../files/skins/default/tile_button_left.png'); } .ug-button-tile-navigation.ug-button-tile-right{ background-image:url('../files/skins/default/tile_button_right.png'); } .ug-button-tile-navigation:hover{ background-position:bottom left; } .ug-button-tile-navigation.ug-button-disabled{ opacity:0.6; } .ug-button-tile-navigation.ug-button-disabled:hover{ background-position:top left; } .ug-button-tile-navigation.ug-button-tile-play{ background-image:url('../files/skins/default/tile_button_play_pause.png'); width:35px; } .ug-button-tile-navigation.ug-button-tile-play.ug-pause-icon{ background-position:bottom left; } .ug-button-tile-navigation.ug-button-tile-play:hover{ background-position:top left; } .ug-button-tile-navigation.ug-button-tile-play.ug-pause-icon:hover{ background-position:bottom left; } /* --- play button -- */ .ug-button-play.ug-skin-default{ position:absolute; background-image:url('../files/skins/default/button_playpause.png'); width:14px; height:17px; cursor:pointer; background-position:0px 0px; } .ug-button-play.ug-skin-default.ug-button-hover{ background-position:0px -17px; } .ug-button-play.ug-skin-default.ug-stop-mode{ background-position:0px -34px; } .ug-button-play.ug-skin-default.ug-stop-mode.ug-button-hover{ background-position:0px -51px; } /* --- fullscreen button -- */ .ug-button-fullscreen.ug-skin-default{ position:absolute; background-image:url('../files/skins/default/button_fullscreen.png'); width:16px; height:16px; cursor:pointer; background-position:0px 0px; } .ug-button-fullscreen.ug-skin-default.ug-button-hover{ background-position:0px -16px; } .ug-button-fullscreen.ug-skin-default.ug-fullscreenmode{ background-position:0px -32px; } .ug-button-fullscreen.ug-skin-default.ug-fullscreenmode.ug-button-hover{ background-position:0px -48px; } /* --- zoom panel --- */ .ug-zoompanel.ug-skin-default .ug-zoompanel-button{ background-repeat: no-repeat; cursor:pointer; height: 23px; width: 23px; margin-top:5px; background-position: 0px 0px; } .ug-zoompanel.ug-skin-default .ug-zoompanel-plus{ margin-top:0px; } .ug-zoompanel.ug-skin-default .ug-zoompanel-plus{ background-image:url('../files/skins/default/icon_zoom_plus.png'); } .ug-zoompanel.ug-skin-default .ug-zoompanel-minus{ background-image:url('../files/skins/default/icon_zoom_minus.png'); } .ug-zoompanel.ug-skin-default .ug-zoompanel-return{ background-image:url('../files/skins/default/icon_zoom_back.png'); } .ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover{ background-position: 0px -23px; } .ug-zoompanel.ug-skin-default .ug-zoompanel-button-disabled, .ug-zoompanel.ug-skin-default .ug-zoompanel-button.ug-button-hover.ug-zoompanel-button-disabled{ background-position: 0px -46px; cursor:default; } /* --- Grid Panel Arrows -- */ /*--- down arrow ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default{ width:30px; height:15px; background-position:0px 0px; background-image:url('../files/skins/default/arrow_grid_down.png'); } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover{ background-position:0px -15px; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-hover.ug-button-disabled, .ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default.ug-button-disabled{ background-position:0px -30px; } /*--- up arrow ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default{ width:30px; height:15px; background-position:0px 0px; background-image:url('../files/skins/default/arrow_grid_up.png'); } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover{ background-position:0px -15px; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-hover.ug-button-disabled, .ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default.ug-button-disabled{ background-position:0px -30px; } /*--- left arrow ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default{ width:40px; height:40px; background-position:0px -40px; background-image:url('../files/skins/default/grid_arrow_left.png'); } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover{ background-position:0px -0px; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-hover.ug-button-disabled, .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default.ug-button-disabled{ background-position:0px -80px; } /*--- right arrow ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default{ width:40px; height:40px; background-position:0px -40px; background-image:url('../files/skins/default/grid_arrow_right.png'); } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover{ background-position:0px -0px; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-hover.ug-button-disabled, .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default.ug-button-disabled{ background-position:0px -80px; } /*--- left arrow - horizontal panel type ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default{ width:15px; height:30px; background-image:url('../files/skins/default/slider_arrow_left.png'); background-position:0px 0px; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover{ background-position:0px -30px; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-hover.ug-button-disabled, .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default.ug-button-disabled{ background-position:0px -60px; } /*--- right arrow - horizontal panel type ---*/ .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default{ width:15px; height:30px; background-image:url('../files/skins/default/slider_arrow_right.png'); background-position:0px 0px; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover{ background-position:0px -30px; } .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-hover.ug-button-disabled, .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default.ug-button-disabled{ background-position:0px -60px; } /* --- Strip Panel Arrows -- */ /* left and right arrows */ .ug-strip-panel .ug-strip-arrow-left.ug-skin-default, .ug-strip-panel .ug-strip-arrow-right.ug-skin-default{ width:25px; height:50px; } .ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip, .ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip{ background-position:0px 0px; background-repeat:no-repeat; width:4px; height:7px; } .ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_left.png'); } .ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_right.png'); } .ug-strip-panel .ug-strip-arrow-left.ug-skin-default.ug-button-hover .ug-strip-arrow-tip, .ug-strip-panel .ug-strip-arrow-right.ug-skin-default.ug-button-hover .ug-strip-arrow-tip{ background-position:0px -7px; } /* up and down arrows */ .ug-strip-panel .ug-strip-arrow-up.ug-skin-default, .ug-strip-panel .ug-strip-arrow-down.ug-skin-default{ height:25px; width:50px; } .ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip, .ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip{ background-position:0px 0px; background-repeat:no-repeat; width:7px; height:4px; } .ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_up.png'); } .ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_down.png'); } .ug-strip-panel .ug-strip-arrow-up.ug-skin-default.ug-button-hover .ug-strip-arrow-tip, .ug-strip-panel .ug-strip-arrow-down.ug-skin-default.ug-button-hover .ug-strip-arrow-tip{ background-position:-7px 0px; } .ug-strip-panel .ug-strip-arrow.ug-skin-default.ug-button-disabled .ug-strip-arrow-tip{ background-position:0px 0px; opacity:0.5; filter: alpha(opacity = 50); } /* --- Panel Handle Tip -- */ /* left and right handle */ .ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default, .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default{ width:22px; height:36px; background-image:url('../files/skins/default/grid_handle_black_left.png'); background-repeat:no-repeat; background-position:0px -36px; } .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default{ background-image:url('../files/skins/default/grid_handle_black_right.png'); background-position:0px -36px; } .ug-gallery-wrapper .ug-handle-tip-left.ug-button-hover.ug-skin-default, .ug-gallery-wrapper .ug-handle-tip-right.ug-button-hover.ug-skin-default{ background-position:0px -0px; } .ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed, .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed{ background-position:0px -108px; } .ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default.ug-button-closed.ug-button-hover, .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default.ug-button-closed.ug-button-hover{ background-position:0px -72px; } /* top and bottom handle */ .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default, .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default{ width:36px; height:22px; background-image:url('../files/skins/default/grid_handle_black_top.png'); background-repeat:no-repeat; background-position:-36px 0px; } .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default{ background-image:url('../files/skins/default/grid_handle_black_bottom.png'); background-position:-36px 0px; } .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-hover, .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-hover{ background-position:0px 0px; } .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed, .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed{ background-position:-108px 0px; } .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default.ug-button-closed.ug-button-hover, .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default.ug-button-closed.ug-button-hover{ background-position:-72px 0px; } .com_joeworkman_stacks_shareit_circles_stack{overflow:visible}.com_joeworkman_stacks_shareit_circles_stack .circle{cursor:pointer;text-align:center;position:absolute;z-index:9;left:50%;top:50%;border-radius:1000px;border-width:1px;border-style:none}.com_joeworkman_stacks_shareit_circles_stack a.shareit,.com_joeworkman_stacks_shareit_circles_stack i{text-decoration:none;text-align:center;transition:color 300ms ease 0}.com_joeworkman_stacks_shareit_circles_stack .launchpad{border-width:2px;z-index:10;vertical-align:middle}.com_joeworkman_stacks_shareit_circles_stack ul.satellites{list-style:none;padding:0;margin:0}.com_joeworkman_stacks_shareit_circles_stack ul.satellites li{display:none;margin:0;padding:0}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.launched li{transition:all 300ms ease-in 0}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-facebook,.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-facebook-square{color:#3B5998}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-facebook:hover,.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-facebook-square:hover{color:#3B5998}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-twitter,.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-twitter-square{color:#09AEEC}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-twitter:hover,.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-twitter-square:hover{color:#09AEEC}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-google-plus,.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-google-plus-square{color:#EE0000}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-google-plus:hover,.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-google-plus-square:hover{color:#EE0000}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-adn{color:#4A484C}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-adn:hover{color:#4A484C}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-pinterest,.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-pinterest-square{color:#CB2027}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-pinterest:hover,.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-pinterest-square:hover{color:#CB2027}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-linkedin,.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-linkedin-square{color:#257597}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-linkedin:hover,.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-linkedin-square:hover{color:#257597}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-envelope,.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-envelope-o{color:#26A14B}.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-envelope:hover,.com_joeworkman_stacks_shareit_circles_stack ul.satellites.default-colors i.fa-envelope-o:hover{color:#26A14B} @keyframes pointpulse{0%{transform:scale(0.75);opacity:1}30%{transform:scale(0.75);opacity:1}100%{transform:scale(2);opacity:0}}.com_joeworkman_stacks_points2_stack{margin:0 auto}.com_joeworkman_stacks_points2_stack .points-wrapper{position:relative;width:100%;margin:0 auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.com_joeworkman_stacks_points2_stack .points-wrapper img{display:block;width:100%;height:auto;position:absolute;top:0;left:0;margin:0;padding:0;}.com_joeworkman_stacks_points2_stack .point{opacity:0;position:absolute;transition:opacity 500ms ease-in-out;translate:-50% -50%;padding:0;margin:0;background:none;border:none;appearance:none}.com_joeworkman_stacks_points2_stack .point.active{z-index:51}.com_joeworkman_stacks_points2_stack .point a{display:block;height:100%;width:100%}.com_joeworkman_stacks_points2_stack .on-hover:hover .point{opacity:1}@media only screen and (max-width:40em){.com_joeworkman_stacks_points2_stack .hide-mobile .point{display:none}}.com_joeworkman_stacks_points2_stack abbr{height:100%;width:100%;background-color:transparent;position:relative;border:none;display:block;text-align:center;text-decoration:none}.com_joeworkman_stacks_points2_stack .mode-circle abbr{border-radius:50%}.com_joeworkman_stacks_points2_stack .mode-circle.point-pulse .ring{top:0;position:absolute;border-radius:50%;border:none;width:100%;height:100%;backface-visibility:hidden;animation:pointpulse 1.5s ease-out infinite}.com_joeworkman_stacks_points2_stack .mode-image abbr{background-size:100%}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip{text-align:center;line-height:1.5;position:fixed;z-index:50;padding:10px 15px;max-width:340px}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h1,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h2,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h3,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h4,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h5,.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip h6{margin-top:0;margin-bottom:.5em}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip:after{width:0;height:0;border-left:10px solid transparent !important;border-right:10px solid transparent !important;border-top-width:10px;border-top-style:solid;content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip.top:after{border-top-color:transparent !important;border-bottom-width:10px;border-bottom-style:solid;top:-20px;bottom:auto}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip.left:after{left:10px;margin:0}.com_joeworkman_stacks_points2_stack .info-tooltip .points-tooltip.right:after{right:10px;left:auto;margin:0}.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip{text-align:left;line-height:1.5;position:absolute;width:100%;max-width:100% !important;bottom:0;left:0 !important;top:auto !important;z-index:52;padding:10px 15px;border-radius:0 !important}.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h1,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h2,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h3,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h4,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h5,.com_joeworkman_stacks_points2_stack .info-overlay .points-tooltip h6{margin-top:0;margin-bottom:.5em} .theme-version{display:block}.theme-version.number-110,#stacks_in_212{display:none}.stacks_out{overflow:visible !important}.stacks_in{overflow:visible}::selection{color:rgba(255, 255, 255, 1.00);background:rgba(0, 140, 186, 1.00);}::-moz-selection{color:rgba(255, 255, 255, 1.00);background:rgba(0, 140, 186, 1.00);}body,.font-family-text{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:400;}h1,.font-family-h1{font-family:'Open Sans',sans-serif;font-style:normal;font-weight:300;}h1 a,.font-family-h1 a{font-family:inherit}h2,h3,h4,h5,h6,.font-family-h2{font-family:'Open Sans',sans-serif;font-style:normal;font-weight:600;}h2 a,h3 a,h4 a,h5 a,h6 a,.font-family-h2 a{font-family:inherit}body{background-color:#FFFFFF;}.hide-for-touch,.show-for-touch{display:none}.no-js .hide-for-touch{display:block}.vegas-loading{display:none}.vegas-background{image-rendering:optimizeQuality;max-width:none !important}.vegas-overlay,.vegas-background{-webkit-user-select:none;user-select:none}.hide-overflow{overflow:hidden !important}.columns > .equalizer.small-up{height:100%}@media only screen and (min-width:40.063em){.columns > .equalizer.medium-up{height:100%}}@media only screen and (min-width:62.563em){.columns > .equalizer.large-up{height:100%}}@media only screen and (max-width:40em){.row.collapse-small > .columns{padding-left:0;padding-right:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.collapse-medium > .columns{padding-left:0;padding-right:0}}@media only screen and (max-width:40em){.row .row.collapse-small{margin:0;width:auto}.row .row.collapse-small::before,.row .row.collapse-small::after{content:" ";display:table}.row .row.collapse-small::after{clear:both}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row .row.collapse-medium{margin:0;width:auto}.row .row.collapse-medium::before,.row .row.collapse-medium::after{content:" ";display:table}.row .row.collapse-medium::after{clear:both}}.column,.columns{padding-left:0.94rem;padding-right:0.94rem}.row .row{margin:0 -0.94rem}.row.divider > .columns:not(:first-child):before{content:" ";margin:0 -0.94rem;position:absolute}@media only screen and (max-width:40em){.row.divider-medium-up > .columns::before,.row.divider-large-up > .columns::before,.small-12::before{display:none}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.divider-large-up > .columns::before,.medium-12::before{display:none}}@media only screen and (min-width:62.563em){.large-12:before{display:none}}.floating-body.radius{border-radius:3px}.floating-body.radius > .columns > .stacks_out:first-child > .stacks_in > .top-bar-wrapper:not(.fixed){border-top-right-radius:3px;border-top-left-radius:3px}.floating-body .top-bar-wrapper.contain-to-grid.fixed{max-width:1000px;left:50%;transform:translateX(-50%)}.radius{background-clip:padding-box}img{color:#FFFFFF}img.radius{border-radius:3px}img.round{border-radius:1000px}.row{max-width:1000px !important;}.row.max-edge{max-width:100% !important}body{color:rgba(34, 34, 34, 1.00)}a{color:rgba(0, 140, 186, 1.00);-webkit-text-decoration:none;text-decoration:none;font-weight:inherit}a:hover,a:focus{color:rgba(0, 102, 136, 1.00)}a.close,a.close-reveal-modal{text-decoration:none}.alt{color:rgba(255, 255, 255, 1.00)}.alt a{color:rgba(0, 140, 186, 1.00);-webkit-text-decoration:none;text-decoration:none}.alt a:hover,.alt a:focus{color:rgba(0, 102, 136, 1.00)}.alt small{color:rgba(255, 255, 255, 1.00)}h1,h2,h3,h4,h5,h6{color:rgba(34, 34, 34, 1.00);margin-top:0}h1.alt,h2.alt,h3.alt,h4.alt,h5.alt,h6.alt{color:rgba(255, 255, 255, 1.00)}h1.subheader,h2.subheader,h3.subheader,h4.subheader,h5.subheader,h6.subheader{color:rgba(44, 44, 44, 1.00)}h1.subheader.alt,h2.subheader.alt,h3.subheader.alt,h4.subheader.alt,h5.subheader.alt,h6.subheader.alt{color:rgba(255, 255, 255, 1.00)}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:30%;color:rgba(44, 44, 44, 1.00)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit !important}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{opacity:0.8;color:inherit !important}h1{font-size:2.12rem}h2{font-size:1.69rem}h3{font-size:1.38rem}h4{font-size:1.12rem}h5{font-size:1.12rem}h6{font-size:1.00rem}p,ul li,ol li{font-size:1.00rem}@media only screen and (min-width:40.063em){h1{font-size:2.75rem}h2{font-size:2.31rem}h3{font-size:1.69rem}h4{font-size:1.44rem}h5{font-size:1.12rem}h6{font-size:1.00rem}p,ul li,ol li{font-size:1.00rem}}code{color:rgba(204, 55, 30, 1.00)}hr,blockquote,abbr,acronym,.vcard{border-color:rgba(221, 221, 221, 1.00)}hr.alt,blockquote.alt,abbr.alt,acronym.alt,.vcard.alt{border-color:rgba(221, 221, 221, 1.00)}hr.primary,blockquote.primary,abbr.primary,acronym.primary,.vcard.primary{border-color:rgba(0, 140, 186, 1.00)}hr.primary,blockquote.primary,abbr.primary,acronym.primary,.vcard.primary{border-color:rgba(0, 140, 186, 1.00)}hr.secondary,blockquote.secondary,abbr.secondary,acronym.secondary,.vcard.secondary{border-color:rgba(231, 231, 231, 1.00)}hr.swatch1,blockquote.swatch1,abbr.swatch1,acronym.swatch1,.vcard.swatch1{border-color:rgba(34, 34, 34, 1.00)}hr.swatch2,blockquote.swatch2,abbr.swatch2,acronym.swatch2,.vcard.swatch2{border-color:rgba(34, 34, 34, 1.00)}hr.swatch3,blockquote.swatch3,abbr.swatch3,acronym.swatch3,.vcard.swatch3{border-color:rgba(34, 34, 34, 1.00)}hr.swatch4,blockquote.swatch4,abbr.swatch4,acronym.swatch4,.vcard.swatch4{border-color:rgba(248, 248, 248, 1.00)}hr.swatch5,blockquote.swatch5,abbr.swatch5,acronym.swatch5,.vcard.swatch5{border-color:rgba(248, 248, 248, 1.00)}hr.swatch6,blockquote.swatch6,abbr.swatch6,acronym.swatch6,.vcard.swatch6{border-color:rgba(248, 248, 248, 1.00)}blockquote,blockquote p{color:rgba(44, 44, 44, 1.00)}blockquote cite,blockquote cite a,blockquote p cite,blockquote p cite a{color:rgba(40, 40, 40, 1.00)}blockquote.alt,blockquote.alt p,blockquote p.alt,blockquote p.alt p{color:rgba(255, 255, 255, 1.00)}blockquote.alt cite,blockquote.alt cite a,blockquote.alt p cite,blockquote.alt p cite a,blockquote p.alt cite,blockquote p.alt cite a,blockquote p.alt p cite,blockquote p.alt p cite a{color:rgba(255, 255, 255, 1.00)}.flex-video{margin-bottom:0}.contain-to-grid .top-bar{max-width:1000px}.top-bar .top-bar-section ul li > a.button{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar .top-bar-section ul li > a.button:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 133, 176, 1.00)}.top-bar .top-bar-section ul li > a.button.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.top-bar .top-bar-section ul li > a.button.secondary:hover{color:rgba(51, 51, 51, 1.00);background-color:rgba(219, 219, 219, 1.00)}.top-bar .top-bar-section ul li > a.button.alert{background-color:rgba(240, 65, 36, 1.00)}.top-bar .top-bar-section ul li > a.button.alert:hover{background-color:rgba(228, 61, 34, 1.00)}.top-bar .top-bar-section ul li > a.button.success{background-color:rgba(67, 172, 106, 1.00)}.top-bar .top-bar-section ul li > a.button.success:hover{background-color:rgba(63, 163, 100, 1.00)}.top-bar .top-bar-section ul li > a.button.radius{border-radius:3px}.top-bar-wrapper.fn-scheme-primary{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-primary ul:not(.title-area) ul.dropdown{background-color:rgba(0, 140, 186, 1.00)}.top-bar-wrapper.fn-scheme-primary .site-title,.top-bar-wrapper.fn-scheme-primary .site-title small,.top-bar-wrapper.fn-scheme-primary a:not(.button){color:rgba(255, 255, 255, 1.00) !important}.top-bar-wrapper.fn-scheme-primary .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.top-bar-wrapper.fn-scheme-secondary ul:not(.title-area) ul.dropdown{background-color:rgba(231, 231, 231, 1.00)}.top-bar-wrapper.fn-scheme-secondary .site-title,.top-bar-wrapper.fn-scheme-secondary .site-title small,.top-bar-wrapper.fn-scheme-secondary a:not(.button){color:rgba(51, 51, 51, 1.00) !important}.top-bar-wrapper.fn-scheme-secondary .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(51, 51, 51, 1.00),0 7px 0 1px rgba(51, 51, 51, 1.00),0 14px 0 1px rgba(51, 51, 51, 1.00)}.top-bar-wrapper.fn-scheme-swatch1{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch1 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch1 .site-title,.top-bar-wrapper.fn-scheme-swatch1 .site-title small,.top-bar-wrapper.fn-scheme-swatch1 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch1 .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch2{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch2 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch2 .site-title,.top-bar-wrapper.fn-scheme-swatch2 .site-title small,.top-bar-wrapper.fn-scheme-swatch2 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch2 .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch3{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch3 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch3 .site-title,.top-bar-wrapper.fn-scheme-swatch3 .site-title small,.top-bar-wrapper.fn-scheme-swatch3 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch3 .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch4{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch4 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch4 .site-title,.top-bar-wrapper.fn-scheme-swatch4 .site-title small,.top-bar-wrapper.fn-scheme-swatch4 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch4 .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch5{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch5 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch5 .site-title,.top-bar-wrapper.fn-scheme-swatch5 .site-title small,.top-bar-wrapper.fn-scheme-swatch5 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch5 .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch6{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch6 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch6 .site-title,.top-bar-wrapper.fn-scheme-swatch6 .site-title small,.top-bar-wrapper.fn-scheme-swatch6 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch6 .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.alert-box{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00);border-color:rgba(0, 133, 176, 1.00)}.alert-box a:not(.close){color:rgba(255, 255, 255, 1.00);text-decoration:underline}.alert-box.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00);border-color:rgba(219, 219, 219, 1.00)}.alert-box.alert{background-color:rgba(240, 65, 36, 1.00);border-color:rgba(228, 61, 34, 1.00)}.alert-box.success{background-color:rgba(67, 172, 106, 1.00);border-color:rgba(63, 163, 100, 1.00)}.alert-box.warning{background-color:rgba(240, 138, 36, 1.00);border-color:rgba(228, 131, 34, 1.00)}.alert-box.info{background-color:rgba(160, 211, 232, 1.00);color:rgba(76, 76, 76, 1.00);border-color:rgba(152, 200, 220, 1.00)}.alert-box.radius{border-radius:3px}.breadcrumbs{background-color:rgba(231, 231, 231, 1.00);border-color:rgba(219, 219, 219, 1.00);color:rgba(51, 51, 51, 1.00)}.breadcrumbs .current a{color:rgba(51, 51, 51, 1.00)}.breadcrumbs.radius{border-radius:3px}.breadcrumbs header{display:inline}.breadcrumbs .fa{font-size:1em}.breadcrumbs .unavailable{color:rgba(51, 51, 51, 1.00)}.breadcrumbs li:before{color:rgba(76, 76, 76, 1.00)}.breadcrumbs *:first-child:before{margin:0 .75rem}.button{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.button:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 133, 176, 1.00)}.button.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.button.secondary:hover{color:rgba(51, 51, 51, 1.00);background-color:rgba(219, 219, 219, 1.00)}.button.alert{background-color:rgba(240, 65, 36, 1.00)}.button.alert:hover{background-color:rgba(228, 61, 34, 1.00)}.button.success{background-color:rgba(67, 172, 106, 1.00)}.button.success:hover{background-color:rgba(63, 163, 100, 1.00)}.button.radius{border-radius:3px}.button.ghost{background-color:transparent;border-width:1px;border-color:rgba(0, 140, 186, 1.00);color:rgba(0, 140, 186, 1.00)}.button.ghost:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(0, 133, 176, 1.00);background-color:rgba(0, 133, 176, 1.00)}.button.ghost.secondary{border-color:rgba(231, 231, 231, 1.00);color:rgba(231, 231, 231, 1.00)}.button.ghost.secondary:hover{color:rgba(51, 51, 51, 1.00);border-color:rgba(219, 219, 219, 1.00);background-color:rgba(219, 219, 219, 1.00)}.button.ghost.alert{border-color:rgba(240, 65, 36, 1.00);color:rgba(240, 65, 36, 1.00)}.button.ghost.alert:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(228, 61, 34, 1.00);background-color:rgba(228, 61, 34, 1.00)}.button.ghost.success{border-color:rgba(67, 172, 106, 1.00);color:rgba(67, 172, 106, 1.00)}.button.ghost.success:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(63, 163, 100, 1.00);background-color:rgba(63, 163, 100, 1.00)}.split.button.radius span{border-top-right-radius:3px;border-bottom-right-radius:3px}.split.button span::after{border-top-color:rgba(255, 255, 255, 1.00)}.split.button.secondary span::after{border-top-color:rgba(51, 51, 51, 1.00)}.button-group.radius > *:first-child,.button-group.radius > *:first-child > a,.button-group.radius > *:first-child > button,.button-group.radius > *:first-child > .button{border-bottom-left-radius:3px;border-top-left-radius:3px}.button-group.radius > *:last-child,.button-group.radius > *:last-child > a,.button-group.radius > *:last-child > button,.button-group.radius > *:last-child > .button{border-top-right-radius:3px;border-bottom-right-radius:3px}.button-group.stack > li .button,.button-group.stack-for-small > li .button{border-top:1px solid rgba(255,255,255,0.5)}.icon-bar{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.icon-bar > .item{cursor:pointer;color:rgba(255, 255, 255, 1.00)}.icon-bar > .item label,.icon-bar > .item i{color:rgba(255, 255, 255, 1.00)}.icon-bar > .item:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 133, 176, 1.00)}.icon-bar.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.icon-bar.secondary > .item{color:rgba(51, 51, 51, 1.00)}.icon-bar.secondary > .item label,.icon-bar.secondary > .item i{color:rgba(51, 51, 51, 1.00)}.icon-bar.secondary > .item:hover{background-color:rgba(219, 219, 219, 1.00);color:rgba(51, 51, 51, 1.00)}form[data-abide] .error label{color:rgba(240, 65, 36, 1.00)}form[data-abide] .error small.error,form[data-abide] .error span.error{background-color:rgba(240, 65, 36, 1.00);color:rgba(255, 255, 255, 1.00)}input[type="radio"]{margin-left:1px}form input[type="text"],form input[type="password"],form input[type="date"],form input[type="datetime"],form input[type="datetime-local"],form input[type="month"],form input[type="week"],form input[type="email"],form input[type="number"],form input[type="search"],form input[type="tel"],form input[type="time"],form input[type="url"],form textarea,form select{font-size:16px;color:rgba(34, 34, 34, 1.00)}form input[type="text"]:focus,form input[type="password"]:focus,form input[type="date"]:focus,form input[type="datetime"]:focus,form input[type="datetime-local"]:focus,form input[type="month"]:focus,form input[type="week"]:focus,form input[type="email"]:focus,form input[type="number"]:focus,form input[type="search"]:focus,form input[type="tel"]:focus,form input[type="time"]:focus,form input[type="url"]:focus,form textarea:focus,form select:focus{border-color:rgba(0, 140, 186, 1.00)}form fieldset{border-color:rgba(221, 221, 221, 1.00)}form legend{background-color:#FFFFFF}form label{color:rgba(40, 40, 40, 1.00)}form.radius input[type="text"],form.radius input[type="password"],form.radius input[type="date"],form.radius input[type="datetime"],form.radius input[type="datetime-local"],form.radius input[type="month"],form.radius input[type="week"],form.radius input[type="email"],form.radius input[type="number"],form.radius input[type="search"],form.radius input[type="tel"],form.radius input[type="time"],form.radius input[type="url"],form.radius textarea,form.radius select,form.radius small.error{border-radius:3px}form.radius span.prefix,form.radius label.prefix{border-bottom-left-radius:3px;border-top-left-radius:3px}form.radius span.postfix,form.radius label.postfix{border-top-right-radius:3px;border-bottom-right-radius:3px}form.radius .input-group > *:first-child,form.radius .input-group > *:first-child *{border-bottom-left-radius:3px;border-top-left-radius:3px}form.radius .input-group > *:last-child,form.radius .input-group > *:last-child *{border-top-right-radius:3px;border-bottom-right-radius:3px}.range-slider,.range-slider.radius,.range-slider.round{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(225, 225, 225, 1.00)}.range-slider .range-slider-handle,.range-slider.radius .range-slider-handle,.range-slider.round .range-slider-handle{background-color:rgba(0, 140, 186, 1.00)}.range-slider .range-slider-handle:hover,.range-slider.radius .range-slider-handle:hover,.range-slider.round .range-slider-handle:hover{background-color:rgba(0, 133, 176, 1.00)}.range-slider .range-slider-active-segment,.range-slider.radius .range-slider-active-segment,.range-slider.round .range-slider-active-segment{background-color:rgba(225, 225, 225, 1.00)}.range-slider.secondary,.range-slider.radius.secondary,.range-slider.round.secondary{background-color:rgba(51, 51, 51, 1.00);border-color:rgba(21, 21, 21, 1.00)}.range-slider.secondary .range-slider-handle,.range-slider.radius.secondary .range-slider-handle,.range-slider.round.secondary .range-slider-handle{background-color:rgba(231, 231, 231, 1.00)}.range-slider.secondary .range-slider-handle:hover,.range-slider.radius.secondary .range-slider-handle:hover,.range-slider.round.secondary .range-slider-handle:hover{background-color:rgba(219, 219, 219, 1.00)}.range-slider.secondary .range-slider-active-segment,.range-slider.radius.secondary .range-slider-active-segment,.range-slider.round.secondary .range-slider-active-segment{background-color:rgba(21, 21, 21, 1.00)}.slider-display{display:block;margin-top:16px}fieldset.switch label{background-color:#e6e6e6}fieldset.switch label::after{background-color:rgba(255, 255, 255, 1.00)}fieldset.switch input:checked + label{background-color:rgba(0, 140, 186, 1.00)}fieldset.switch.secondary label::after{background-color:rgba(51, 51, 51, 1.00)}fieldset.switch.secondary input:checked + label{background-color:rgba(231, 231, 231, 1.00)}fieldset.switch.alert input:checked + label{background-color:rgba(240, 65, 36, 1.00)}fieldset.switch.success input:checked + label{background-color:rgba(67, 172, 106, 1.00)}.label{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00);margin-bottom:0}.label.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.label.alert{background-color:rgba(240, 65, 36, 1.00)}.label.success{background-color:rgba(67, 172, 106, 1.00)}.label.radius{border-radius:3px}.alert-box .close{opacity:0.5}.slideshow-wrapper{min-height:50px;z-index:10}.orbit-container .orbit-bullets li{cursor:pointer;background:rgba(231, 231, 231, 1.00)}.orbit-container .orbit-bullets li.active,.orbit-container .orbit-bullets li:hover{background:rgba(0, 140, 186, 1.00)}.accordion .accordion-navigation > a{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.accordion .accordion-navigation > a:hover{background-color:rgba(0, 133, 176, 1.00)}.accordion .accordion-navigation > a.radius{border-radius:3px}.accordion .accordion-navigation > a.round{border-radius:1000px}.accordion .accordion-navigation.active > a{background-color:rgba(0, 133, 176, 1.00)}.accordion .accordion-navigation > .content{background-color:transparent !important}.accordion.secondary .accordion-navigation > a{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.accordion.secondary .accordion-navigation > a:hover{background-color:rgba(219, 219, 219, 1.00)}.accordion.secondary .accordion-navigation.active > a{background-color:rgba(219, 219, 219, 1.00)}.tabs li.tab-title > a{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.tabs li.tab-title > a:hover{background-color:rgba(0, 133, 176, 1.00)}.tabs li.tab-title.active > a{color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 133, 176, 1.00)}.tabs.secondary li.tab-title > a{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.tabs.secondary li.tab-title > a:hover{background-color:rgba(219, 219, 219, 1.00)}.tabs.secondary li.tab-title.active > a{color:rgba(51, 51, 51, 1.00);background-color:rgba(219, 219, 219, 1.00)}.tabs.swatch1 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch1 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch1 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch2 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch2 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch2 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch3 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch3 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch3 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch4 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch4 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch4 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch5 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch5 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch5 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch6 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch6 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch6 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.radius li.tab-title:first-child a{border-bottom-left-radius:3px;border-top-left-radius:3px}.tabs.radius li.tab-title:last-child a{border-top-right-radius:3px;border-bottom-right-radius:3px}.th.radius{border-radius:3px}.th:hover,.th:focus{box-shadow:0 0 6px 1px rgba(0, 70, 93, 1.00)}.f-dropdown,.f-dropdown.content{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(51, 51, 51, 1.00)}.f-dropdown::before,.f-dropdown.content::before{border-color:transparent transparent rgba(255, 255, 255, 1.00) transparent}.f-dropdown::after,.f-dropdown.content::after{border-color:transparent transparent rgba(204, 204, 204, 1.00) transparent}.f-dropdown li a,.f-dropdown.content li a{color:rgba(51, 51, 51, 1.00)}.f-dropdown li:hover,.f-dropdown.content li:hover{background-color:rgba(0,0,0,0.1)}.f-dropdown.radius,.f-dropdown.content.radius{border-radius:3px}.tooltip{border-radius:3px;background-color:rgba(51, 51, 51, 1.00);color:rgba(255, 255, 255, 1.00)}.panel{background-color:rgba(242, 242, 242, 1.00);border-color:rgba(219, 219, 219, 1.00)}.panel.radius{border-radius:3px}.panel p{color:rgba(34, 34, 34, 1.00)}.panel p a{color:rgba(0, 140, 186, 1.00)}.panel p.alt{color:rgba(255, 255, 255, 1.00)}.panel p.alt a{color:rgba(0, 140, 186, 1.00)}.panel p.alt a:hover{color:rgba(0, 102, 136, 1.00)}.panel p.alt small{color:rgba(255, 255, 255, 1.00)}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{color:rgba(34, 34, 34, 1.00)}.panel h1.alt,.panel h2.alt,.panel h3.alt,.panel h4.alt,.panel h5.alt,.panel h6.alt{color:rgba(255, 255, 255, 1.00)}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{color:rgba(44, 44, 44, 1.00)}.panel h1.subheader.alt,.panel h2.subheader.alt,.panel h3.subheader.alt,.panel h4.subheader.alt,.panel h5.subheader.alt,.panel h6.subheader.alt{color:rgba(255, 255, 255, 1.00)}.pricing-table.primary .title{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.pricing-table.primary .price{color:rgba(34, 34, 34, 1.00)}.pricing-table.primary .description{color:rgba(34, 34, 34, 1.00)}.pricing-table.primary .bullet-item{color:rgba(34, 34, 34, 1.00)}.pricing-table.secondary .title{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.pricing-table.secondary .price{color:rgba(34, 34, 34, 1.00)}.pricing-table.secondary .description{color:rgba(34, 34, 34, 1.00)}.pricing-table.secondary .bullet-item{color:rgba(34, 34, 34, 1.00)}.pricing-table.radius{border-radius:3px}.pricing-table.radius .title{border-top-right-radius:3px;border-top-left-radius:3px}.pricing-table.radius .cta-button{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.side-nav li a:not(.button){color:rgba(0, 140, 186, 1.00)}.side-nav li a:not(.button):hover{background-color:rgba(243, 243, 243, 1.00);color:rgba(0, 102, 136, 1.00)}.side-nav li.active > a:first-child:not(.button){color:rgba(0, 140, 186, 1.00)}.side-nav li.active:not(.has-dropdown) a:not(.button){color:rgba(0, 119, 158, 1.00)}.side-nav header{color:rgba(34, 34, 34, 1.00);margin-top:1rem;margin-bottom:0.5rem}.side-nav label{color:rgba(40, 40, 40, 1.00)}.side-nav li.divider{border-top-color:rgba(221, 221, 221, 1.00)}.side-nav.alt li a:not(.button){color:rgba(0, 140, 186, 1.00)}.side-nav.alt li a:not(.button):hover{background-color:rgba(243, 243, 243, 1.00);color:rgba(0, 102, 136, 1.00)}.side-nav.alt li.active > a:first-child:not(.button){color:rgba(0, 140, 186, 1.00)}.side-nav.alt li.active:not(.has-dropdown) a:not(.button){color:rgba(0, 119, 158, 1.00)}.side-nav.alt header{color:rgba(255, 255, 255, 1.00)}.side-nav.alt label{color:rgba(255, 255, 255, 1.00)}.side-nav.alt li.divider{border-top-color:rgba(221, 221, 221, 1.00)}.sub-nav dt,.sub-nav dd,.sub-nav li{float:none;display:inline-block}.sub-nav dt a:not(.button),.sub-nav dd a:not(.button),.sub-nav li a:not(.button){color:rgba(0, 140, 186, 1.00)}.sub-nav dt a:not(.button):hover,.sub-nav dd a:not(.button):hover,.sub-nav li a:not(.button):hover{color:rgba(0, 133, 176, 1.00)}.sub-nav dt.active a:not(.button),.sub-nav dd.active a:not(.button),.sub-nav li.active a:not(.button){color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 140, 186, 1.00)}.sub-nav dt.active a:not(.button):hover,.sub-nav dd.active a:not(.button):hover,.sub-nav li.active a:not(.button):hover{background-color:rgba(0, 133, 176, 1.00)}.sub-nav dt.active a:not(.button).secondary,.sub-nav dd.active a:not(.button).secondary,.sub-nav li.active a:not(.button).secondary{color:rgba(51, 51, 51, 1.00);background-color:rgba(231, 231, 231, 1.00)}.sub-nav dt.active a:not(.button).secondary:hover,.sub-nav dd.active a:not(.button).secondary:hover,.sub-nav li.active a:not(.button).secondary:hover{background-color:rgba(219, 219, 219, 1.00)}.sub-nav.secondary dt a:not(.button),.sub-nav.secondary dd a:not(.button),.sub-nav.secondary li a:not(.button){color:rgba(231, 231, 231, 1.00)}.sub-nav.secondary dt a:not(.button):hover,.sub-nav.secondary dd a:not(.button):hover,.sub-nav.secondary li a:not(.button):hover{color:rgba(219, 219, 219, 1.00)}.sub-nav.secondary dt.active a:not(.button),.sub-nav.secondary dd.active a:not(.button),.sub-nav.secondary li.active a:not(.button){color:rgba(51, 51, 51, 1.00);background-color:rgba(231, 231, 231, 1.00)}.sub-nav.secondary dt.active a:not(.button):hover,.sub-nav.secondary dd.active a:not(.button):hover,.sub-nav.secondary li.active a:not(.button):hover{background-color:rgba(219, 219, 219, 1.00)}.reveal-modal{z-index:9999;background-color:rgba(255, 255, 255, 1.00);color:rgba(51, 51, 51, 1.00);border:none;border-radius:0}@media screen and (max-width:39.9375em){.reveal-modal{border-radius:0 !important}}.reveal-modal.fullscreen{position:fixed;top:0px !important;width:100vw;height:100vh;overflow-y:scroll}.reveal-modal.fullscreen .close-reveal-modal{position:fixed}.reveal-modal.radius{border-radius:3px}.reveal-modal .close-reveal-modal{color:rgba(170, 170, 170, 1.00);font-weight:normal;z-index:99999}.reveal-modal-bg{z-index:9998;background:rgba(0, 0, 0, 0.45)}nav.inline-nav ul.inline-list{margin-left:0}nav.inline-nav ul.inline-list li{float:none;display:inline-block}nav.inline-nav ul.inline-list li:first-child{margin-left:0}nav.inline-nav ul.inline-list li.active{border-width:0 0 1px 0;border-style:solid;border-bottom-color:rgba(0, 140, 186, 1.00)}nav.inline-nav ul.inline-list.alt li.active{border-bottom-color:rgba(0, 140, 186, 1.00)}.clearing-blackout{background-color:rgba(255, 255, 255, 1.00)}.clearing-assembled .clearing-container .visible-img,.clearing-assembled .clearing-container .clearing-caption{background-color:rgba(255, 255, 255, 1.00)}.clearing-assembled .clearing-container .carousel{background-color:rgba(242, 242, 242, 1.00)}.clearing-assembled .clearing-container .clearing-close{color:rgba(170, 170, 170, 1.00)}.clearing-assembled .clearing-container .clearing-close:hover,.clearing-assembled .clearing-container .clearing-close:focus{color:rgba(170, 170, 170, 1.00)}.clearing-assembled .clearing-container .clearing-main-next > span{border-color:transparent;border-left-color:rgba(51, 51, 51, 1.00)}.clearing-assembled .clearing-container .clearing-main-prev > span{border-color:transparent;border-right-color:rgba(51, 51, 51, 1.00)}.clearing-assembled .clearing-container .clearing-caption{color:rgba(51, 51, 51, 1.00)}.copyright{color:rgba(34, 34, 34, 1.00);font-size:0.9rem}.copyright a{color:rgba(0, 140, 186, 1.00)}.copyright a:hover{color:rgba(0, 102, 136, 1.00)}.stacks_s_hidden,.stacks_m_hidden,.stacks_l_hidden{display:block !important}@media only screen and (max-width:40em){.stacks_s_hidden{display:none !important}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.stacks_m_hidden{display:none !important}}@media only screen and (min-width:62.563em){.stacks_l_hidden{display:none !important}}.fn-text-header{color:rgba(34, 34, 34, 1.00)}.fn-text-link a{color:rgba(0, 140, 186, 1.00)}.fn-text-link a:hover{color:rgba(0, 102, 136, 1.00)}.fn-text-text{color:rgba(34, 34, 34, 1.00)}.fn-text-text p,.fn-text-text div{color:rgba(34, 34, 34, 1.00)}.fn-text-accent{color:rgba(221, 221, 221, 1.00)}.fn-text-code-text{color:rgba(204, 55, 30, 1.00)}.fn-text-header-alt{color:rgba(255, 255, 255, 1.00)}.fn-text-link-alt a{color:rgba(0, 140, 186, 1.00)}.fn-text-link-alt a:hover{color:rgba(0, 102, 136, 1.00)}.fn-text-accent-alt{color:rgba(221, 221, 221, 1.00)}.fn-text-primary{color:rgba(0, 140, 186, 1.00)}.fn-text-primary-text{color:rgba(255, 255, 255, 1.00)}.fn-text-primary-text p,.fn-text-primary-text div{color:rgba(255, 255, 255, 1.00)}.fn-text-secondary{color:rgba(231, 231, 231, 1.00)}.fn-text-secondary-text{color:rgba(51, 51, 51, 1.00)}.fn-text-secondary-text p,.fn-text-secondary-text div{color:rgba(51, 51, 51, 1.00)}.fn-text-alert{color:rgba(240, 65, 36, 1.00)}.fn-text-success{color:rgba(67, 172, 106, 1.00)}.fn-text-warning{color:rgba(240, 138, 36, 1.00)}.fn-text-info{color:rgba(160, 211, 232, 1.00)}.fn-text-modal{color:rgba(255, 255, 255, 1.00)}.fn-text-modal-close{color:rgba(170, 170, 170, 1.00)}.fn-text-modal-text{color:rgba(51, 51, 51, 1.00)}.fn-text-modal-text p,.fn-text-modal-text div{color:rgba(51, 51, 51, 1.00)}.fn-text-text-alt{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt p,.fn-text-text-alt div{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1,.fn-text-text-alt h2,.fn-text-text-alt h3,.fn-text-text-alt h4,.fn-text-text-alt h5,.fn-text-text-alt h6{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 a,.fn-text-text-alt h2 a,.fn-text-text-alt h3 a,.fn-text-text-alt h4 a,.fn-text-text-alt h5 a,.fn-text-text-alt h6 a{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 a:hover,.fn-text-text-alt h2 a:hover,.fn-text-text-alt h3 a:hover,.fn-text-text-alt h4 a:hover,.fn-text-text-alt h5 a:hover,.fn-text-text-alt h6 a:hover{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 small,.fn-text-text-alt h2 small,.fn-text-text-alt h3 small,.fn-text-text-alt h4 small,.fn-text-text-alt h5 small,.fn-text-text-alt h6 small{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt a{color:rgba(0, 140, 186, 1.00)}.fn-text-text-alt a:hover{color:rgba(0, 102, 136, 1.00)}.fn-text-sw1c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw1c1 p,.fn-text-sw1c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw1c1 h1,.fn-text-sw1c1 h2,.fn-text-sw1c1 h3,.fn-text-sw1c1 h4,.fn-text-sw1c1 h5,.fn-text-sw1c1 h6,.fn-text-sw1c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw1c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c2 p,.fn-text-sw1c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c2 h1,.fn-text-sw1c2 h2,.fn-text-sw1c2 h3,.fn-text-sw1c2 h4,.fn-text-sw1c2 h5,.fn-text-sw1c2 h6,.fn-text-sw1c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw1c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw2c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw2c1 p,.fn-text-sw2c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw2c1 h1,.fn-text-sw2c1 h2,.fn-text-sw2c1 h3,.fn-text-sw2c1 h4,.fn-text-sw2c1 h5,.fn-text-sw2c1 h6,.fn-text-sw2c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw2c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c2 p,.fn-text-sw2c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c2 h1,.fn-text-sw2c2 h2,.fn-text-sw2c2 h3,.fn-text-sw2c2 h4,.fn-text-sw2c2 h5,.fn-text-sw2c2 h6,.fn-text-sw2c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw2c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw3c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c1 p,.fn-text-sw3c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c1 h1,.fn-text-sw3c1 h2,.fn-text-sw3c1 h3,.fn-text-sw3c1 h4,.fn-text-sw3c1 h5,.fn-text-sw3c1 h6,.fn-text-sw3c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw3c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c2 p,.fn-text-sw3c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c2 h1,.fn-text-sw3c2 h2,.fn-text-sw3c2 h3,.fn-text-sw3c2 h4,.fn-text-sw3c2 h5,.fn-text-sw3c2 h6,.fn-text-sw3c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw4c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c1 p,.fn-text-sw4c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c1 h1,.fn-text-sw4c1 h2,.fn-text-sw4c1 h3,.fn-text-sw4c1 h4,.fn-text-sw4c1 h5,.fn-text-sw4c1 h6,.fn-text-sw4c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw4c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c2 p,.fn-text-sw4c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c2 h1,.fn-text-sw4c2 h2,.fn-text-sw4c2 h3,.fn-text-sw4c2 h4,.fn-text-sw4c2 h5,.fn-text-sw4c2 h6,.fn-text-sw4c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw5c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c1 p,.fn-text-sw5c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c1 h1,.fn-text-sw5c1 h2,.fn-text-sw5c1 h3,.fn-text-sw5c1 h4,.fn-text-sw5c1 h5,.fn-text-sw5c1 h6,.fn-text-sw5c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw5c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c2 p,.fn-text-sw5c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c2 h1,.fn-text-sw5c2 h2,.fn-text-sw5c2 h3,.fn-text-sw5c2 h4,.fn-text-sw5c2 h5,.fn-text-sw5c2 h6,.fn-text-sw5c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw6c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c1 p,.fn-text-sw6c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c1 h1,.fn-text-sw6c1 h2,.fn-text-sw6c1 h3,.fn-text-sw6c1 h4,.fn-text-sw6c1 h5,.fn-text-sw6c1 h6,.fn-text-sw6c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw6c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c2 p,.fn-text-sw6c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c2 h1,.fn-text-sw6c2 h2,.fn-text-sw6c2 h3,.fn-text-sw6c2 h4,.fn-text-sw6c2 h5,.fn-text-sw6c2 h6,.fn-text-sw6c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw1c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw1c1 p,.panel .fn-text-sw1c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw1c1 h1,.panel .fn-text-sw1c1 h2,.panel .fn-text-sw1c1 h3,.panel .fn-text-sw1c1 h4,.panel .fn-text-sw1c1 h5,.panel .fn-text-sw1c1 h6,.panel .fn-text-sw1c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw1c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c2 p,.panel .fn-text-sw1c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c2 h1,.panel .fn-text-sw1c2 h2,.panel .fn-text-sw1c2 h3,.panel .fn-text-sw1c2 h4,.panel .fn-text-sw1c2 h5,.panel .fn-text-sw1c2 h6,.panel .fn-text-sw1c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw1c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw2c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw2c1 p,.panel .fn-text-sw2c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw2c1 h1,.panel .fn-text-sw2c1 h2,.panel .fn-text-sw2c1 h3,.panel .fn-text-sw2c1 h4,.panel .fn-text-sw2c1 h5,.panel .fn-text-sw2c1 h6,.panel .fn-text-sw2c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw2c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c2 p,.panel .fn-text-sw2c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c2 h1,.panel .fn-text-sw2c2 h2,.panel .fn-text-sw2c2 h3,.panel .fn-text-sw2c2 h4,.panel .fn-text-sw2c2 h5,.panel .fn-text-sw2c2 h6,.panel .fn-text-sw2c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw2c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw3c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c1 p,.panel .fn-text-sw3c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c1 h1,.panel .fn-text-sw3c1 h2,.panel .fn-text-sw3c1 h3,.panel .fn-text-sw3c1 h4,.panel .fn-text-sw3c1 h5,.panel .fn-text-sw3c1 h6,.panel .fn-text-sw3c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw3c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c2 p,.panel .fn-text-sw3c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c2 h1,.panel .fn-text-sw3c2 h2,.panel .fn-text-sw3c2 h3,.panel .fn-text-sw3c2 h4,.panel .fn-text-sw3c2 h5,.panel .fn-text-sw3c2 h6,.panel .fn-text-sw3c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw4c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c1 p,.panel .fn-text-sw4c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c1 h1,.panel .fn-text-sw4c1 h2,.panel .fn-text-sw4c1 h3,.panel .fn-text-sw4c1 h4,.panel .fn-text-sw4c1 h5,.panel .fn-text-sw4c1 h6,.panel .fn-text-sw4c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw4c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c2 p,.panel .fn-text-sw4c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c2 h1,.panel .fn-text-sw4c2 h2,.panel .fn-text-sw4c2 h3,.panel .fn-text-sw4c2 h4,.panel .fn-text-sw4c2 h5,.panel .fn-text-sw4c2 h6,.panel .fn-text-sw4c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw5c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c1 p,.panel .fn-text-sw5c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c1 h1,.panel .fn-text-sw5c1 h2,.panel .fn-text-sw5c1 h3,.panel .fn-text-sw5c1 h4,.panel .fn-text-sw5c1 h5,.panel .fn-text-sw5c1 h6,.panel .fn-text-sw5c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw5c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c2 p,.panel .fn-text-sw5c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c2 h1,.panel .fn-text-sw5c2 h2,.panel .fn-text-sw5c2 h3,.panel .fn-text-sw5c2 h4,.panel .fn-text-sw5c2 h5,.panel .fn-text-sw5c2 h6,.panel .fn-text-sw5c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw6c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c1 p,.panel .fn-text-sw6c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c1 h1,.panel .fn-text-sw6c1 h2,.panel .fn-text-sw6c1 h3,.panel .fn-text-sw6c1 h4,.panel .fn-text-sw6c1 h5,.panel .fn-text-sw6c1 h6,.panel .fn-text-sw6c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw6c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c2 p,.panel .fn-text-sw6c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c2 h1,.panel .fn-text-sw6c2 h2,.panel .fn-text-sw6c2 h3,.panel .fn-text-sw6c2 h4,.panel .fn-text-sw6c2 h5,.panel .fn-text-sw6c2 h6,.panel .fn-text-sw6c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-bg-header{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-text{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-link{background-color:rgba(0, 140, 186, 1.00)}.fn-bg-link-hover{background-color:rgba(0, 102, 136, 1.00)}.fn-bg-accent{background-color:rgba(221, 221, 221, 1.00)}.fn-bg-code-text{background-color:rgba(204, 55, 30, 1.00)}.fn-bg-modal-text{background-color:rgba(51, 51, 51, 1.00)}.fn-bg-header-alt{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-text-alt{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-link-alt{background-color:rgba(0, 140, 186, 1.00)}.fn-bg-link-hover-alt{background-color:rgba(0, 102, 136, 1.00)}.fn-bg-accent-alt{background-color:rgba(221, 221, 221, 1.00)}.fn-bg-primary{background-color:rgba(0, 140, 186, 1.00)}.fn-bg-primary-text{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-secondary{background-color:rgba(231, 231, 231, 1.00)}.fn-bg-secondary-text{background-color:rgba(51, 51, 51, 1.00)}.fn-bg-alert{background-color:rgba(240, 65, 36, 1.00)}.fn-bg-success{background-color:rgba(67, 172, 106, 1.00)}.fn-bg-warning{background-color:rgba(240, 138, 36, 1.00)}.fn-bg-info{background-color:rgba(160, 211, 232, 1.00)}.fn-bg-modal{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-modal-close{background-color:rgba(170, 170, 170, 1.00)}.fn-bg-sw1c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw1c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw2c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw2c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw3c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw3c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw4c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw4c2{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw5c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw5c2{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw6c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw6c2{background-color:rgba(34, 34, 34, 1.00)}.fn-backdrop{background-color:rgba(0, 0, 0, 0.45)}.fn-backdrop-solid{background-color:rgba(0, 0, 0, 0.45)}.fn-scheme-primary{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.fn-scheme-primary div,.fn-scheme-primary p{color:rgba(255, 255, 255, 1.00)}.fn-scheme-primary.button:hover{background-color:rgba(0, 133, 176, 1.00)}.fn-scheme-secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.fn-scheme-secondary div,.fn-scheme-secondary p{color:rgba(51, 51, 51, 1.00)}.fn-scheme-secondary.button:hover{background-color:rgba(219, 219, 219, 1.00)}.fn-scheme-modal{background-color:rgba(255, 255, 255, 1.00);color:rgba(51, 51, 51, 1.00)}.fn-scheme-modal div,.fn-scheme-modal p{color:rgba(51, 51, 51, 1.00)}.fn-scheme-modal .close{color:rgba(170, 170, 170, 1.00)}.fn-scheme-swatch1{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1 div,.fn-scheme-swatch1 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1.switch{background-color:transparent}.fn-scheme-swatch1.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch1.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch1.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch1.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch2{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2 div,.fn-scheme-swatch2 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2.switch{background-color:transparent}.fn-scheme-swatch2.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch2.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch2.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch2.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch3{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3 div,.fn-scheme-swatch3 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3.switch{background-color:transparent}.fn-scheme-swatch3.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch3.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch3.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch3.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch4{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4 div,.fn-scheme-swatch4 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch{background-color:transparent}.fn-scheme-swatch4.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch4.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch5{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5 div,.fn-scheme-swatch5 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch5.switch{background-color:transparent}.fn-scheme-swatch5.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch5.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch5.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch6{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6 div,.fn-scheme-swatch6 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6.switch{background-color:transparent}.fn-scheme-swatch6.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch6.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch6.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch6.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)} #stacks_in_213 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_213 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_213 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_213 > .row.padding-detailed.padding-medium-up,#stacks_in_213 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_213 > .row.padding-detailed.padding-y-medium-up,#stacks_in_213 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_213 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_213 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} #stacks_in_215 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_215 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_215 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_215 > .row.padding-detailed.padding-medium-up,#stacks_in_215 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_215 > .row.padding-detailed.padding-y-medium-up,#stacks_in_215 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_215 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_215 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} #stacks_in_21_1 { margin: 0px 0px 4px 0px; } #stacks_in_21_6 h1,#stacks_in_21_6 .hTxt:not(.segment) div{font-size:2.00rem}@media all and (max-width:640px){#stacks_in_21_6 h1,#stacks_in_21_6 .hTxt:not(.segment) div{font-size:1.00rem}}@media only screen and (min-width:0px){#stacks_in_21_6 h1,#stacks_in_21_6 div{letter-spacing:2.00px}}#stacks_in_21_6 .header-pro.text-center .hTxt{margin-right:-2px}@media only screen and (min-width:0px){#stacks_in_21_6 h1,#stacks_in_21_6 div{word-spacing:1.60px}}#stacks_in_21_6 h1,#stacks_in_21_6 div{color:rgba(51, 51, 51, 1.00)}#stacks_in_21_6 h1 a,#stacks_in_21_6 div a{color:rgba(51, 51, 51, 1.00)}#stacks_in_21_6 h1 a:hover,#stacks_in_21_6 div a:hover{color:rgba(38, 38, 38, 1.00)}#stacks_in_21_6 small,#stacks_in_21_6 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_21_6 h1.margin-collapse{margin-top:0 !important;margin-bottom:0 !important}#stacks_in_21_6 .hTxt:not(.vault-font),.no-default:not(.custom-font) .hTxt:not(.vault-font){font-family:"Perpetua",Sans-Serif;font-weight:800;font-style:italic}#stacks_in_21_6 .hTxt{text-shadow:0px 4px 2px rgba(147, 147, 147, 0.30),0px 4px 5px rgba(192, 192, 192, 0.30),0px 4px 5px rgba(192, 192, 192, 0.30)} #stacks_in_238 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_238 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_238 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)} #stacks_in_233 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_233 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_233 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)} .stacks_in_229creeper_anchor{height:0px;margin:0;padding:0}.stacks_in_229creeper{margin:0 0 10px;z-index:9999;height:auto;text-align:center;background-color:#FFFFFF;overflow-x:visible !important}#stacks_in_229creeperContain{margin-left:auto;margin-right:auto;} #stacks_in_111{min-width:132px;min-height:132px}#stacks_in_111 .circle{border-color:rgba(230, 230, 230, 1.00);color:rgba(34, 34, 34, 1.00);background-color:rgba(230, 230, 230, 1.00);border-style:solid;background:linear-gradient(top,rgba(255, 255, 255, 1.00) 0%,rgba(240, 240, 240, 1.00) 50%,rgba(230, 230, 230, 1.00) 50%,rgba(220, 220, 220, 1.00) 100%);-pie-background:linear-gradient(top,rgba(255, 255, 255, 1.00) 0%,rgba(240, 240, 240, 1.00) 50%,rgba(230, 230, 230, 1.00) 50%,rgba(220, 220, 220, 1.00) 100%);}#stacks_in_111 .circle.launchpad a.shareit,#stacks_in_111 .circle.launchpad i{color:rgba(34, 34, 34, 1.00)}#stacks_in_111 .circle.launchpad a.shareit:hover,#stacks_in_111 .circle.launchpad i:hover{color:rgba(80, 175, 251, 1.00)}#stacks_in_111 .launchpad{width:50px;height:50px;line-height:50px;margin-top:-25px;margin-left:-25px;font-size:30px;line-height:50px;text-shadow:0px 2px 1px rgba(255, 255, 255, 1.0)}#stacks_in_111 .launchpad i{font-size:30px;line-height:50px;text-shadow:0px 2px 1px rgba(255, 255, 255, 1.0)}#stacks_in_111 ul.satellites{list-style:none;padding:0px;margin:0px}#stacks_in_111 ul.satellites:not(.default-colors) a.shareit,#stacks_in_111 ul.satellites:not(.default-colors) i{color:rgba(34, 34, 34, 1.00)}#stacks_in_111 ul.satellites:not(.default-colors) a.shareit:hover,#stacks_in_111 ul.satellites:not(.default-colors) i:hover{color:rgba(80, 175, 251, 1.00)}#stacks_in_111 ul.satellites li{transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);width:26px;height:26px;line-height:26px}#stacks_in_111 ul.satellites li:hover{box-shadow:0 0 20px rgba(80, 175, 251, 1.00);border-color:rgba(80, 175, 251, 1.00);border-style:solid;}#stacks_in_111 ul.satellites li a.shareit,#stacks_in_111 ul.satellites li i{line-height:26px;font-size:20px;text-shadow:0px 1px 1px rgba(255, 255, 255, 1.0)} #stacks_in_111 { margin: 4px 10px 10px 0px; } #stacks_out_111 { width: 200px; } .stacks_in_231creeper_anchor{height:0px;margin:0;padding:0}.stacks_in_231creeper{margin:0 0 10px;z-index:9999;height:auto;text-align:center;background-color:#FFFFFF;overflow-x:visible !important}#stacks_in_231creeperContain{margin-left:auto;margin-right:auto;} #stacks_in_231 { background-color: rgba(204, 204, 204, 1.00); } #stacks_out_231 { width: 250px; } #stacks_in_236 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_236 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_236 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_236 > .row.padding-detailed.padding-medium-up,#stacks_in_236 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_236 > .row.padding-detailed.padding-y-medium-up,#stacks_in_236 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_236 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_236 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} #stacks_in_236 { margin: 10px; padding: 13px; } #stacks_in_124 { margin: 170px 0px 0px 0px; padding: 0px 0px 10px 10px; } #stacks_out_124 { width: 220px; } #stacks_in_219 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_219 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_219 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_219 > .row.padding-detailed.padding-medium-up,#stacks_in_219 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_219 > .row.padding-detailed.padding-y-medium-up,#stacks_in_219 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_219 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_219 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} /* -- Start Type Each css Template -- */ #stacks_in_134textContainer{ text-align: center !important; color: rgba(6, 68, 213, 1.00) !important; -webkit-backface-visibility: hidden; } #stacks_in_134sliceContainer{ display: none; } . /* -- Start not edit -- */ #stacks_in_134{ -webkit-backface-visibility: hidden; } #stacks_in_134 *{ /* white-space: pre-line !important; */ -webkit-transform-style: preserve-3d; } #stacks_in_134textContainer{ white-space: pre-line !important; } .stacks_in_134blink{ display: none; -webkit-backface-visibility: hidden; } .stacks_in_134blink:after { content: '|'; animation: typeCursor 1s linear infinite; color: rgba(85, 85, 85, 1.00) !important; -webkit-transform: translate3d(0, 0, 0); } @keyframes typeCursor { 0% { opacity: 0; } 49.9% { opacity: 0; } 50% { opacity: 1; } 99.9% { opacity: 1; } } /* -- End not edit -- */ /* -- End Type Each css Template -- *//* Start Final Word stack CSS code */ #stacks_in_136finalword-modal { display: none; position: fixed; top:0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.90) !important; cursor: pointer; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; z-index: 101001; } .stacks_in_136table{ display: table; width: 100%; height: 100%; } .stacks_in_136cell{ display: table-cell; vertical-align: middle; padding: 10px; } #stacks_in_136finalword-modal .stacks_in_136modal { -webkit-animation: popin 0.3s; animation: popin 0.3s; } #stacks_in_136finalword-modal .stacks_in_136modal { display: block; max-width: 600px; background-color: rgba(173, 0, 13, 1.00); z-index: 1; position: relative; margin: auto; border-radius: 4px; cursor: default; -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75); overflow: hidden; } #stacks_in_136finalword-modal .stacks_in_136modal-title { font-size: 150%; font-weight: bold; background-color: rgba(85, 85, 85, 1.00); color: rgba(247, 253, 10, 1.00); padding: 10px; margin: 0; text-align: center; } .stacks_in_136modal-body { padding: 20px 35px; } #stacks_in_136finalword-modal .stacks_in_136modal-footer { position: relative; bottom: 20px; text-align: center; width: 90%; margin: 20px auto 0 auto; cursor: pointer; display: block; color: rgba(0, 128, 255, 1.00) !important; background: rgba(255, 255, 255, 1.00); padding: 2px 10px 2px 10px; border-radius: 3px; } #stacks_in_136finalword-modal .stacks_in_136modal-footer:hover { color: rgba(0, 64, 127, 1.00) !important; } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes popin { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 85% { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-ms-keyframes popin { 0% { -ms-transform: scale(0); transform: scale(0); opacity: 0; } 85% { -ms-transform: scale(1.05); transform: scale(1.05); opacity: 1; } 100% { -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes popin { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } 85% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); opacity: 1; } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } /* End Final Word stack CSS code */#stacks_in_140 h3,#stacks_in_140 div{color:rgba(0, 0, 0, 1.00)}#stacks_in_140 h3 a,#stacks_in_140 div a{color:rgba(0, 0, 0, 1.00)}#stacks_in_140 h3 a:hover,#stacks_in_140 div a:hover{color:rgba(0, 0, 0, 1.00)}#stacks_in_140 small,#stacks_in_140 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_140 .hTxt:before{position:absolute !important;content:"";width:100%;height:2px;bottom:-2px;opacity:1;left:0;right:0;background-color:rgba(207, 0, 32, 1.00);visibility:hidden;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 300ms 0s ease-in-out;transition:all 300ms 0s ease-in-out}#stacks_in_140 .hTxt{-webkit-transition:color 300ms 0s ease-in-out;transition:color 300ms 0s ease-in-out}#stacks_in_140 .h-pro:hover .hTxt:not(.sub-title):not(.last-title):before{position:relative;visibility:visible;bottom:-2px;opacity:1;-webkit-transform:scale(1);transform:scale(1)}#stacks_in_140 .h-pro:hover .hTxt.primary{color:rgba(102, 102, 102, 1.00)}#stacks_in_140 .h-pro:hover .segment[data-seg="segment1"]{color:rgba(207, 0, 32, 1.00)}#stacks_in_140 .h-pro:hover .segment[data-seg="segment2"]{color:rgba(102, 102, 102, 1.00)}#stacks_in_140 .hTxt{position:relative}#stacks_in_140 .hTxt{text-shadow:-1px -1px 5px rgba(255, 255, 10, 0.70),1px -1px 5px rgba(255, 255, 10, 0.70),-1px 1px 5px rgba(255, 255, 10, 0.70),1px 1px 5px rgba(255, 255, 10, 0.70)} /* -- Start Psychedelic Each css Template -- */ .stacks_in_128psychedelicWrapper{ background: linear-gradient(270deg, rgba(255, 94, 82, 1.00), rgba(251, 255, 176, 1.00) ,rgba(255, 173, 252, 1.00), rgba(127, 234, 255, 1.00) ,rgba(255, 155, 101, 1.00), rgba(191, 148, 255, 1.00) ,rgba(142, 255, 128, 1.00), rgba(128, 143, 255, 1.00) ); background-size: 1600% 1600%; } .stacks_in_128psychedelicWrapper{ -webkit-animation: stacks_in_128PsychedelicAnimation 30s ease infinite; -moz-animation: stacks_in_128PsychedelicAnimation 30s ease infinite; animation: stacks_in_128PsychedelicAnimation 30s ease infinite; } @-webkit-keyframes stacks_in_128PsychedelicAnimation { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes stacks_in_128PsychedelicAnimation { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes stacks_in_128PsychedelicAnimation { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } /* -- End Psychedelic Each css Template -- */ #stacks_in_26{max-width:1500px}#stacks_in_26 .points-wrapper{max-width:1500px;padding-bottom:58.33%;}#stacks_in_26 .point{width:1.90rem;height:1.90rem}@media screen and (min-width:40em){#stacks_in_26 .point{width:1.80rem;height:1.80rem}}@media screen and (min-width:62.5em){#stacks_in_26 .point{width:1.70rem;height:1.70rem}}#stacks_in_26 .point a,#stacks_in_26 .point abbr{cursor:pointer}#stacks_in_26 .mode-circle abbr{background:rgba(222, 0, 21, 1.00)}#stacks_in_26 .mode-circle.point-ring abbr{background-color:transparent;border:5px solid rgba(222, 0, 21, 1.00)}@media screen and (min-width:40em){#stacks_in_26 .mode-circle.point-ring abbr{border-width:4px}}@media screen and (min-width:62.5em){#stacks_in_26 .mode-circle.point-ring abbr{border-width:3px}}#stacks_in_26 .mode-circle.point-saturn abbr{border:5px solid rgba(0, 255, 0, 1.00)}@media screen and (min-width:40em){#stacks_in_26 .mode-circle.point-saturn abbr{border-width:4px}}@media screen and (min-width:62.5em){#stacks_in_26 .mode-circle.point-saturn abbr{border-width:3px}}#stacks_in_26 .mode-circle.point-pulse .ring{background-color:rgba(0, 255, 0, 1.00)}#stacks_in_26 .mode-image abbr{background:url(0.75) no-repeat center center}#stacks_in_26 .point abbr,#stacks_in_26 .point i.fa{line-height:1.90rem;font-size:0.90rem;color:rgba(255, 255, 255, 1.00)}@media screen and (min-width:40em){#stacks_in_26 .point abbr,#stacks_in_26 .point i.fa{line-height:1.80rem;font-size:0.80rem}}@media screen and (min-width:62.5em){#stacks_in_26 .point abbr,#stacks_in_26 .point i.fa{line-height:1.70rem;font-size:0.70rem}}#stacks_in_26 .points-tooltip{font-size:1.10rem;border-radius:5px;color:rgba(102, 102, 102, 1.00);background:rgba(33, 255, 6, 0.80)}@media screen and (min-width:40em){#stacks_in_26 .points-tooltip{font-size:1.00rem}}@media screen and (min-width:62.5em){#stacks_in_26 .points-tooltip{font-size:0.90rem}}#stacks_in_26 .points-tooltip:after{border-color:rgba(33, 255, 6, 0.80)}#stacks_in_26 .info-tooltip .points-tooltip{box-shadow:0 3px 5px rgba(0,0,0,0.3);}#stacks_in_26 .info-overlay .points-tooltip{text-align:center} #stacks_in_26 { margin: 20px; padding: 20px; } #stacks_in_148{overflow:hidden;height:100px;overflow-y:auto;} #stacks_in_148 { margin: 20px; padding: 10px; } #stacks_in_97 *, #stacks_in_97 *:before, #stacks_in_97 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_97 .rapidsearch-form { background: rgba(238, 238, 238, 1.00); border: 1px solid rgba(204, 204, 204, 1.00); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; margin: 0 0 1em 0; padding: 6px; display: inline-block; width: 100%; position: relative; } #stacks_in_97 .rapidsearch-interfacewrap { display: flex; margin: 0 auto 0 0; max-width: 400px; } #stacks_in_97 .rapidsearch-input { margin: 0; padding: 5px 5px 5px 30px; border: solid 1px rgba(204, 204, 204, 1.00); border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; width: 100%; line-height: 19px; background: white url(../files/rspro/lib/images/searchGlassIcon.png) left center no-repeat; height: auto; } #stacks_in_97 .rapidsearch-input.searching { background: white url(../files/rspro/lib/images/ajax-loader.gif) left center no-repeat; background-position: 8px; } #stacks_in_97 .rapidsearch-input:focus { outline: none; } #stacks_in_97 .rapidsearch-submit { padding: 0 10px; height: 29px; color: rgba(255, 255, 255, 1.00); border: solid 1px rgba(0, 0, 0, 1.00); border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; font-size: 14px; position: absolute; top: 7px; right: 6px; background: rgba(0, 0, 0, 1.00) url(../files/rspro/lib/images/searchButtonGradient.png) top center repeat-x; line-height: 1.10em; } #stacks_in_97 a.rapidsearch-clear { color:rgba(25, 25, 25, 1.00) !important; height: 45px; line-height: 45px; padding: 0 15px; text-decoration: none; display: inline-block; font-size: 14px; } #stacks_in_97 .rapidsearch-results{ list-style:none; margin:0 0 1em 0; padding:0; } #stacks_in_97 .rapidsearch-result{ margin-bottom: 1em; } #stacks_in_97 .rapidsearch-result-title, .rapidsearch-result-excerpt{ margin:0 0 0.25em 0; } #stacks_in_97 .rapidsearch-result-excerpt{ color:rgba(85, 85, 85, 1.00) !important; } #stacks_in_97 .rapidsearch-result-link{ color:rgba(29, 127, 204, 1.00) !important; font-size:1.2em; } #stacks_in_97 .rapidsearch-result-url{ color:rgba(170, 170, 170, 1.00) !important; word-wrap: break-word; }#stacks_in_155{overflow:hidden;height:50px;} #stacks_in_155 { margin: 20px; padding: 10px; } /* * Typewriter * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Animated typewriter effect for text */ #typewriter_stacks_in_161 { padding: 5px 0; } @-webkit-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } #cursor_stacks_in_161 { display: none; } .blink_stacks_in_161 { -webkit-animation: blink-it 600ms linear 0s infinite; -moz-animation: blink-it 600ms linear 0s infinite; -ms-animation: blink-it 600ms linear 0s infinite; -o-animation: blink-it 600ms linear 0s infinite; animation: blink-it 600ms linear 0s infinite; }/* -- Start Tabloid Each css Template -- */ #stacks_in_130, #stacks_in_130 .stacks_in, #stacks_in_130 .stacks_out { overflow: visible !important; } .stacks_in_130tabloid { -webkit-columns: 100x; -moz-columns: 100px; columns: 100px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.30); /* Chrome, Safari, Opera */ -moz-column-rule: 1px solid rgba(0, 0, 0, 0.30); /* Firefox */ column-rule: 1px solid rgba(0, 0, 0, 0.30); } /* -- End Tabloid Each css Template -- */ #stacks_in_130 { background-color: rgba(128, 128, 4, 0.10); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 20px; padding: 15px; } #stacks_in_241 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_241 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_241 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_241 > .row.padding-detailed.padding-medium-up,#stacks_in_241 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_241 > .row.padding-detailed.padding-y-medium-up,#stacks_in_241 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_241 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_241 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} #stacks_in_241 { background-color: rgba(33, 255, 128, 0.10); margin: 20px; padding: 20px; } /* CSS code only used in Stacks edit mode */ .textimate_stacks_in_184{ padding: 0px 0px 3px 0px; font-family: "Arial", sans-serf; font-size: 12px; text-align: left; font-weight: normal; line-height: 100%; letter-spacing: 0px; word-spacing: 0px; text-transform: normal; visibility: hidden; } @charset "UTF-8"; /* Animate.css - http://daneden.me/animate Licensed under the ☺ license (http://licence.visualidiot.com/) Copyright (c) 2012 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-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-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; -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);} } @-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; -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);} } @-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; -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);} } @-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; -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); } } @-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; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-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%); } } @-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; -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); } } @-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; -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; } } @-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; -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; } } @-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; -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; } } @-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; -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; } } @-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; -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; } } @-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; -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;} } @-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; -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); } } @-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; -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); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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;} } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-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; -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); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-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; -o-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); } } @-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; -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); } } @-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; -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; } } @-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; -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; } } @-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; -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; } } @-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; -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; } } @-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; -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; } } @-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; -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; } } @-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; -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; } } @-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; -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; } } @-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; -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; } } @-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; -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; } } @-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; -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; } } @-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; -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); } } @-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; -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); } } @-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; -o-animation-name: rollOut; animation-name: rollOut; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s; } /* originally authored by Angelo Rohit - https://github.com/angelorohit */ @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.wiggle { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; } #stacks_in_184 { padding: 10px; } #stacks_in_174 h1,#stacks_in_174 h2,#stacks_in_174 h3,#stacks_in_174 h4,#stacks_in_174 h5,#stacks_in_174 h6,#stacks_in_174 p{font-family:,Sans-Serif;font-weight:400;font-style:italic} #stacks_in_174 h1,#stacks_in_174 h2,#stacks_in_174 h3,#stacks_in_174 h4,#stacks_in_174 h5,#stacks_in_174 h6,#stacks_in_174 p,#stacks_in_174 div,#stacks_in_174 ul,#stacks_in_174 ol,#stacks_in_174 dl,#stacks_in_174 a{word-wrap:break-word}#stacks_in_174 .text-center{text-align:center}#stacks_in_174 .text-right{text-align:right} #stacks_in_174 .mez,#stacks_in_174 p,#stacks_in_174 div,#stacks_in_174 h1,#stacks_in_174 h2,#stacks_in_174 h3,#stacks_in_174 h4,#stacks_in_174 h5,#stacks_in_174 h6{margin:0!important} #stacks_in_174 { padding: 10px; } #stacks_out_174 { width: 80%; } .ftInfo { border: 1px dotted #000; padding: 5px; width: 90%; margin: 10px auto; text-align: center; background-color: #fff; } .ftContainer_stacks_in_176{ margin-left:-100px; } #stacks_in_176 { padding: 10px; } #stacks_in_221 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_221 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_221 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_221 > .row.padding-detailed.padding-medium-up,#stacks_in_221 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_221 > .row.padding-detailed.padding-y-medium-up,#stacks_in_221 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_221 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_221 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} #stacks_in_221 { background-color: rgba(239, 231, 225, 1.00); margin: 20px; padding: 20px; } #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-preloader-trans{ background-image:url('../files/images/loader_skype_trans.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader1{ background-image:url('../files/images/loader-white1.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader1.ug-loader-black{ background-image:url('../files/images/loader-black1.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader2{ background-image:url('../files/images/loader-white2.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader2.ug-loader-black{ background-image:url('../files/images/loader-black2.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader3{ background-image:url('../files/images/loader-white3.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader3.ug-loader-black{ background-image:url('../files/images/loader-black3.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader4{ background-image:url('../files/images/loader-white4.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader4.ug-loader-black{ background-image:url('../files/images/loader-black4.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader5{ background-image:url('../files/images/loader-white5.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader5.ug-loader-black{ background-image:url('../files/images/loader-black5.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader6{ background-image:url('../files/images/loader-white6.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader6.ug-loader-black{ background-image:url('../files/images/loader-black6.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader7{ background-image:url('../files/images/loader-white7.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-preloader.ug-loader7.ug-loader-black{ background-image:url('../files/images/loader-black7.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-wrapper .ug-button-videoplay.ug-type-square{ background-image:url('../files/images/play-button-square.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-slider-wrapper .ug-button-videoplay.ug-type-round{ background-image:url('../files/images/play-button-round.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-videoplayer{ background-image:url('../files/images/loader-black1.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-videoplayer .ug-videoplayer-wrapper{ background-image:url('../files/images/loader-black1.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-videoplayer .ug-videoplayer-button-close{ background-image:url('../files/images/button-close.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-dark{ background-image:url('../files/images/loader.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-loader-bright{ background-image:url('../files/images/loader_bright.gif'); } #imageCarouselOuterContainer_stacks_in_196 .ug-thumb-wrapper.ug-thumb-generated .ug-thumb-error{ background-image:url('../files/images/not_loaded.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-overlay-disabled{ background-image:url('../files/images/cover-grid.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-link{ background-image:url('../files/images/icon-link32.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-zoom{ background-image:url('../files/images/icon-zoom32.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-play{ background-image:url('../files/images/icon-play32.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-lightbox .ug-lightbox-arrow-left, #imageCarouselOuterContainer_stacks_in_196 .ug-lightbox .ug-lightbox-arrow-right{ background-image:url('../files/images/lightbox-arrow-left.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-lightbox .ug-lightbox-arrow-right{ background-image:url('../files/images/lightbox-arrow-right.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-lightbox .ug-lightbox-button-close{ background-image:url('../files/images/lightbox-icon-close.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-lightbox-compact .ug-lightbox-button-close{ background-image:url('../files/images/lightbox-icon-close-compact2.png'); } .------------------DEFAULT_SKIN---------------------{} /* --- arrows -- */ #imageCarouselOuterContainer_stacks_in_196 .ug-arrow-left.ug-skin-default, #imageCarouselOuterContainer_stacks_in_196 .ug-arrow-right.ug-skin-default{ background-image:url('../files/skins/default/slider_arrow_left.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-arrow-right.ug-skin-default{ background-image:url('../files/skins/default/slider_arrow_right.png'); } /* --- bullets -- */ #imageCarouselOuterContainer_stacks_in_196 .ug-bullets.ug-skin-default .ug-bullet{ background-image:url('../files/skins/default/slider_bullets.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-bullets.ug-skin-default.ug-bullets-gray .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_gray.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-bullets.ug-skin-default.ug-bullets-blue .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_blue.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-bullets.ug-skin-default.ug-bullets-brown .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_brown.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-bullets.ug-skin-default.ug-bullets-green .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_green.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-bullets.ug-skin-default.ug-bullets-red .ug-bullet{ background-image:url('../files/skins/default/tile_bullets_red.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-button-tile-navigation.ug-button-tile-left{ background-image:url('../files/skins/default/tile_button_left.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-button-tile-navigation.ug-button-tile-right{ background-image:url('../files/skins/default/tile_button_right.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-button-tile-navigation.ug-button-tile-play{ background-image:url('../files/skins/default/tile_button_play_pause.png'); } /* --- play button -- */ #imageCarouselOuterContainer_stacks_in_196 .ug-button-play.ug-skin-default{ background-image:url('../files/skins/default/button_playpause.png'); } /* --- fullscreen button -- */ #imageCarouselOuterContainer_stacks_in_196 .ug-button-fullscreen.ug-skin-default{ background-image:url('../files/skins/default/button_fullscreen.png'); } /* --- zoom panel --- */ #imageCarouselOuterContainer_stacks_in_196 .ug-zoompanel.ug-skin-default .ug-zoompanel-plus{ background-image:url('../files/skins/default/icon_zoom_plus.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-zoompanel.ug-skin-default .ug-zoompanel-minus{ background-image:url('../files/skins/default/icon_zoom_minus.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-zoompanel.ug-skin-default .ug-zoompanel-return{ background-image:url('../files/skins/default/icon_zoom_back.png'); } /* --- Grid Panel Arrows -- */ /*--- down arrow ---*/ #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-grid-panel .grid-arrow-down.ug-skin-default{ background-image:url('../files/skins/default/arrow_grid_down.png'); } /*--- up arrow ---*/ #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-grid-panel .grid-arrow-up.ug-skin-default{ background-image:url('../files/skins/default/arrow_grid_up.png'); } /*--- left arrow ---*/ #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left.ug-skin-default{ background-image:url('../files/skins/default/grid_arrow_left.png'); } /*--- right arrow ---*/ #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right.ug-skin-default{ background-image:url('../files/skins/default/grid_arrow_right.png'); } /*--- left arrow - horizontal panel type ---*/ #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-grid-panel .grid-arrow-left-hortype.ug-skin-default{ background-image:url('../files/skins/default/slider_arrow_left.png'); } /*--- right arrow - horizontal panel type ---*/ #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-grid-panel .grid-arrow-right-hortype.ug-skin-default{ background-image:url('../files/skins/default/slider_arrow_right.png'); } /* --- Strip Panel Arrows -- */ /* left and right arrows */ #imageCarouselOuterContainer_stacks_in_196 .ug-strip-panel .ug-strip-arrow-left.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_left.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_right.png'); } /* up and down arrows */ #imageCarouselOuterContainer_stacks_in_196 .ug-strip-panel .ug-strip-arrow-up.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_up.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-strip-panel .ug-strip-arrow-down.ug-skin-default .ug-strip-arrow-tip{ background-image:url('../files/skins/default/arrows_strip_down.png'); } /* --- Panel Handle Tip -- */ /* left and right handle */ #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default, #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default{ background-image:url('../files/skins/default/grid_handle_black_left.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default{ background-image:url('../files/skins/default/grid_handle_black_right.png'); } /* top and bottom handle */ #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-handle-tip-top.ug-skin-default, #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default{ background-image:url('../files/skins/default/grid_handle_black_top.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-gallery-wrapper .ug-handle-tip-bottom.ug-skin-default{ background-image:url('../files/skins/default/grid_handle_black_bottom.png'); } #imageCarouselOuterContainer_stacks_in_196 .ug-carousel-wrapper { width: 100% !important; left: 0px !important; padding-top: 10px; padding-bottom: 10px; top: 20px !important; } #imageCarouselOuterContainer_stacks_in_196 .ug-carousel-inner { /*width: 100% !important;*/ top: 10px !important; } .imageCarouselOuterContainer { margin-bottom: 10px; } #imageCarouselOuterContainer_stacks_in_196 { margin-top: 5px; margin-bottom: 5px; }