.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}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-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 { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-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;transform-origin:center bottom}@-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } }.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes pulse { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes rubberBand { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake { from, to { -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 { from, to { -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 headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } }.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-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); } to { -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); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes tada { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble { from { -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); } to { -webkit-transform: none; transform: none; } }@keyframes wobble { from { -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); } to { -webkit-transform: none; transform: none; } }.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }@keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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); } to { -webkit-transform: none; transform: none; } }.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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); } to { -webkit-transform: none; transform: none; } }.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { 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); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { 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); } to { -webkit-transform: none; transform: none; } }.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { 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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { 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); } to { -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); } to { 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); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } }.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-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); } to { 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); } to { 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); } to { 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); } to { 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); } to { 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); } to { 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); } to { 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); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }@keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }@keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }@keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }@keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }@keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }@keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }@keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }@keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip { from { -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; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }@keyframes flip { from { -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; } to { -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 { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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); } to { -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 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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); } to { -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 { from { -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; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }@keyframes flipOutX { from { -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; } to { -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-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY { from { -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; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }@keyframes flipOutY { from { -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; } to { -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-keyframes lightSpeedIn { from { -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; } to { -webkit-transform: none; transform: none; opacity: 1; } }@keyframes lightSpeedIn { from { -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; } to { -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 { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }@keyframes lightSpeedOut { from { opacity: 1; } to { -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 { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -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 { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -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 { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -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 { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -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 { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -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 { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -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 { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -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; } to { -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; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } }.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut { from { opacity: 1; } to { 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 { from { opacity: 1; } to { 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 { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }@keyframes zoomIn { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } }@keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { 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); } to { 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); } to { 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); } to { 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); } to { 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); } to { 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); } to { 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); } to { 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); } to { 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 { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}*{margin:0;padding:0;border:0;outline:none}html,body{height:100%;font-size:15px;color:#424242;font-family:'Open Sans',sans-serif;vertical-align:baseline;line-height:26px;background:#fff}a:focus{outline:0 solid}img{max-width:100%;height:auto}p{margin:0 0 22px}h1,h2,h3,h4,h5,h6{margin:0 0 20px;font-weight:600;font-family:'Montserrat',sans-serif;color:#020e2a}h1{font-size:32px}h2{font-size:22px}h3{font-size:18px}a{transition:all .5s ease-out;text-decoration:none;color:#020e2a}a:active,a:hover{outline:0 none;color:#000;text-decoration:none}ul{list-style:outside none none;margin:0;padding:0}::-moz-selection{background:#fab909;text-shadow:none;color:#fff}::selection{background:#fab909;text-shadow:none;color:#fff}textarea:focus,input:focus{outline:none}.slider-overlay{background-color:rgba(0,0,0,.6);height:100%;width:100%;position:absolute;top:0;z-index:1}.images-overlay{background-color:rgba(18,188,0,.96);height:100%;position:absolute;top:0;width:100%}.pt-100{padding-top:100px}.pb-100{padding-bottom:100px}.pt-50{padding-top:50px}.pb-80{padding-bottom:80px}.pb-70{padding-bottom:70px}.pb-20{padding-bottom:20px}.pb-50{padding-bottom:50px}.bg-gray{background:#ececec}#preloader{position:fixed;top:0;left:0;background-color:#fff;z-index:9999999;right:0;bottom:0}#preloader-status{height:210px;width:210px;background:url(img/preloader.gif);background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px;position:absolute;left:50%;top:50%}#scrollUp{background:#fab909 none repeat scroll 0 0;border-radius:100%;bottom:5px;color:#fff;font-size:25px;height:40px;right:20px;text-align:center;text-decoration:none;width:40px}#scrollUp:hover{opacity:1;color:#fff!important;background:#d9ba03}#scrollUp i{display:block;font-weight:bold;padding-top:6px}.hd-sec{background:rgba(0,0,0,.20);padding:6px 0}.hd-lft li{color:#f9f9f9;display:inline-block;padding-right:20px;position:relative;font-size:14px}.hd-lft li:last-child{padding-right:0}.hd-lft li i{margin-right:10px;color:#fab909}.hd-rgt{float:right}.hd-rgt li{display:inline-block;position:relative}.hd-rgt li a{color:#f9f9f9;font-size:14px;padding-left:8px;position:relative;text-transform:capitalize;transition:all .36s ease-out 0s}.hd-rgt li a:hover{color:#f9f9f9}.sticky-wrapper{position:absolute;width:100%;z-index:9999}.logo{padding-top:8px;transition:all .36s ease-out 0s;position:relative;z-index:2}.mnmenu-sec{background:rgba(221,221,221,.0)}.main-menu>ul{float:right;list-style:none outside none;margin:0;position:relative}.main-menu ul li{display:inline-block;padding:0;position:relative}.main-menu ul li.active{position:relative}.main-menu ul li.active::before{position:absolute;content:"";width:40px;height:0;bottom:18px;z-index:9;left:0;right:0;margin:0 auto;border-radius:2px;border:1px dashed #fab909}.main-menu>ul>li>a{display:block;font-size:16px;font-weight:bold;padding:34px 16px;text-decoration:none;text-transform:capitalize;transition:all .4s ease 0s;position:relative;color:#fff}.main-menu ul li ul:hover .main-menu ul li>a{background:#ddd}.main-menu ul li a:hover{transition:all .4s 0s ease;color:#fab909}.main-menu ul ul{background:#fab909 none repeat scroll 0 0;left:0;opacity:0;position:absolute;text-align:left;transform:scale(0);transform-origin:0 0 0;transition:all .3s ease 0s;visibility:hidden;z-index:99999;top:94px}.main-menu ul ul li{float:none;width:200px}.hd-style1 .main-menu>ul>li>a{color:#020e2a}.main-menu ul ul li a{padding:6px 19px;color:#020e2a;display:inline-block;font-weight:600;font-size:14px;text-transform:capitalize;width:100%}.main-menu ul ul li a:hover{background:#fff}.main-menu ul ul ul{top:0;left:100%}.main-menu ul li:hover ul{visibility:visible;transition:all .4s ease 0s;opacity:1;transform:scale(1)}.main-menu ul li a i{font-size:13px;margin-left:6px;color:#fff}.menu-icon{display:inline-block;padding:34px 0;position:absolute;right:0;top:0}.site-search{display:inline-block;width:30px;height:30px;text-align:center;background:#fab909;border-radius:100%}.site-search i{color:#fff;cursor:pointer}.search-forum>form{display:inline-flex;background:#fab909;padding:10px}.search-forum input[type="text"]{padding:10px}.search-forum input[type="submit"]{padding:10px;background:#020e2a;color:#fff}.menu-icon:hover .search-forum{visibility:visible;transition:all .4s ease 0s;transform:scale(1);opacity:1}.search-forum{display:inline-block;left:-240px;opacity:0;position:absolute;top:94px;transition:all .4s ease 0s;visibility:hidden;z-index:2;transform:scale(0)}.index1 .main-menu>ul>li>a{color:#fff}.slider.index1 .slider-text{top:55%}.hd-style1 .hd-sec{background:#020e2a;padding:0}.hd-style1 .hd-rgt{position:relative;z-index:2;width:100%;padding:7px 0}.hd-style1 .hd-lft{padding:6px 0}.hd-style1 .hd-rgt{text-align:right}.hd-style1 .hd-rgt li a{display:inline-block;color:#ddd;text-transform:capitalize;font-weight:600}.hd-style1 .hd-rgt ul{display:inline-block}.hd-rgt li a:hover{color:#fab909}.follow-title{display:inline-block;color:#fab909;font-weight:bold}.hd-style1 .main-menu ul ul li:after{display:none}.hd-style1 .site-search i{color:#020e2a;line-height:30px}.mnmenu-sec.sticky_menu{background-color:#fff;left:0;right:0;top:0;position:fixed;z-index:998;box-shadow:0 0 5px 0 rgba(0,0,0,.25)}.mnmenu-sec.sticky_menu .main-menu ul li a,.mnmenu-sec.sticky_menu .site-search i{color:#020e2a}.hd-style1 .main-menu ul li a i{color:#020e2a}.slider.index2 .slider-text{top:50%}.why-choose-icon{margin-bottom:30px}.why-choose-us-before .why-choose-item{margin-bottom:60px}.why-choose-us-before{padding-top:60px}.why-choose-us-before .sec-title{margin:0;text-align:left;margin-bottom:40px}.why-choose.why-choos-bg{background:#fab909 none repeat scroll 0 0;background-image:url(img/pexels-alteredsnaps-14866072.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.why-choose-us-before{position:relative;z-index:2}.why-choose-us-before::before{background-color:#ddd;content:"";height:120%;left:-20px;position:absolute;top:0;width:5000px;z-index:-1}.service2-sec{overflow:hidden;background:#020e2a;position:relative}.service2-sec .sec-title{margin:0 0 60px;text-align:left;color:#fff}.service2-sec .sec-title h1{color:#fff}.service2-details p{margin-bottom:0}.service2-details a{font-weight:bold}.service2-icon{width:40px;margin-right:10px;margin-top:10px}.service2-inner::before{position:absolute;content:"";background:#ddd;width:100%;height:100%;z-index:-1;transition:all .4s ease 0s;top:0}.service2-inner:hover.service2-inner::before{height:0;transition:all .4s ease 0s}.service2-inner{margin-bottom:25px;display:inline-block;position:relative;z-index:3;background:#fab909}.service2-inner .media{padding:30px 10px}.service2-details h2{margin-top:10px;margin-bottom:10px}.service2-details h2 a{display:inline-block;width:100%;font-size:20px}.service2-item{position:relative;display:inline-block;z-index:2}.slider{position:relative}.all-slide .owl-item{height:650px}.all-slide .single-slide{background-position:center center;background-size:cover;height:100%;background-repeat:no-repeat}.slider-text{left:0;position:relative;right:0;top:55%;transform:translateY(-50%);z-index:2;width:1170px;padding:0 15px;margin:0 auto}.slider-wraper{width:700px;overflow:hidden;padding:20px 10px;position:relative;z-index:999;text-align:left}.slider-text h1{color:#fff;font-size:42px;text-transform:uppercase;transition:all .2s ease 0s;font-weight:bold;line-height:60px}.slider-text h1 span{color:#fab909}.slider-text p{color:#fff}.slider-text li{display:inline-block;margin:0 10px}.slider-text li a{color:#fff;display:inline-block;margin-top:8px;padding:12px 36px;text-transform:uppercase;border:1px solid #fab909;font-weight:bold}.slider-text li:last-child a{background:#fab909 none repeat scroll 0 0;color:#222}.slider-text li:last-child a:hover{background:#fff none repeat scroll 0 0;transition:all .4s ease 0s;color:#222}.all-slide .owl-controls{position:absolute;top:55%;width:0%;z-index:99;transform:translateY(-50%);right:110px}.all-slide .owl-controls .owl-buttons div{background:none;opacity:1.00}.all-slide .owl-controls .owl-prev{left:10px;position:absolute}.all-slide .owl-controls .owl-next{right:10px;position:absolute}.all-slide .owl-controls .owl-prev i,.all-slide .owl-controls .owl-next i{background:transparent;color:#fff;font-size:25px;height:50px;line-height:50px;text-align:center;transition:all .5s ease-out 0s;width:50px;border:1px solid #fff}.all-slide .owl-controls .owl-next i:hover{transition:all .5s ease-out 0s;color:#fab909;border-color:#fab909}.all-slide .owl-controls .owl-prev i:hover{transition:all .5s ease-out 0s;color:#fab909;border-color:#fab909}.all-slide.owl-theme .owl-dots .owl-dot span{background:transparent;border-radius:100%;display:inline-block;height:10px;left:-2px;margin:3px;position:relative;top:-5px;transition:all .9s ease 0s;width:10px}.all-slide.owl-theme .owl-dots .owl-dot span::before{width:30px;height:1px;background:#fab909;position:absolute;content:"";left:-40px;top:5px;transition:all .9s ease 0s}.all-slide.owl-theme .owl-dots .owl-dot.active span::before{width:50px;height:1px;background:#fab909;position:absolute;content:"";left:-40px;top:5px;transition:all .9s ease 0s}.sec-title{margin:0 250px 60px;text-align:center}.sec-title h1{font-size:38px;font-weight:bold}.sec-title h1 span{position:relative;color:#fab909}.border-shape{background-image:url(img/shape.html);background-repeat:no-repeat;color:#fff;display:block;height:16px;left:0;margin:-5px auto;position:relative;right:0;text-align:center;top:0;width:100px}.sec-title p{margin-bottom:0;margin-top:20px}.about{padding-bottom:30px;padding-top:50px}.about h3{text-transform:uppercase}.service-sec{background:#f9f9f9}.service-thumb img{width:100%}.why-choose i{font-size:26px;height:60px;text-align:center;width:60px;color:#fab909}.service-page .service-item .col-md-4.col-sm-6{padding:0 15px}.service-page .service-inner{margin-bottom:30px}.service-item .inner:hover .service-icon i{background:#fab909 none repeat scroll 0 0;color:#fff;transition:all .4s ease 0s}.service-icon i{font-size:24px;height:60px;line-height:60px;text-align:center;width:60px;transition:all .4s ease 0s;color:#fab909;border-radius:100%}.service-item .media{padding:10px;background:#fff;box-shadow:0 0 10px 5px #ddd}.service-item .inner{margin-bottom:0}.readmore{color:#fff;display:inline-block;font-size:16px;font-weight:bold;position:relative;text-transform:capitalize;top:-8px;border-bottom:1px solid}.readmore:before{content:'\f101';font-family:'FontAwesome';color:#fff;right:-20px;position:absolute}.service-item .inner h2{font-size:18px;margin-top:20px;text-transform:capitalize}.service-item .inner:hover h2 a{color:#fab909}.service-item .inner:nth-child(3n+1) {clear:both}.btn.rdmorebtn{background:#fab909 none repeat scroll 0 0;color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase}.service-inner{position:relative;overflow:hidden;margin-bottom:30px}.service-details{height:100%;padding:20px;transition:all .4s ease 0s;background:#fff;position:relative;z-index:2}.service-details::before{position:absolute;content:"";height:100%;width:0%;background:#fab909;top:0;left:0;z-index:-1;transition:all .4s ease 0s}.service-inner:hover .service-details::before{width:100%;transition:all .4s ease 0s}.service-inner:hover .service-details h2 a i{color:#fff;transition:all .4s ease 0s}.service-inner:hover .service-img{transform:scale(1.2);transition:all .4s ease 0s}.service-details h2 a span{float:right}.service-details h2 a i{color:#fab909}.service-details h2{font-size:18px}.service-img{height:190px;transform:scale(1);transition:all .4s ease 0s}.project-sec .item{overflow:hidden;position:relative;transition:all .4s ease-in-out 0s;margin-bottom:30px;transition:all .7s ease 0s;background:#fab909}.project-hoverlay::before{content:"";position:absolute;height:100%;width:0%;background:#fab909;filter: alpha(opacity=75);-moz-opacity:.75;opacity:.75;top:0;left:0;transition:all .7s ease 0s}.project-sec .item:hover:hover .project-hoverlay::before{width:100%;transition:all .7s ease 0s}.project-hoverlay{position:absolute;top:0%;width:100%;height:100%}.project-text{position:relative;top:50%;transform:translateY(-50%);text-align:center;transition:all .7s ease 0s;visibility:hidden}.project-text a,.project-text h3{transform:scale(0);transition:all .9s ease 0s}.project-sec .item:hover .project-text a{transform:scale(1);transition:all .9s ease 0s}.project-sec .item:hover .project-text h3{transform:scale(1);transition:all .9s ease 0s}.project-sec .item:hover .project-text{transition:all .7s ease 0s;visibility:visible}.project-text a{width:50px;height:50px;display:inline-block;background:#020e2a;line-height:50px;border-radius:100%;margin-bottom:15px;color:#fab909}.project-text h3{text-transform:uppercase}.project-thumb img{width:100%;transition:all .7s ease 0s;transform:scale(1);overflow:hidden}.project-sec .item:hover .project-thumb img{transform:scale(1.2);transition:all .7s ease 0s}.project-gallery{margin-bottom:50px}.simplefilter{text-align:right;position:relative}.shorttitle{display:none}.simplefilter li{color:#fff;cursor:pointer;display:inline-block;margin:0 6px;padding:10px 30px;text-transform:capitalize;font-weight:600;position:relative;z-index:2;transition:all .7s ease 0s}.simplefilter li::before{position:absolute;top:0;content:"";background:#020e2a;width:100%;height:100%;left:0;z-index:-1;transition:all .7s ease 0s}.simplefilter li.active::before{position:absolute;top:0;content:"";background:#fab909;width:100%;height:100%;left:0;z-index:-1;border-radius:100%;transition:all .7s ease 0s}.why-choose .inner{margin-bottom:30px}.why-choose-item h2{font-size:20px;margin-top:0;margin-bottom:10px}.why-choose-item .media-left a{width:45px;display:inline-block;margin-right:6px}.why-choose-item .media-body p{margin-bottom:0}.why-choose-item i{float:left}.read-more a{display:inline-block;margin-top:8px;padding:10px 30px;text-transform:uppercase;border:1px solid #f0f0f0;position:relative;z-index:2;font-size:14px;font-weight:600}.read-more a::before{position:absolute;content:"";z-index:-1;top:0;background:#fab909;left:0;width:0%;height:100%;transition:all .4s ease 0s}.why-choose-item:hover .read-more a span i{color:#fff}.why-choose-item:hover .read-more a::before{width:100%;transition:all .4s ease 0s}.why-choose-item:hover .read-more a{color:#fff;border-color:#fab909}.project-gallery-bg{position:relative}.call-to-action-sec{background:#fab909 none repeat scroll 0 0;background-image:url(img/call_to_action_bg.html);background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative}.call-to-action-text p{margin-bottom:0}.call-to-action-text{color:#fff;margin-top:80px}.call-to-action-text h2{color:#fff;text-transform:uppercase}.call-to-action-text a.btn{background:#fff none repeat scroll 0 0;border-radius:0;font-weight:bold;margin-top:30px;padding:12px 36px;text-transform:uppercase;color:#020e2a;position:relative;z-index:2;border:0}.call-to-action-text a.btn::before{position:absolute;content:"";z-index:-1;top:0;background:#fab909;left:0;width:0%;height:100%;transition:all .4s ease 0s}.call-to-action-sec:hover .call-to-action-text a.btn{color:#fff}.call-to-action-sec:hover .call-to-action-text a.btn::before{width:100%}.call-to-action-img{max-width:100%;height:100%}.call-to-action-img img{margin-top:-45px;float:right}.single-post-desc{text-align:center;position:relative;z-index:2;background:#f4f4f4;padding:0 16px}.post-date{padding:10px 0;border-bottom:1px solid #ddd;width:100%;background:#020e2a}.post-date li{display:inline-block;margin:0 10px}.post-date li a{font-weight:600;color:#fff}.post-date li a i{color:#fab909;margin-right:7px}.blog-thumb{position:relative;overflow:hidden;z-index:2}.blog-thumb::before{content:"";position:absolute;height:100%;width:0%;background:#fab909;filter: alpha(opacity=75);-moz-opacity:.75;opacity:.75;top:0;left:0;transition:all .7s ease 0s;z-index:3}.single-post:hover .blog-thumb::before{width:100%;transition:all .7s ease 0s}.single-post:hover .blog-thumb a{visibility:visible;opacity:1;transition:all .7s ease 0s}.blog-thumb a{color:#fff;margin-top:8px;padding:12px 36px;text-transform:uppercase;border:1px solid #fff;border-radius:50px;margin:0 auto;text-align:center;position:absolute;z-index:2;top:50%;left:0;right:0;width:170px;transform:translateY(-50%);visibility:hidden;opacity:0;z-index:4}.blog-thumb img{transform:scale(1);transition:all .8s ease 0s}.single-post:hover .blog-thumb img{transition:all .4s ease 0s;transform:scale(1.2)}.single-post-desc h2 a{font-size:20px;margin-top:34px;display:inline-block;width:100%;transition:all .4s ease 0s}.blog-thumb a:Hover{background:#020e2a;border-color:#020e2a}.single-post:hover .single-post-desc h2 a{color:#fab909}.single-post-desc a.post-link{font-weight:bold;text-transform:uppercase;color:#fab909;font-size:15px;letter-spacing:.36px}.blog-meta h4 a{color:#fff;font-size:18px;text-transform:uppercase}.blog-meta h4{margin-bottom:10px}.home-blog-sec .blog-item:hover .item img{transform:scale(1.2);transition:all .7s ease 0s}.item img{width:100%;height:auto;transform:scale(1);transition:all .7s ease 0s}.inner.blog-item{padding-left:0;padding-right:0}.blog-item .item{margin-bottom:15px;margin-left:15px}.blog-meta{bottom:0;position:absolute;text-align:left;width:100%;padding:10px}.blog-meta li{display:inline-block;padding:5px 8px}.blog-meta li a{color:#fff}.blog-meta li a i{margin-right:5px}.blog-classic-sec .post-meta li:last-child{float:none}.blog-classic-sec .single-post-text{padding:0;border:none}.blog-classic-sec .pagination.custom-pagination{text-align:left}.blog-classic-img{position:relative;margin-bottom:20px}.single-post:hover .blog-classic-overlay{visibility:visible;opacity:1;transition:all .4s ease 0s}.single-post:hover .blog-classic-overlay::before{height:100%;transition:all .4s ease 0s}.single-post:hover .blog-classic-overlay li a{transform:scale(1);transition:all .4s ease 0s}.blog-classic-overlay{height:100%;width:100%;position:absolute;top:0;visibility:hidden;transition:all .4s ease 0s;opacity:0}.blog-classic-overlay::before{content:"";position:absolute;height:0%;width:100%;background:#fab909;filter: alpha(opacity=75);-moz-opacity:.75;opacity:.75;bottom:0;left:0;transition:all .7s ease 0s}.blog-classic-overlay ul{top:50%;position:absolute;left:0;right:0;text-align:center;transform:translateY(-50%)}.blog-classic-overlay li{display:inline-block;margin:0 5px}.blog-classic-overlay li a{border-radius:100%;display:inline-block;height:50px;line-height:50px;width:50px;color:#fff;text-align:center;font-size:22px;transform:scale(0);background:#020e2a}.blog-sec.blog-bg{background-color:#fff;background-image:url(img/blog_bg.html);background-position:center center;background-repeat:no-repeat;background-size:cover}.single-post{display:inline-block;margin-bottom:30px;width:100%}.single-blog.inner .single-post{margin-bottom:10px}.blog-detail-page .single-post-text{padding:0;margin-top:25px}.single-post-text{background:#fff none repeat scroll 0 0;padding:10px 10px;border:1px solid #f0f0f0}.single-blog.inner .single-post-text{padding:0}.single-blog.inner .single-post img{margin-bottom:25px}.single-blog.inner{margin-bottom:40px}.post-meta{display:inline-block;width:100%}.post-meta li{display:inline-block;margin-right:10px;text-transform:capitalize;font-size:14px}.post-meta li a,.post-tags li a{color:#fab909}.post-meta li span,.post-tags li span{color:#020e2a;float:left;font-weight:600;margin-right:10px}.post-tags{display:inline-block;float:right}.single-post-text a.post-link{color:#777;display:inline-block;font-size:14px;margin-bottom:15px;text-transform:capitalize;font-weight:600;border:1px solid #f0f0f0;padding:10px 20px;position:relative}.single-post:hover .single-post-text a.post-link{background:#fab909 none repeat scroll 0 0;color:#fff;border-color:transparent}.blog-title h2{color:#0f0f0f;font-size:24px;font-weight:900;line-height:30px}.single-post-text a{color:#020e2a;font-size:18px;font-weight:bold;text-transform:capitalize}.pst_info{float:left;display:inline-block}.post-date h2{background:#fab909;text-align:center;padding:10px 5px;font-size:18px;color:#fff}.blog-title{padding-bottom:20px}.single-post img{width:100%}.comment-list{border:1px solid #fafafa;font-size:18px;padding:14px;text-align:center}.comment-list h5{margin-bottom:0}.single-post-text h2{margin-bottom:15px;margin-top:5px}.post-meta li:last-child{float:right}.post-meta li:last-child{float:right}.single-post-text li a{float:left;font-size:15px;font-weight:normal;margin-left:1px;padding-right:15px;text-transform:capitalize}.single-post-text li a i{margin-right:5px;color:#fab909}.post-date h1{background:#f3af1e none repeat scroll 0 0;color:#fff;display:inline-block;font-size:18px;margin-top:13px;padding:15px;text-align:center;text-transform:none}.commentar-sec img{float:left;margin-right:20px;width:100px;border-radius:100%;height:100px;border-bottom:2px solid #fab909}.comment-author{margin-bottom:10px;font-size:16px;text-transform:capitalize;font-weight:bold;color:#020e2a}.comment-time{color:#9a9999;font-family:open\ sans;font-size:14px}.commentar-sec .media.mt-3{margin-top:40px}.single-post .contact-field h2{font-size:20px;margin-bottom:20px;margin-top:40px;text-transform:uppercase;font-weight:bold;color:#020e2a}.commentar-sec h2{margin-top:50px;font-weight:bold;text-transform:uppercase;margin-bottom:30px}.replay-button a{float:right;font-family:open\ sans;color:#aaa9a9;font-weight:600}.replay-button a:hover{color:#fab909}.commentar-sec.author ul li{display:inline-block;margin-right:20px}.commentar-sec.author{position:relative}.commentar-sec.author ul li a i{color:#cbc8c8}.commentar-sec.author ul li a i:hover{transition:all .4s ease 0s;color:#29ace4}.commentar-sec.author .media-body{padding-left:100px}.commentar-sec.author .media{background:#fafafa none repeat scroll 0 0;border-radius:30px;padding:30px 0;margin-left:20px}.author-thumb{border-radius:100%;float:left;height:100px;left:0;overflow:hidden;position:absolute;top:70px;width:100px}.author-thumb img{height:100%;width:100%}.pagination.custom-pagination{text-align:center;width:100%;margin:0;position:relative;top:6px}.post-share-link{display:inline-block;width:100%;border:1px solid #f0f0f0;margin-top:30px}.post-share-link span{background:#fab909;color:#fff;font-weight:600;text-transform:uppercase;padding:10px 30px;display:inline-block}.post-share-link ul{display:inline-block;float:right;padding:10px 0}.post-share-link li{display:inline-block;margin-right:20px}.post-share-link li a{color:#d0cece}.post-share-link li a:hover{color:#555;transition:all .4s ease 0s}.code-text{font-style:italic;padding:10px 40px;font-size:15px;position:relative}.code-text::before{color:#bebaba;content:"";font-family:fontawesome;font-size:30px;left:20px;position:absolute;top:25px;transform:translateY(-50%);text-align:center;left:0;font-style:normal}.sidebar h1{display:inline-block;font-size:20px;margin-top:70px;text-transform:uppercase;width:100%;color:#020e2a;position:relative;padding-bottom:10px;font-weight:bold;margin-bottom:40px}.sidebar h1::before{background:#fab909 none repeat scroll 0 0;bottom:22px;content:"";height:1px;position:absolute;width:35px;right:0}.search-field form{display:inline-block;width:100%;position:relative}.search-field input[type="text"]{background:#fff none repeat scroll 0 0;border:1px solid #f0f0f0;padding:10px 35px 10px 15px;width:100%;border-radius:50px}.search-field button{color:#e0dddd;padding:10px;position:absolute;right:0;background:transparent;top:0}.blog-sec .inner:nth-child(2n+1) {clear:both}.abt_dec>p{margin-top:20px}.sidebar ul li a{font-size:16px;font-weight:normal;text-transform:capitalize;transition:all .4s ease-in-out 0s}.sidebar ul li a:hover{transition:all .4s ease-in-out 0s;color:#fab909}.widget-archive li{position:relative}.widget-archive li:last-child{border-bottom:none}.widget-cat li:last-child{border-bottom:none}.widget-cat li{position:relative}.widget-cat li{padding:10px 0;border-bottom:1px solid #ececec}.widget-tag li a:hover{transition:all .4s ease-in-out 0s;color:#fab909!important}.relative-post h3{font-size:16px;margin-bottom:10px;font-weight:bold;color:#777}.single_r_dec li{display:inline-block;margin-right:10px}.single_r_dec li a{font-weight:600;text-transform:capitalize}.single_r_dec li a i{color:#fab909;margin-right:5px}.relative-post{display:inline-block;padding:12px 0;width:100%}.relative-post-thumb{float:left;margin-right:15px}.single_r_dec a{color:#020e2a;line-height:20px}.single_r_dec a:hover{transition:all .4s ease-in-out 0s;color:#fab909}.all_r_pst .media{margin-top:0}.widget-archive li{display:inline-block;position:relative;width:100%;border-top:1px solid #f0f0f0;padding:10px 0}.widget-archive li::before{color:#fab909;content:"\f101";font-family:fontawesome;font-size:14px;left:0;position:relative;top:0;padding-right:14px}.widget-archive li:last-child{border-bottom:1px solid #f0f0f0}.widget-archive span{float:right}.widget-tag a{float:left;margin-right:5px;margin-bottom:5px;margin-right:10px;display:inline-block;padding:10px;border:1px solid #f9f9f9}.author_dec h3{margin:0;color:#333;font-size:14px;margin-bottom:11px}.author_info{border-bottom:1px solid #e3e3e3;display:inline-block;padding:22px 0;margin-bottom:30px}.author_info>img{float:left;margin-right:35px;height:80px}.social_link{margin:0;padding:0;float:right;display:inline-flex}.social_link li{list-style:none}.social_link li a i{color:#363636;float:left;padding:6px}.donor-testimonial-widget.no-margin{margin-bottom:0}.testimonial-sec{background-image:url(img/testimonial_bg.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden;z-index:2}.testimonial-sec:before{content:"";position:absolute;z-index:-1;background-color:rgba(0,0,0,.8);top:0;left:0;width:100%;height:100%}.testimonial-text span.tst-sbtitle{color:#fab909;display:inline-block;margin-bottom:14px;font-size:16px;font-weight:400}.testimonial-text{color:#fff}.testimonial-text .sec-title{margin:0}.testimonial-text .sec-title h1{color:#fff;text-align:left}.testimonial-text>h1{color:#fab909;font-size:36px;font-weight:300;text-transform:capitalize;margin-bottom:30px}.testimonial-text a{background-color:#fab909;color:#fff;display:inline-block;font-weight:600;padding:14px 55px;text-transform:uppercase;border-radius:50px}.no-padding{padding:0}.all-testimonial2 .owl-controls{position:absolute;top:40%;width:100%}.all-testimonial .owl-controls .owl-buttons div{background:none;opacity:1}.all-testimonial2 .owl-controls .owl-prev{left:0;position:absolute}.all-testimonial2 .owl-controls .owl-next{right:0;position:absolute}.all-testimonial2 .owl-controls .owl-prev i,.all-testimonial2 .owl-controls .owl-next i{border:1px solid #fab909;color:#fff;font-size:30px;height:40px;line-height:40px;text-align:center;transition:all .5s ease-out 0s;width:40px;border-radius:100%;background:#fab909}.all-testimonial2 .owl-controls .owl-next i:hover{transition:all .5s ease-out 0s;background:#020e2a;color:#fff;border-color:#020e2a}.all-testimonial2 .owl-controls .owl-prev i:hover{transition:all .5s ease-out 0s;background:#020e2a;color:#fff;border-color:#020e2a}.testimonial2{margin-bottom:10px}.testimonial2 .inner{display:inline-block}.testimonial2 .inner:first-child{border-right:1px dashed #f6c405;margin-right:20px;padding-right:20px;position:relative;right:0;top:-14px}.testimonial2 .client-info{position:relative;text-align:left}.single-testimonial2 h2{color:#f6c405;font-size:22px;margin-bottom:10px}.all-testimonial2.owl-carousel.owl-theme .owl-item img{height:60px;width:60px;border-bottom:2px solid #f6c405;border-radius:100%}.testimonial2 .client-info h3{margin-bottom:0;color:#fff}.single-testimonial2{color:#f4f4f4;text-align:center;padding:80px}.testimonial2-sec{background:#f9f9f9}.testimonial2-sec .testimonial-text .sec-title h1,.testimonial2-sec .testimonial-text,.testimonial2-sec .client-info span{color:#020e2a}.testimonial2-sec .all-testimonial.owl-theme .owl-dots .owl-dot{border-color:#020e2a}.testimonial2-sec .all-testimonial.owl-theme .owl-dots .owl-dot.active{border-color:#fab909}.pagehding-sec{background-image:url(img/vault.jpg);background-position:center center;background-repeat:no-repeat;padding:50px 0;position:relative;background-size:cover}.pagehding-overlay{background-color:rgba(0,0,0,.6);height:100%;position:absolute;top:0;width:100%}.page-heading h1{color:#fff;font-size:32px;margin-bottom:0;text-align:center;text-transform:uppercase;font-weight:bold}.page-heading ul{text-align:center;margin-top:10px}.page-heading li{display:inline-block;position:relative;padding:0 14px}.page-heading li a{color:#fff}.page-heading li:last-child a{color:#fab909}.page-heading li::before{content:"/";height:60%;position:absolute;right:-5px;top:0;color:#fff}.page-heading li:last-child::before{display:none}.team-member{background:#fff none repeat scroll 0 0;padding-bottom:20px;text-align:center;margin-bottom:30px;position:relative;overflow:hidden;transition:all .4s ease-in-out 0s;z-index:2;border-bottom:2px solid #020e2a;background:#ddd}.team-member::before{position:absolute;content:"";width:0%;height:100%;z-index:-1;transition:all .4s ease 0s;top:0;left:0;background:#fab909;filter: alpha(opacity=75)}.team-member:hover.team-member::before{width:100%;transition:all .4s ease-in-out 0s}.team-member:hover .team-overlay{visibility:visible;transition:all .4s ease-in-out 0s;-moz-opacity:.75;opacity:.75;top:0;width:100%}.team-member:hover.team-member h2{color:#fff;transition:all .4s ease-in-out 0s}.team-member:hover.team-member h3{color:#fff;transition:all .4s ease-in-out 0s}.team-thumb{position:relative;overflow:hidden}.team-overlay{position:absolute;width:0%;left:0;height:100%;top:0;background:#fab909;filter: alpha(opacity=75);visibility:hidden;transition:all .4s ease-in-out 0s}.team-overlay ul{position:absolute;top:50%;width:100%;left:10px;transform:translateY(-50%)}.team-member img{width:100%}.team-member h2{font-size:18px;font-weight:bold;margin-top:20px;text-transform:uppercase;transition:all .4s ease-in-out 0s}.team-member h3{font-size:14px;text-transform:capitalize;transition:all .4s ease-in-out 0s}.team-overlay li a{width:30px;height:30px;display:inline-block;background:#282828;border-radius:100%;color:#fff;text-align:center;line-height:30px}.team-overlay li{transition:.4s;-webkit-transition:.3s;-khtml-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;width:100%;text-align:left;padding:5px 0}.team-member:hover .team-overlay li{transform:translateX(0)}.team-overlay li:nth-child(1) {transform:translateX(20px);transition-delay:.1s}.team-overlay li:nth-child(2) {transform:translateX(40px);transition-delay:.2s}.team-overlay li:nth-child(3) {transform:translateX(60px);transition-delay:.3s}.team-overlay li:nth-child(4) {transform:translateX(80px);transition-delay:.4s}.team-overlay li:nth-child(5) {transform:translateX(100px);transition-delay:.5s}.team-member li i{color:#fff}.testimonial-text.expert-team{position:relative;padding-bottom:70px}.testimonial-text.expert-team::before{position:absolute;content:"";background-image:url(img/team_sec_bg.html);width:100%;height:100%;top:0;left:-165px;background-repeat:no-repeat;z-index:-1}.abtdsc-sec p{color:#fff}.abt-lft h2{color:#020e2a}.abt-img img{width:100%}.about-sec .sec-title{margin:0;text-align:left}.about-desc{display:inline-block;width:100%;padding-right:40px}.about-text>span{font-size:18px;font-weight:600;text-transform:capitalize;color:#fab909;display:inline-block;width:100%;margin-bottom:10px}.about-text h1{color:#020e2a;display:inline-block;margin-bottom:14px;font-size:30px;font-weight:bold;text-transform:capitalize}.about-text h1>span{color:#fab909}.about-countup{margin-top:50px}.counting-inner{display:inline-block;padding-right:80px}.counting-inner:last-child{padding-right:0}.counting-inner h2{font-size:36px;font-weight:bold;position:relative}.counting-inner h4{color:#020e2a;text-transform:capitalize;font-size:20px;font-family:open\ sans}.about-us-img{position:relative;z-index:2}.about-us-img::before{position:absolute;content:"";background:#fab909;width:100%;height:100%;left:-25px;top:30px;z-index:-1}.contact-info-icon{float:left;width:75px;height:75px;text-align:center;line-height:75px;margin-right:10px}.contact-page-sec .contact-field h2{color:#282828;text-transform:capitalize;font-size:22px}.contact-field .col-md-6.col-sm-6.col-xs-12{padding-left:0}.contact-field.contact-form input{margin-bottom:5px}.contact-field.contact-form textarea{height:110px}.contact-field.contact-form input[type="submit"]{background:#4cc700;width:150px;border-color:#4cc700}.contact-info-text{padding-left:100px;margin-bottom:40px}.contact-info-text h2{color:#282828;font-size:20px;text-transform:capitalize}.contact-info-text span{color:#999;font-size:16px;font-weight: ;display:inline-block;width:100%}.contact-field input{background:#fff none repeat scroll 0 0;border:1px solid #ddd;margin-top:20px;padding:10px;width:100%;color:#999}.contact-field select{width:100%;border:1px solid #ddd;padding:13px 20px;margin-bottom:20px;text-transform:capitalize;color:#999;margin-top:20px}.contact-field .select-arrow::before{top:30px;color:#999}.contact-field .message-input{display:inline-block;width:100%;padding-left:0}.single-input-field textarea{border:1px solid #ddd;width:100%;height:120px;padding:10px;margin-top:10px}.single-input-fieldsbtn input[type="submit"]{background:#fab909 none repeat scroll 0 0;border:0;color:#fff;display:inline-block;font-weight:600;padding:14px 30px;text-transform:uppercase;width:170px;margin-top:30px;font-size:15px}.single-input-fieldsbtn input[type="submit"]:hover{background:#020e2a;transition:all .4s ease-in-out 0s;border-color:#020e2a}.contact-field{display:inline-block;width:100%}.single-input-field h4{color:#464646;text-transform:capitalize;font-size:14px}.contact-page-form{display:inline-block;width:100%;margin-top:30px}footer{background:#020e2a;position:relative}.footer-sec{padding-top:100px;padding-bottom:70px}.footer-sec h2{color:#fff;font-weight:bold;margin-bottom:20px;padding-bottom:10px;position:relative;text-transform:capitalize}.footer-sec p{color:#ededed;font-size:14px}.footer-wedget-one img{margin-bottom:10px;margin-top:-20px}.footer-social-profile li{display:inline-block;margin-right:6px}.footer-social-profile li:last-child{margin-right:0}.footer-social-profile li a{color:#ededed;display:inline-block;height:34px;line-height:34px;text-align:center;width:34px;position:relative;z-index:2}.footer-social-profile li a:hover{background:#fab909}.footer-social-profile li a::before{position:absolute;content:"";width:100%;height:100%;border:1px solid #fab909;left:0}.footer-wedget-one ul{margin-top:15px}.footer-wedget-three li i{display:inline-block;margin-right:10px}.ft-menu ul{padding:0 20px}.ft-menu h2{display:inline-block;text-align:left}.footer-widget-menu li:before{color:#fab909;content:"\f101";font-family:fontawesome;font-size:14px;left:-4px;position:absolute;top:0}.footer-widget-menu li{position:relative}.footer-widget-menu li a{color:#ededed;display:inline-block;font-size:14px;padding-bottom:10px;padding-left:14px;text-transform:capitalize}.footer-widget-menu li a:hover{color:#fab909;transition:all .4s ease 0s}.bussiness-time>span{color:#fff;display:inline-block;font-size:14px;margin-bottom:20px;text-transform:capitalize}.bussiness-time li{color:#ededed;padding-bottom:10px;text-transform:capitalize;font-size:14px}.bussiness-time li span{color:#fab909}.wedget-newsletter form{background:#525459 none repeat scroll 0 0;margin-bottom:25px;margin-top:25px;position:relative}.wedget-newsletter input[type="email"]{background:#fff none repeat scroll 0 0;border:1px solid #fff;padding:10px 58px 10px 10px;text-transform:capitalize;width:100%;font-style:italic;font-weight:600;color:#282828}.wedget-newsletter input[type="submit"]{background:#fab909 none repeat scroll 0 0;color:#fff;font-weight:600;padding:11px 20px;position:absolute;right:0;top:0}.flicker-photo ul li{display:block}.flicker-photo ul li img{display:inline-block;margin-bottom:10px;width:25%;float:left;margin-right:10px}.footer-bottom-sec{background:#01081a;padding:10px 0}.footer-bottom-sec p{color:#f4f4f4;font-size:14px;margin:0;text-align:center}.copy-right span,.copy-right span a{color:#fab909;text-transform:capitalize}.inner-item{color:#f4f4f4}.inner-item i{color:#fab909}.appoitment-area{position:relative;overflow:hidden;background-image:url(img/pexels-beyzaa-yurtkuran-279977530-17116897.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}.faq-sec .sec-title{margin:0;text-align:left;margin-bottom:40px}.faq-sec{padding-right:50px;padding-top:100px}.faq-single{margin-bottom:30px}.faq-single .icon{width:60px;height:60px;background:#fab909;border-radius:100%;margin-right:10px}.faq-single .icon img{padding:15px}.faq-single .media-body h2{font-size:20px;margin-bottom:10px;text-transform:capitalize}.appoitment-area .images-overlay{background:rgba(255,255,255,.9)}.appointment-form{position:relative;z-index:1;padding:100px 0 100px 40px;top:0;right:0}.appointment-form::before{background-color:#020e2a;content:"";height:120%;left:-35px;position:absolute;top:0;width:5000px;z-index:-9;opacity:.92}.appointment-form fieldset{margin-left:-15px}.appoitment-area .appointment-form .sngl-field{margin-bottom:30px;margin-top:0}.appoitment-area .appointment-form .sngl-field input{width:100%;padding:10px 0;border-bottom:1px solid #fff;border-radius:0;color:#ddd;font-weight:600;background:none}.appoitment-area .appointment-form .sngl-field textarea{border-top:1px solid #fff;color:#ddd;border-radius:0;font-weight:600;margin-top:-15px;width:100%;padding:10px 0;background:none}.appoitment-area .appointment-form .sngl-field select{-moz-appearance:none;-webkit-appearance:none;border-bottom:1px solid #fff;width:100%;padding:10px 0;cursor:pointer;margin-bottom:15px;color:#ddd;font-weight:600;background:none}.appoitment-area .appointment-form .sngl-field select option{background:#020e2a none repeat scroll 0 0;color:#555}.appoitment-area .appointment-form .filed-submitbtn input[type="submit"]{margin:0;background:#fab909;border:0;padding:12px 40px;font-weight:600;color:#fff;transition:all .4s ease 0s}.appoitment-area .appointment-form .filed-submitbtn input[type="submit"]:hover{background:#fff;color:#020e2a;transition:all .4s ease 0s}.appoitment-area .appointment-form .sngl-field .select-arrow{position:relative}.appoitment-area .appointment-form .sngl-field .select-arrow:before{color:#fff;content:"\f107 ";font-family:fontawesome;position:absolute;right:15px;top:10px}.appoitment-area .appointment-form .sngl-field input[type="text"]::-webkit-input-placeholder{color:#ddd;opacity:1}.appoitment-area .appointment-form .sngl-field input[type="email"]::-webkit-input-placeholder{color:#ddd;opacity:1}.appoitment-area .appointment-form .sngl-field textarea::-webkit-input-placeholder{color:#ddd;opacity:1}.appoitment-area .appointment-form .sngl-field option::-webkit-input-placeholder{color:#ddd;opacity:1}.appoitment-area .appointment-form .sngl-field input[type="text"]::-moz-placeholder{color:#ddd;opacity:1}.appoitment-area .appointment-form .sngl-field input[type="email"]::-moz-placeholder{color:#ddd;opacity:1}.appoitment-area .appointment-form .sngl-field textarea::-moz-placeholder{color:#ddd;opacity:1}.appoitment-area .appointment-form .sngl-field option::-moz-placeholder{color:#ddd;opacity:1}.appointment-form h2,.company-openingtime h2{font-size:18px;text-transform:uppercase;color:#fab909}.all-patner-sec{padding:100px 0;background:#fdfdfd}.all-patner.owl-carousel.owl-theme .owl-item{padding:0 40px}.single-patner:hover{border-color:#fab909}.single-patner{height:86px;padding:30px;border:1px solid #ebeaea}.all-patner.owl-carousel.owl-theme img{position:relative;top:50%;transform:translateY(-50%)}.all-patner .owl-controls{position:absolute;top:27%;width:100%;z-index:99;transform:translateY(-50%)}.all-patner .owl-controls .owl-buttons div{background:none;opacity:1.00}.all-patner .owl-controls .owl-prev{left:20px;position:absolute;transition:all .4s ease 0s;background:#fff}.all-patner .owl-controls .owl-next{right:20px;position:absolute;transition:all .4s ease 0s;background:#fff}.all-patner .owl-controls .owl-prev i,.all-patner .owl-controls .owl-next i{border:1px solid #ddd;border-radius:100%;color:#777;font-size:30px;height:40px;line-height:40px;text-align:center;transition:all .5s ease-out 0s;width:40px}.all-patner .owl-controls .owl-next i:hover{transition:all .5s ease-out 0s;background:#fab909;color:#fff;border-color:#fab909}.all-patner .owl-controls .owl-prev i:hover{transition:all .5s ease-out 0s;background:#fab909;color:#fff;border-color:#fab909}