.animated-3s{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated{-webkit-animation-duration:.6s;animation-duration:.6s;-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.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-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 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}body{background:#fff;font-weight:normal;position:relative;font-size:16px;font-family:'Open Sans',sans-serif}#wrap{position:relative;width:100%;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:normal;color:#333;font-family:'Open Sans',sans-serif;font-weight:bold}h1{font-size:58px}h2{font-size:48px;font-weight:bold}h3{font-size:36px}h4{font-size:30px}h5{font-size:26px}h6{font-size:16px}p{font-family:inherit;color:#666;font-size:16px;line-height:26px;text-rendering:optimizeLegibility}.top-5px{margin-top:-5px;position:relative;z-index:99}a{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;text-decoration:none!important;font-family:'Open Sans',sans-serif}img{-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out;display:inline-block!important}ul{margin-bottom:0}li{list-style:none}a{text-decoration:none;color:#141414}.font-open-sans{font-family:'Open Sans',sans-serif}.font-hair-line{font-family:'Open Sans'}.font-light{font-family:'Open Sans'}.font-regular{font-family:'Open Sans'}.font-extra-bold{font-family:'Open Sans'}.font-josefin{font-family:'Josefin Sans',sans-serif}.text-transform-none{text-transform:none!important}.text-white{color:#fff!important}.text-bold{font-weight:bold!important}.text-normal{font-weight:normal!important}.font-12px{font-size:12px!important}.font-14px{font-size:14px!important}.font-16px{font-size:16px!important}.font-18px{font-size:18px!important}.font-20px{font-size:20px!important}.font-bold{font-weight:bold!important}.font-normal{font-weight:normal!important}.white-text{color:#fff!important}.font-italic{font-style:italic}.font-bold{font-weight:bold!important}a:hover,a:focus{}.text-color-primary{color:#f6b138}.border-bottom-1{border-bottom:1px solid #ededed}.position-center-center{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.white-bg{background:#fff}.light-gray-bg{background:#f9f9f9!important}.blue-bg{background:#5a65d1!important}.relative{position:relative}.line-height-24{line-height:24px!important}section{position:relative;overflow:hidden;width:100%;background:#fff}.btn{background:#5a65d1;display:inline-block;font-size:16px;text-transform:uppercase;padding:10px 30px;font-weight:600;border-radius:4px;letter-spacing:1px;color:#fff;position:relative;overflow:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.btn:hover{color:#131313;background:#fff}.btn-dark{background:#34374b;color:#fff}.btn-dark:hover{background:#fff;color:#131313}.btn-big{font-size:26px}.btn-big:hover{font-size:26px}.heading-block{margin-bottom:50px;display:inline-block;width:100%}.top-bar{background:#ececec;height:43px}.top-bar p{font-size:11px;letter-spacing:1px;line-height:43px;margin:0}.top-bar ul li{display:inline-block}.top-bar .social-top a{line-height:43px;color:#909090;font-size:11px;margin:0 5px}.height-200{height:200px;margin-top:-1px;position:relative;z-index:1}.up-tittle{margin-top:-200px;position:relative;z-index:9}.tittle h4{font-size:30px;color:#fff;text-transform:uppercase;margin:0;margin-top:55px;font-weight:300}.tittle p{color:#fff;line-height:26px;font-size:16px}.tittle.dark h4{color:#222}.tittle.dark p{color:#222}header{display:inline-block;position:absolute;width:100%;z-index:999;margin:0 auto;left:0;right:0;margin-top:60px;border-bottom:1px solid rgba(255,255,255,.3)}header .logo{float:left;position:absolute;text-align:left;z-index:9999;margin-top:0}header nav{display:inline-block;width:85%;float:left;position:relative;z-index:999;min-height:50px;text-align:right}header .social{float:right}header .social li{display:inline-block;margin-top:13px}header .social li a{color:#fff;font-size:14px;margin-left:10px}header nav li a{padding:10px 0;padding-bottom:30px;margin:0;border-color:transparent;text-decoration:none;line-height:20px;text-transform:uppercase;color:#fff;letter-spacing:2px;float:left;font-size:13px;font-weight:600;position:relative}header nav .ownmenu li{padding:0 15px}header nav li a:hover{color:#fff}header nav li.active a{color:#fff}header nav li.active a:after{width:100%}header nav li a:hover:after{width:100%}header nav li a:after{display:block;position:absolute;left:0;bottom:-1px;width:0;height:2px;background-color:#fff;content:"";-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}header .ownmenu li.active .dropdown a:after{opacity:0}header .ownmenu li.active .dropdown a:hover:after{opacity:1}header nav li .dropdown a:after{height:1px;bottom:-1px}header .ownmenu li .dropdown a:hover:after{}header nav li .megamenu a:after{height:1px;bottom:-1px}header .ownmenu ul.dropdown{padding-bottom:0;background:#141414;padding:10px 0}header .ownmenu ul.dropdown li a{text-transform:uppercase;border:none!important;line-height:20px;background:none;color:#6f6f6f!important;font-size:12px;display:inline-block;width:100%;font-weight:normal;letter-spacing:0;padding-right:0;text-align:left;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)!important}header .ownmenu ul.dropdown li:nth-last-child(1) a{border-bottom:none!important}header .ownmenu ul.dropdown li a{padding:8px 20px}header .ownmenu ul.dropdown li a:hover{color:#fff!important;background:none}header .ownmenu li>.megamenu li a:hover{color:#e4a913!important}header .ownmenu li>.megamenu li a{text-transform:uppercase;border:none!important;line-height:40px;background:none;color:#6f6f6f!important;font-size:12px;display:inline-block;width:100%;font-weight:normal;letter-spacing:0;padding-right:0;text-align:left;padding:0}header ul.dropdown{}header .ownmenu .megamenu hr{width:23px;height:3px;background:#eeb013;margin:15px 0;border:none;display:inline-block}header ul.dropdown li{padding:0}header ul.dropdown li:hover{background:none}header .ownmenu .megamenu h6{color:#fff;font-size:12px;font-weight:normal;text-transform:uppercase;margin-top:0}header .ownmenu .megamenu img{width:auto;margin-top:-1px}header .ownmenu>li>.megamenu.full-width{background:#141414;padding:50px;padding-bottom:40px}header .ownmenu>li>.megamenu.full-width li{text-align:left}header nav .ownmenu .indicator{margin-left:5px;display:none}.sticky-wrapper{height:auto!important}.sticky-wrapper .sticky{width:100%}.is-sticky .sticky .logo{margin-top:0}.is-sticky .sticky{padding-top:15px;padding-bottom:15px;background:rgba(0,0,0,.8);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.is-sticky .sticky .logo{margin-top:10px}header .is-sticky li a{padding-bottom:10px}.ownmenu ul.dropdown{top:61px}.ownmenu>li>.megamenu{top:63px}.sub-bnr{min-height:350px;text-align:center}.sub-bnr h3{color:#fff;font-family:'Open Sans',sans-serif;font-size:45px;letter-spacing:2px;font-weight:300;text-transform:uppercase;line-height:70px;margin-top:100px}.sub-bnr h3 span{font-weight:bold}.sub-bnr small{font-size:36px;color:#fff;width:100%;display:inline-block}.sub-bnr p{color:#fff}.sub-bnr .linkin{display:inline-block;margin-top:30px}.sub-bnr .linkin li{display:inline-block;display:inline-block;color:#fff;float:left;font-size:11px;text-transform:uppercase}.sub-bnr .linkin li a{display:inline-block;color:#fff;margin:0 10px;font-size:16px}.parallax-bg{background-size:cover!important}.who-we-are{background:url(https://www.carfin.cz/images/bg/bg-who-we.jpg) center top fixed no-repeat}.about li h3{line-height:50px}.about .brand p{line-height:24px}.about .services{position:relative;width:100%}.about ul{position:relative}.about h2{margin-bottom:30px}.hplist li{display:list-item;font-size:16px;list-style:disc;margin-left:32px;margin-bottom:10px}.hplist li a{}.about .services li{text-align:center;min-height:200px;padding:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.about .services li:hover{background:#fff}.about .services li .icon{font-size:30px;color:#fff;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.about .position-center-center{width:100%}.about .services li h6{font-size:12px;font-family:'Open Sans',sans-serif;font-weight:normal;text-transform:uppercase;color:#fff;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.about .services li:hover{background:#fff}.about .services li:hover h6{color:#222}.about .services li:hover .icon{color:#222}.servces-up{background:#fff;margin-top:-110px;z-index:99}.ser-we-offer li{min-height:250px;position:relative;text-align:center;background:#f9f9f9}.ser-we-offer li i{font-size:45px;color:#fff;margin-bottom:0}.ser-we-offer li h6{color:#fff;margin-top:20px;letter-spacing:2px;font-size:18px;font-weight:normal;text-transform:uppercase;font-family:'Open Sans',sans-serif}.ser-we-offer li span{font-size:18px;line-height:32px;display:inline-block;float:left;width:100%;font-style:italic;font-weight:500}.dark-blue{background:#34374b!important}.dark-text i{color:#34374b!important}.dark-text h6{color:#34374b!important}.facts article{border:1px solid #fff}.facts article{padding:25px 15px;text-align:center}.facts article h6{color:#fff;margin-top:10px;letter-spacing:1px;font-size:14px;font-weight:normal;text-transform:uppercase;margin-bottom:30px;line-height:1.3;font-family:'Open Sans',sans-serif}.facts article h6 span{font-size:24px;color:#fff;margin-right:10px}.facts article i{font-size:50px;width:60px;display:inline-block;color:#fff}.count{letter-spacing:1px;font-size:12px;color:#fff;width:60px;top:-10px;position:relative;display:inline-block;padding-left:20px}.count:before{position:absolute;content:"";height:1px;width:10px;background:#fff;left:10px;top:8px}.portfolio{background:none;position:relative;z-index:3}.portfolio .portfolio-item{position:relative;overflow:hidden;padding:5px;display:none}.portfolio .with-space .portfolio-item .portfolio-image{position:relative;overflow:hidden}.portfolio .with-space{}.portfolio .with-space .portfolio-item .portfolio-image{padding:0}.portfolio-overlay{position:absolute;height:100%;width:100%;top:0;left:0;background:rgba(255,255,255,.9);text-align:center;opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.portfolio article:hover .portfolio-overlay{opacity:1}.portfolio-item h6{font-weight:normal}.portfolio-item h6 a{font-size:15px;font-weight:normal;text-transform:uppercase;margin-bottom:10px;display:inline-block;width:100%;padding-bottom:10px;border-bottom:2px solid #fff;border-color:transparent}.portfolio-item h6 a:hover{border-bottom:2px solid #5a65d1}.portfolio-overlay .go-on{width:40px;height:40px;background:#5a65d1;color:#fff;text-align:center;line-height:40px;position:absolute;top:40px;right:-60px;border-radius:50% 0 0 50%}.portfolio article:hover .portfolio-overlay .go-on{right:0}.portfolio-overlay span a{color:#5a65d1}.portfolio-filter li{display:inline-block;color:#fff;font-size:11px;text-transform:uppercase;margin-right:30px;cursor:pointer}.portfolio-filter li.active{text-decoration:line-through;cursor:default}.single-progect .heading-block h6{margin-bottom:40px}.single-progect .heading-block hr{margin:0 auto;margin-bottom:45px}.single-progect .project-info{margin-top:100px;margin-bottom:100px;display:inline-block;width:100%;border-top:1px solid #e5e9ea}.single-progect .project-info li{float:left;padding-top:50px;padding-bottom:50px;width:25%;border-right:1px solid #e5e9ea}.single-progect .project-info li:nth-last-child(1) {border:none}.single-progect .project-info li p{font-weight:bold;text-transform:uppercase;color:#333;letter-spacing:1px}.single-progect .project-info li span{color:#666;letter-spacing:1px;font-size:13px}.cbp-popup-singlePage .cbp-popup-content{width:100%;max-width:100%;text-align:center}.project-detail h6{font-weight:bold;margin-bottom:30px;font-family:'Open Sans',sans-serif}.project-detail hr{margin:30px 0;height:2px;background:#222;width:35px;border:none}.project-detail p{font-size:14px;line-height:26px}.project-detail .info li{font-family:'Open Sans',sans-serif;font-style:italic;font-size:11px;display:inline-block;margin-right:40px;margin-top:30px}.project-detail .info span{font-weight:normal;color:#222;font-style:normal;text-transform:uppercase;font-family:'Open Sans',sans-serif}.project-detail .btn:hover{background:#34374b;color:#fff}.relater .links{}.relater .links a{text-transform:uppercase;font-size:10px;margin:0 10px;border-bottom:1px solid #5a65d1;border-color:transparent;padding-bottom:5px}.relater .links a:hover{color:#5a65d1;border-bottom:1px solid #5a65d1}.port-paging li{display:inline-block;text-transform:uppercase}.port-paging a{color:#fff;font-size:12px;margin:0 10px}.port-paging a i{margin:0 5px}.port-paging a .fa-times{height:35px;width:35px;border:1px solid rgba(255,255,255,.3);display:inline-block;line-height:33px;text-align:center}.paging-news{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;margin-top:30px;display:inline-block;width:100%;padding:10px 0}.paging-news li{display:inline-block;text-transform:uppercase}.paging-news li a{font-size:12px}.single-post .row{margin:0 -5px}.single-post .col-all{padding:0 5px!important}.portfolio-details{}.portfolio-details .project-info{margin-top:270px;padding-left:30%}.portfolio-details .project-info li{margin-bottom:30px}.portfolio-details .project-info li p{font-weight:bold;text-transform:uppercase;color:#333;letter-spacing:1px;margin-bottom:0}.portfolio-details .project-info li span{color:#666;letter-spacing:1px;font-size:13px}.portfolio-details .project-info li a{color:#f6772c}.testi{background:url(https://www.carfin.cz/images/bg/xbg-2.png.pagespeed.ic.FE9kSioiwi.png) no-repeat;margin-top:10px;padding:50px;background-size:cover}.testi .media-left .avatar{width:127px;margin-right:50px;display:inline-block}.testi .media-left .avatar:before{height:125px;width:125px;position:absolute;content:"";display:inline-block;left:0;top:0;z-index:3;border:2px solid rgba(255,255,255,.8)}.testi .quote{font-size:40px;color:rgba(255,255,255,.2);position:absolute;left:0;top:0}.testi .media-left .avatar img{position:relative;z-index:9}.testi h5{font-size:20px;color:#fff;margin-bottom:10px;margin-top:0;text-transform:uppercase}.testi .owl-nav{display:none}.testi .owl-dots{position:absolute;right:-20px;top:40%;width:6px}.testi .owl-dots div{height:6px;width:6px;display:inline-block;background:rgba(255,255,255,.3);margin-bottom:0;border-radius:50%}.testi .owl-dots .owl-dot.active{background:#fff}.testi .owl-dots .owl-dot span{margin:0}.testi span{display:inline-block;width:100%;margin-bottom:20px}.testi .media-body p{color:#fff;font-size:16px}.testi .media-body span{color:#b0b7ff}.avatar-style-2 .media-left .avatar{height:136px;width:136px;border-radius:50%;position:relative;padding:7px;padding-left:11px}.testi .avatar-style-2 .media-left .avatar:before{border-radius:50%;height:150px;width:150px;top:-4px}.avatar-style-2 .media-left .avatar img{border-radius:50%}.news-post{padding:30px 0;margin:0;border-bottom:1px solid #ececec}.news-post a.news-tittle{margin:10px 0;display:inline-block;width:100%;font-size:14px}.news-post .avatar{width:165px;display:inline-block}.news-post p{font-size:12px}.news-post a{font-size:10px;text-transform:uppercase;color:#222}.news-post .big-post{}.news .big-post a.news-tittle{margin:20px 0;display:inline-block;width:100%;color:#fff;font-size:14px;text-transform:uppercase}.news .big-post p{color:#fff}.news{}.clients ul li img{opacity:.5}.clients ul li img:hover{opacity:1}.sec-clients:before{position:absolute;height:200px;width:100%;right:-90%;content:"";background:#f9f9f9;top:0}.services{}.services .service-part li{margin-bottom:50px;padding-right:50px}.services .service-part h6{font-size:16px;font-weight:bold;text-transform:uppercase}.services .service-part p{font-size:13px;line-height:23px}.services .service-part{margin-top:200px}.services .service-part i{font-size:22px;display:inline-block;margin-bottom:20px}.services.style-2 .content-we-are{padding-left:80px}.style-img-4{margin-left:-150px;float:left}.service-p-in li{min-height:579px}.service-p-in li{text-align:left}.service-p-in li h3{color:#fff;font-size:48px}.service-p-in li hr{width:75px;height:1px;margin:10px 0;border:none;background:#fff}.service-p-in li p{color:#fff}.text-center{text-align:center!important}.more-feature ul li{padding:15px 15px;width:20%;float:left;text-align:center;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.more-feature ul li:hover{background:#e5e9ea}.more-feature ul li h6{font-size:16px;font-weight:bold;width:70%;line-height:23px;margin:0 auto;margin-bottom:20px;text-transform:uppercase}.more-feature ul li article{border:1px solid #e5e9ea;padding:90px 60px}.more-feature ul li p{font-size:13px;line-height:23px}.more-feature ul li i{font-size:22px;display:inline-block;margin-bottom:20px}.lamd{position:absolute;top:0;right:20%}.content-we-are{padding-right:45%;padding-left:50px}.our-team{}.our-team article{position:relative}.our-team .avatar{height:300px;width:300px;position:relative;overflow:hidden;display:inline-block;border-radius:50%}.our-team .team-hover{background:rgba(246,119,44,.9);position:absolute;height:100%;width:100%;top:0;border-radius:50%;left:0%;opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.our-team article:hover .team-hover{left:0;opacity:1}.our-team article:hover img{transform:scale(1.1)}.our-team .team-hover:hover{}.our-team .social-icons a{color:#fff;font-size:20px;margin:0 10px}.our-team .team-names{position:relative;margin-top:50px}.our-team .team-names h6{font-weight:bold;font-size:16px;margin-top:30px;margin-bottom:5px}.our-team .team-names:before{content:"";height:75px;width:1px;position:absolute;top:-90px;background:#333;margin:0 auto;left:0;right:0;z-index:99}.our-team .team-names p{color:#f6772c;font-size:13px}.blog{}.blog:before{position:absolute;content:"";height:180px;background:#e5e9ea;width:100%;top:0;left:0}.post-content{padding-top:30px}.post-tittle{font-size:30px;font-weight:bold;text-transform:uppercase;width:100%;color:#333;display:inline-block;margin-top:20px}.post-tittle:hover{color:#f6772c}.post-content .tag{display:inline-block;width:100%;text-transform:uppercase;color:#f6772c;font-size:16px}.post-content hr{width:90px;height:8px;border:none;margin:50px 0;display:inline-block;background:#333;margin-bottom:48px}.post-content .date{margin-top:50px}.post-content .date span{color:#999}.post-content .date .huge{color:#333;line-height:80px;font-size:92px;display:inline-block;width:100%}.blog-post-home{margin-top:200px}.post-info{margin-bottom:30px}.post-info li{display:inline-block}.post-info li{font-size:13px;color:#666}.post-info li i{font-size:20px;margin-right:5px;margin-left:20px}.blog-list .post-content{padding-top:0}.text-left .post-info li{margin-right:20px}.text-left .post-info li i{margin-left:0;margin-right:5px}.paging{display:inline-block;width:100%;margin-top:100px;text-align:center}.paging li{display:inline-block;margin:0 10px;line-height:30px}.paging li i{font-size:12px}.paging li a:hover{color:#f6772c}.footer{background:url(https://www.carfin.cz/images/bg/xfooter-bg.png.pagespeed.ic.rcj_aRmOYa.png) no-repeat;background-size:cover;padding-top:70px;position:relative;overflow:hidden;width:100%}.footer p{color:#666;line-height:26px}.footer hr{height:1px;width:75px;border:none;background:#b0b7ff}.footer .heading-block hr{background:#666}.footer .heading-block h6{color:#666}.footer .heading-block h3{color:#666}.footer .contact-info{color:#666}.footer .contact-info i{width:50px;display:inline-block;line-height:36px;font-size:20px}.footer .contact-info li{display:inline-block;width:100%;margin-bottom:10px}.footer .rights{background:#5a65d1;height:68px;margin-top:80px;position:relative}.footer .rights:before{background:#5a65d1;height:68px;content:"";left:-100%;position:absolute;top:0;width:100%}.footer .rights p{margin:0;color:#fff;font-size:16px;line-height:68px;font-weight:normal}.footer .rights a{color:#666;margin-right:10px;font-size:18px;display:inline-block;margin-bottom:10px}.footer .rights a:hover{color:#fff}.footer .num{font-size:30px;color:#fff}.footer .num span{color:#b0b7ff}.footer-in{background:rgba(255,255,255,.05);padding-top:70px;padding-left:90px;height:400px}.footer-in:before{background:rgba(255,255,255,.05);position:absolute;content:"";right:-100%;width:100%;top:0;height:100%}.social-icons li{display:inline-block;color:#fff}.social-icons li a{font-size:18px;color:#fff;border:1px solid #fff;border-radius:50%;height:44px;width:44px;display:inline-block;text-align:center;line-height:42px;margin-right:10px}.social-icons li a:hover{color:#5a65d1;border:1px solid #5a65d1}.team{}.team ul article{min-height:282px;background:#5a65d1;position:relative;text-align:center;overflow:hidden}.team ul li{padding:0}.team ul article h6{position:relative;font-style:italic;font-family:'Open Sans',sans-serif;color:#fff;font-size:24px;font-weight:normal;line-height:36px}.team ul article .info-hover{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(52,55,75,.8);opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.team ul article:hover .info-hover{opacity:1}.team ul article .info-hover h5{text-transform:uppercase;font-family:'Josefin Sans',sans-serif;font-style:normal!important;font-weight:600;color:#fff}.team ul article .info-hover span{font-style:italic;font-family:'Open Sans',sans-serif;color:#fff}.team ul article .info-hover hr{width:70px;height:1px;margin:20px auto;background:#fff;border:none}.team ul article .info-hover .social-icons li a{height:35px;width:35px;line-height:33px;font-size:14px}.cate li a{font-family:'Open Sans',sans-serif;color:#999;line-height:40px;padding-left:15px}.cate li a:hover{color:#5a65d1}.cate li{position:relative}.cate li:before{content:"\f0da";font-family:'FontAwesome';position:absolute;left:0;color:#999;font-size:10px;line-height:40px}.search input{display:inline-block;width:100%;height:50px;background:#fff;border:1px solid #ebebeb;padding:0 20px;font-family:'Open Sans',sans-serif}.search button{float:right;margin-top:10px;line-height:50px;margin-right:10px;margin-top:-50px;position:relative;z-index:1;border:none;color:#ebebeb;font-size:20px;background:none}.tags{margin-top:0;display:inline-block;width:100%}.tags li{float:left}.tags li a{font-size:11px;font-style:italic;border:1px solid #dadada;display:inline-block;font-family:'Open Sans',sans-serif;padding:8px 10px;margin-bottom:10px;margin-right:10px}.tags li a:hover{background:#606bd3;border:1px solid #606bd3;color:#fff}.side-tittle{padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid #e4e4e4}.comment .media h6{font-family:'Open Sans',sans-serif;font-size:13px;margin-top:10px;font-weight:normal}.comment span{color:#5a65d1;font-family:'Open Sans',sans-serif;font-size:11px}.comment p{font-family:'Open Sans',sans-serif;font-size:12px;margin-top:15px}.comment li{display:inline-block;width:100%;margin-top:10px}.comment a{color:#34374b;font-family:'Open Sans',sans-serif;float:right}.comment-form label{font-family:'Open Sans',sans-serif;font-weight:normal;color:#999;margin-top:10px}.comment-form input{display:inline-block;width:100%;height:40px;background:none;border:none;border-radius:0;border-bottom:1px solid #ebebeb;padding:0;box-shadow:none!important;font-family:'Open Sans',sans-serif}.comment-form textarea{display:inline-block;width:100%;height:100px;background:none;border:none;border-radius:0;border-bottom:1px solid #ebebeb;padding:0 20px;box-shadow:none!important;font-family:'Open Sans',sans-serif}.discover p{color:#fff}.discover h3{font-size:30px;font-family:'Open Sans',sans-serif;color:#fff;font-weight:normal;letter-spacing:1px;margin-bottom:15px;margin-top:0}.discover h5{font-size:20px;font-family:'Open Sans',sans-serif;color:#fff;font-weight:normal;letter-spacing:1px;margin-bottom:15px;margin-top:0}#contact_form .error{border:1px solid red!important}.contact .error:before{content:"\f071";font-family:'FontAwesome';position:absolute;color:red}.success-msg{background:#fff;border:1px solid #abd0a8;color:#589051;margin-bottom:30px;width:100%;display:inline-block;text-align:center;padding:11px 16px;border-radius:4px}.success-msg i{padding:10px;border-radius:50%;border:1px solid #abd0a8;margin-right:10px}#contact_form{}#contact_form li{text-align:left;margin-bottom:10px;margin-top:20px;display:inline-block;width:100%}#contact_form li input{display:inline-block;width:100%;height:50px;padding:0;border:1px solid;border-color:transparent;background:none;font-size:16px;border:none;box-shadow:none;border-radius:0;background:#f4f4f4;color:#bfbfbf;padding:0 20px;font-size:12px;font-weight:normal;border:1px solid #f4f4f4;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}#contact_form li textarea{height:120px!important;text-transform:uppercase;background:none;padding:0;color:#fff;padding:0;display:inline-block;width:100%;height:50px;border:1px solid;border-color:transparent;background:none;border:none;box-shadow:none;border-radius:0;background:#f4f4f4;color:#bfbfbf;padding:10px 20px;font-size:12px;font-weight:normal;border:1px solid #f4f4f4;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}#contact_form li .btn{text-transform:uppercase}.contact-form .tittle{text-align:center}.contact-form .tittle hr{width:28px;height:5px;margin:15px auto;background:#448aff;border:none}.contact-form .tittle p{text-transform:none;font-size:16px}.contact-form label{font-weight:normal;color:#fff;font-size:12px;text-transform:uppercase;display:inline-block;width:100%;margin:0;line-height:26px;position:relative;background:none}.contact-form label span{color:#fff}#map{height:200px}.contact-form textarea{display:inline-block;width:100%;position:relative;padding:10px 20px}#contact_form li .form-control:focus{border:1px solid #c7c7c7}.contact-form button{background:#5a65d1;display:inline-block;font-size:16px;padding:10px 30px;font-weight:normal;border-radius:4px;letter-spacing:1px;color:#fff;position:relative;overflow:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.contact-form button:hover{background:#34374b;color:#fff;border-color:#fff}.clients-2{margin:0 -5px;margin-top:10px}.clients-2 li{float:left;width:33.3333%;padding:0 5px;margin-bottom:10px}.clients-2 li{}.contact-info{margin-top:30px}.contact-info li{margin-top:30px}.contact-info li .icon{height:50px;width:50px;border-radius:50%;border:1px solid #b0b7ff;line-height:48px;color:#b0b7ff;text-align:center;font-size:24px}.contact-info li h6{color:#b0b7ff;font-weight:normal;margin-top:0;font-size:16px;text-transform:uppercase}.contact-info li p{color:#d8d8d8;font-size:16px}.form-stye-2 #contact_form li input{background:#fff;border:1px solid #e3e3e3;text-transform:uppercase;font-size:16px}.form-stye-2 #contact_form li textarea{background:#fff;border:1px solid #e3e3e3;text-transform:uppercase;font-size:16px}.subscribe input{display:inline-block;width:100%;height:50px;padding:0;border:1px solid;border-color:transparent;background:none;font-size:16px;border:none;box-shadow:none;border-radius:0;background:#fff;color:#bfbfbf;font-style:italic;padding:0 20px;font-size:14px;font-weight:normal;border:1px solid #f4f4f4;margin-top:30px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.subscribe button{width:60px;height:50px;background:#5a65d1;float:right;margin-top:-50px;position:relative;z-index:2;border:none;font-size:20px;color:#fff}#map.map-2{width:100%;height:291px}@media (min-width:992px) and (max-width:1199px){header{margin-top:40px}header nav .ownmenu li{padding:0 10px}.in-the-look li .inn-look{padding:0 10px}.popurlar_product .over-item{padding-top:40%}.popurlar_product .details-sec a{letter-spacing:0}.small-r-items .btn{letter-spacing:0}.small-r-items .media{width:100%;float:left;padding-right:15px;position:relative;z-index:2;margin-bottom:20px}.small-r-items h5{width:100%;margin-top:30px;text-align:center}.small-r-items .item-img{width:120px}.port-folio-row li .hover-port{padding-top:10%}.furniture .items-fer li{width:33.3333%}header .search-nav ul.dropdown{width:100%!important}.header-style-2.header-style-3 .logo{margin:20px 0;width:100%;text-align:center}.header-style-2.header-style-3 nav{margin-top:20px}.header-style-2.header-style-3 nav{width:100%}.promo-block .promo-text{padding-right:20px}.contact.style-2 .contact-right{padding-right:15px;padding-left:15px!important}}@media (min-width:768px) and (max-width:991px){.in-the-look li{width:50%}header .logo{width:100%;position:relative;text-align:center;margin-bottom:20px}.ownmenu{width:100%}header{margin-top:2px}.ownmenu ul.dropdown,.ownmenu ul.dropdown li ul.dropdown{width:250px!important}.ownmenu ul.dropdown,.ownmenu ul.dropdown li ul.dropdown{padding:20px}header .ownmenu ul.dropdown{padding:20px}header nav .ownmenu li{padding:0 10px}.popurlar_product .details-sec a{letter-spacing:0}.popurlar_product li{width:50%}.list-style li{width:100%}.small-r-items .media{width:50%;float:left;padding-right:15px;position:relative;z-index:2}.small-r-items h5{width:100%;margin-top:30px;text-align:center}.small-r-items .item-img{width:120px}.port-folio-row li{width:50%}.furniture .items-fer li{width:33.3333%}header nav .ownmenu li{float:left}header .search-nav ul.dropdown{width:100%!important}header .ownmenu .look-book .nav-img{width:70px;margin-right:10px}header .ownmenu .look-book .media-heading{margin-top:0;margin-bottom:10px}header .ownmenu li>.megamenu li a{padding:5px 0}header .ownmenu .look-book p{}header .ownmenu>li>.megamenu.full-width{padding:30px}header .ownmenu .look-book .media-body a{padding:5px 0 0 0}header .ownmenu>li>.megamenu.full-width .nav-post .col-sm-3{width:50%}header .ownmenu .megamenu h6{margin-top:20px}header .ownmenu ul.dropdown li a{letter-spacing:1px}.ownmenu ul.dropdown,.ownmenu ul.dropdown li ul.dropdown{width:200px}.ownmenu ul.dropdown li a{padding-left:20px}header .ownmenu .look-book .media{padding-bottom:10px}.header-style-2.header-style-3 .logo{margin:20px 0;width:100%;text-align:center}.header-style-2.header-style-3 nav{margin-top:20px}.header-style-2.header-style-3 nav{width:100%}.col-4 .portfolio-item{width:50%}.testimonial .testi{width:100%}.testimonial .flex-direction-nav{display:none}.promo-block .promo-text{padding-right:20px}.process-style-3 li{width:50%;margin-bottom:60px}.process-style-3 li:before{top:120%}.process-style-3 .icon:before{height:20px}.contact.style-2 .contact-right{padding-right:15px;padding-left:15px!important}.services-mission .icon-box.ib-style-3{display:inline-block;width:100%}header .logo{margin-top:20px}.up-tittle{margin-top:0}.tittle.blue-bg .padding-left-50{padding-left:20px!important}.facts article{margin-bottom:30px}.clients-2{margin:0 -5px;margin-top:10px;display:inline-block}.tittle.blue-bg .padding-right-50{padding-right:20px!important}.tittle.blue-bg .pull-right{float:none!important}.team .position-center-center{width:100%}}@media (max-width:767px){.ownmenu{width:100%}.ownmenu>li.showhide span.icon{padding:0;margin:0}header nav li a{}header{margin-top:0;padding-top:20px;background:rgba(0,0,0,.8)}.is-sticky .sticky{position:relative!important}header .logo{position:relative;width:100%;text-align:center}header nav{float:none;width:100%}header nav .ownmenu .indicator{display:block}header nav li a{display:inline-block;width:100%;float:none}.ownmenu>li.showhide span{line-height:50px;display:inline-block;width:100%}.ownmenu>li.showhide{text-align:center;color:#fff;font-size:20px}.ownmenu>li.showhide span.title{margin:0}.ownmenu>li>a{padding:10px 0;text-align:left}.ownmenu .indicator{display:block}header .social{width:100%;display:inline-block;text-align:center;margin-bottom:20px}header{position:relative}.up-tittle{margin-top:0}.testimonial .media-left{width:100%;display:inline-block}.testi .media-left .avatar{margin:0;margin-bottom:30px}.testi .media.padding-right-100{padding-right:0!important}.news .up-tittle .img-responsive{width:100%}.portfolio .portfolio-item{width:100%;text-align:center}.news .col-sm-5 img{width:100%}.news .col-sm-6 img{width:100%}.team .position-center-center{width:100%}.clients li{display:inline-block;width:auto;float:left;width:33.333%}.big-post .position-center-center{width:100%}.tittle.blue-bg .padding-left-50{padding-left:20px!important}.facts article{margin-bottom:30px}.clients-2{margin:0 -5px;margin-top:10px;display:inline-block}.tittle.blue-bg .padding-right-50{padding-right:20px!important}.tittle.blue-bg .pull-right{float:none!important}.clients.position-center-center{width:100%}.ownmenu ul.dropdown,.ownmenu ul.dropdown li ul.dropdown{float:left}header .logo{margin:20px 0}.about .img-responsive{width:100%}.team ul li article{background:#fff}.team ul li:nth-child(1) article{background:#5a65d1}footer .social-icons{text-align:left}.footer-in{padding-left:20px}.footer .rights{padding-left:20px}.footer-in:before{display:none}.portfolio-filter li{margin-right:20px;margin-bottom:20px}.footer .rights:before{display:none}}@media (max-width:540px){.team ul li img{width:100%}}@media (max-width:440px){.media.news-post .media-left{width:100%;display:inline-block}.media.news-post .media-left .avatar img{width:100%}.news-post .avatar{width:100%}.media.news-post .media-body{width:100%}.clients li{width:50%}}