@charset "UTF-8";.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s;}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s;}@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }}@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }}.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;}@-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; }}@keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; }}.flash { -webkit-animation-name: flash; animation-name: flash;}@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.pulse { -webkit-animation-name: pulse; animation-name: pulse;}@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand;}@-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }}@keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }}.shake { -webkit-animation-name: shake; animation-name: shake;}@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); }}@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); }}.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake;}@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }}@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }}.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.tada { -webkit-animation-name: tada; animation-name: tada;}@-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; }}@keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; }}.wobble { -webkit-animation-name: wobble; animation-name: wobble;}@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }}@keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }}.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;}@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn;}@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; }}@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; }}.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; }}@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; }}.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; }}@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; }}.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight;}@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp;}@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }}@keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }}.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut;}@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }}@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }}.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }}@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }}.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }}@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }}.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }}@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }}.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;}@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;}@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; }}@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; }}.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut;}@-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }}@keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }}.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }}@keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }}.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }}@keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }}.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }}@keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }}.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }}@keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }}.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }}@keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }}.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }}@keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }}.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }}@keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }}.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;}@-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }}@keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }}.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;}@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); }}@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); }}.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;}@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); }}@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); }}.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;}@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }}@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }}.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;}@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }}@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }}.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; }}@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; }}.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }}@keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }}.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}@-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }}@keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }}.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }}@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }}.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }}@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }}.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }}@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }}.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }}@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }}.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }}@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }}.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }}@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }}.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }}@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }}.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }}@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }}.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }}@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }}.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;}@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }}@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }}.hinge { -webkit-animation-name: hinge; animation-name: hinge;}@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; }}.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn;}@-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }}@keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }}.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut;}@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; }}@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; }}.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn;}@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight;}@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp;}@-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; }}@keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; }}.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut;}@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }}@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }}.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;}@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }}@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }}.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;}@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;}@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown;}@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft;}@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight;}@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp;}@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }}@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }}.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }}@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }}.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }}@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }}.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight;}@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }}@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }}.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp;}.bx-wrapper{ position: relative; margin: 0 auto; padding: 0;}.bx-wrapper .bx-pager{ position: absolute; bottom: -30px; z-index: 99; width: 100%; text-align: center;}.bx-wrapper .bx-pager .bx-pager-item{ display: inline-block;}.bx-wrapper .bx-pager.bx-default-pager a{ display: block; width: 10px; height: 10px; margin: 0 5px; text-indent: -9999px; border-radius: 50%; outline: 0; background: #666;}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{ background: #000;}.bx-wrapper .bx-controls-direction a{ position: absolute; top: 50%; z-index: 99; width: 128px; height: 126px; margin-top: -63px; text-indent: -9999px; outline: 0; opacity: 0.5; transition: opacity 0.2s linear; background: url(../themes/site/images/ic_slider_arrows.png) 0 0 no-repeat;}.bx-wrapper .bx-controls-direction a.bx-prev{ left: 20px; background-position: 0 0;}.bx-wrapper .bx-controls-direction a.bx-next{ right: 20px; background-position: -128px 0;}.bx-wrapper .bx-controls-direction a:hover{ opacity: 1;}.clients .bx-wrapper .bx-controls-direction a{ position: absolute; top: 50%; z-index: 99; width: 88px; height: 86px; margin-top: -43px; text-indent: -9999px; outline: 0; opacity: 0.5; transition: opacity 0.2s linear; background: url(../themes/site/images/ic_slider_arrows2.png) 0 0 no-repeat;}.clients .bx-wrapper .bx-controls-direction a.bx-prev{left: auto; right: -120px; background-position: 0 0;}.clients .bx-wrapper .bx-controls-direction a.bx-next{ display: none;}.clients .bx-wrapper .bx-controls-direction a:hover{ opacity: 1;}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-caption{ display: none;}.slick-slider{ display: block; position: relative; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}.slick-list{ display: block; overflow: hidden; position: relative; margin: 0; padding: 0;}.slick-list:focus{ outline: none;}.slick-list.dragging{ cursor: pointer; cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.slick-track{ display: block; position: relative; top: 0; left: 0;}.slick-track:before,.slick-track:after{ display: table; content: '';}.slick-track:after{ clear: both;}.slick-loading .slick-track{ visibility: hidden;}.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}[dir='rtl'] .slick-slide{ float: right;}.slick-slide img{ display: block;}.slick-slide.slick-loading img{ display: none;}.slick-slide.dragging img{ pointer-events: none;}.slick-initialized .slick-slide{ display: block;}.slick-loading .slick-slide{ visibility: hidden;}.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}.slick-arrow.slick-hidden{ display: none;}.slick-arrow{ display: block; overflow: hidden; position: absolute; top: 50%; z-index: 999; width: 85px; height: 85px; margin-top: -42px; text-indent: -9999px; opacity: .5; border: none; background: url(../themes/site/images/ic_slider_arrows.png) 0 0 no-repeat; background-size: 200% auto; cursor: pointer; transition: opacity .2s linear;}.slick-arrow.slick-prev{ left: 20px; background-position: 0 0;}.slick-arrow.slick-next{ right: 20px; background-position: -85px 0;}.slick-arrow:hover{ opacity: 1;}.slick-dots{ position: absolute; bottom: -22px; left: 0; width: 100%; height: 18px; text-align: center;}.slick-dots li{ display: inline-block; margin: 0 5px; list-style: none; vertical-align: top;}.slick-dots li button{ overflow: hidden; width: 18px; height: 18px; text-indent: -9999px; border: none; border-radius: 50%; border-radius: 50%; background: #fff; cursor: pointer; transition: background .2s linear;}.slick-dots li button:hover,.slick-dots li.slick-active button{ background: #ed7c38;}* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}img { border: none;}textarea { overflow: auto;}input,textarea,input:active,textarea:active { outline: none transparent!important; box-shadow: none; -moz-outline: none!important;}input[type=submit],button[type=submit] { -webkit-border-radius: 0; -webkit-appearance: none;}:focus { outline: none;}.clear { clear: both;}.left { float: left;}.right { float: right;}html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}body { background: #fff; -webkit-text-size-adjust: 100%;}.cont { position: relative; width: 100%; max-width: 960px; margin: 0 auto; padding: 0 10px;}.desktop .main_slider .block_title,.desktop .main_slider .block_desc,.desktop .main_slider .items,.desktop .why .info .title,.desktop .why .info .desc,.desktop .joy .bottom .text,.desktop .differences .items .item,.desktop .we_can_offer .item,.desktop .prices .consist .item,.desktop .prices .discount,.desktop .prices .time,.desktop .garanti .items .item,.desktop .garanti .bottom,.desktop .steps .item,.desktop .team .items .item,.desktop .stop .form,.desktop .selling_text_about .block_title,.desktop .selling_text_about .should .items .item,.desktop .selling_text_costume .items .item,.desktop .advantages .item,.desktop .bottom_block .title,.desktop .com_offer_about .block_title,.desktop .com_offer_pluses .items .item,.desktop .com_offer_types .item,.desktop .seo_copy_about .block_title,.desktop .seo_copy_about .block_desc,.desktop .seo_copy_text .we_help,.desktop .seo_copy_when .item,.desktop .email_market_about .block_title,.desktop .email_market_about .block_desc,.desktop .email_market_text .bottom,.desktop .email_market_pluses .item { visibility: hidden;}.animated { visibility: visible !important;}header .info { overflow: hidden; padding: 20px 0;}header .logo img { display: block; max-width: 100%;}header .contacts { padding-top: 25px; text-align: right;}header .phone { display: block; color: #3e3353; font: 500 35px Ubuntu;}header .callback_link { display: inline-block; color: #3e3353; font: 300 20px/25px Ubuntu; vertical-align: top; text-decoration: none; opacity: .5; border-bottom: 1px dashed; transition: opacity .2s linear;}header .callback_link:hover { opacity: 1;}header .menu { z-index: 1000; width: 100%; background: #fff;}header .menu_link { display: none !important; width: 100%; color: #3e3353; font: 500 25px/50px Ubuntu !important; text-align: center; text-decoration: none; text-transform: uppercase;}header .menu_link:after { display: none;}header .menu_link div { display: inline-block; padding-left: 35px; vertical-align: top; background: url(../themes/site/images/ic_mob_menu_link.png) 0 50% no-repeat;}header .menu ul { height: 45px; text-align: justify;}header .menu ul:after { display: inline-block; width: 100%; content: '';}header .menu li { display: inline-block; list-style: none; vertical-align: top;}header .menu a { display: block; position: relative; color: #3e3353; font: 500 20px/45px Ubuntu; text-decoration: none; text-transform: uppercase; transition: font-size .2s linear;}header .menu a:after { position: absolute; right: 0; bottom: 5px; left: 0; width: 0; height: 2px; margin: auto; color: transparent; background: #3e3353; content: ''; transition: width .3s linear;}header .menu a:hover:after,header .menu a.active:after { width: 100%;}header .is-sticky .menu { box-shadow: 0 1px 3px rgba(0, 0, 0, .3);}header .is-sticky .menu a { font-size: 16px;}.main_slider { overflow: hidden; height: 846px;}.main_slider li { overflow: hidden; width: 100%; height: 846px; padding: 65px 0; list-style: none;}.main_slider li.slide1 { background: url(../themes/site/images/bg_main_slide1.jpg) 50% 50% no-repeat;}.main_slider li.slide2 { background: url(../themes/site/images/bg_main_slide2.jpg) 50% 50% no-repeat;}.main_slider li.slide3 { background: url(../themes/site/images/bg_main_slide3.jpg) 50% 50% no-repeat;}.main_slider li.slide4 { background: url(../themes/site/images/bg_main_slide4.jpg) 50% 50% no-repeat;}.main_slider .block_title { margin-bottom: 10px; color: #fff; font: 500 60px Ubuntu; text-align: right;}.main_slider li.slide2 .block_title { margin-bottom: 75px;}.main_slider li.slide4 .block_title { font-size: 52px; font-weight: bold;}.main_slider li.slide4 .block_title span { font-size: 44px; font-weight: normal; display: block;}.main_slider .block_desc { width: 610px; max-width: 100%; margin-bottom: 50px; color: #fff; font: 500 30px Ubuntu; text-align: right;}.main_slider li.slide3 .block_desc { color: #ed7c38; font-size: 40px;}.main_slider li.slide4 .block_desc { color: #ec7b36; font-size: 36px; font-weight: bold; width: 100%; margin-bottom: 15px;}.main_slider li.slide4 .block_desc span { font-size: 32px; font-weight: normal; display: block;}.main_slider li.slide4 .block_desc2 { font-size: 15px; font-weight: 300; display: block; text-decoration: underline; color: #fff; font-family: Ubuntu; margin-bottom: 50px;}.main_slider li.slide4 .block_desc3 { font-size: 38px; font-weight: bold; display: block; color: #fff; font-family: Ubuntu; margin: 50px 0 0; text-align: right;}.main_slider li.slide4 .block_desc3 span { font-size: 37px; font-weight: normal; display: block;}.main_slider li.slide4 .block_desc3 span b { color: #ec7b36;}.main_slider .items { clear: both; overflow: hidden; width: 410px;}.main_slider li.slide3 .items { width: 545px;}.main_slider li.slide4 .items { width: 650px;}.main_slider .items .item { padding-left: 110px; color: #fff; font: 24px Ubuntu;}.main_slider li.slide4 .items .item { padding-left: 52px;}.main_slider .items .item + .item { margin-top: 20px;}.main_slider li.slide3 .items .item + .item { margin-top: 30px;}.main_slider .items .item .box { display: table-cell; height: 84px; vertical-align: middle;}.main_slider li.slide4 .items .item .box { font-size: 22px; height: 32px;}.main_slider li.slide2 .items .item .box { height: 85px;}.main_slider li.slide3 .items .item .box { height: 60px;}.main_slider li.slide1 .items .item.icon1 { background: url(../themes/site/images/ic_main_slide1_item1.png) 0 0 no-repeat;}.main_slider li.slide1 .items .item.icon2 { background: url(../themes/site/images/ic_main_slide1_item2.png) 0 0 no-repeat;}.main_slider li.slide1 .items .item.icon3 { background: url(../themes/site/images/ic_main_slide1_item2.png) 0 0 no-repeat;}.main_slider li.slide2 .items .item.icon1 { background: url(../themes/site/images/ic_main_slide2_item1.png) 0 0 no-repeat;}.main_slider li.slide2 .items .item.icon2 { background: url(../themes/site/images/ic_main_slide2_item2.png) 0 0 no-repeat;}.main_slider li.slide2 .items .item.icon3 { background: url(../themes/site/images/ic_main_slide2_item2.png) 0 0 no-repeat;}.main_slider li.slide3 .items .item { background: url(../themes/site/images/ic_main_slide3_item.png) 0 0 no-repeat;}.main_slider li.slide4 .items .item { background: url(../themes/site/images/ic_main_slide4_item.png) 0 0 no-repeat;}.main_slider .order_link { display: block; width: 100%; height: 59px; margin-top: 50px; color: #fff; font: 500 34px/55px Ubuntu; text-align: center; text-decoration: none; border-radius: 30px; background: #ed7c38; transition: background .2s linear;}.main_slider li.slide3 .order_link { width: auto; min-width: 300px; height: 50px; font-size: 30px; line-height: 48px;}.main_slider li.slide4 .order_link { float: right; padding: 0 50px; width: auto;}.main_slider .order_link:hover { background: #ed5739;}.why { padding: 50px 0 10px;}.why .block_title { margin-bottom: 10px; color: #3e3353; font: 500 50px Ubuntu; text-align: center;}.why .info { width: 49%; text-align: center;}.why .info .title { position: relative; margin-bottom: 30px; padding: 0 40px; color: #3e3353; font: 500 28px Ubuntu;}.why .info .title:before { display: block; position: absolute; top: 50px; left: -35px; width: 68px; height: 71px; background: url(../themes/site/images/ic_why_title.png) 0 0 no-repeat; content: '';}.why .info .desc { position: relative; padding: 22px 40px; color: #3e3353; font: 24px Ubuntu; text-align: left; border-radius: 20px; background: #eff0f0;}.why .info .desc:before { display: block; position: absolute; right: 75px; bottom: -27px; width: 71px; height: 65px; background: url(../themes/site/images/ic_why_desc.png) 0 0 no-repeat; content: '';}.why .img { display: block; width: 49%; max-width: 100%; margin-right: -10px;}.joy .top { position: relative; margin-bottom: 55px; padding: 15px 0; text-align: center; background: #eff0f0;}.joy .top:before { display: block; position: absolute; top: -18px; left: 0; width: 100%; height: 18px; background: url(../themes/site/images/bg_walve_top_gray.png) 0 0 repeat-x; content: '';}.joy .top:after { display: block; position: absolute; bottom: -18px; left: 0; width: 100%; height: 18px; background: url(../themes/site/images/bg_walve_bottom_gray.png) 0 0 repeat-x; content: '';}.joy .top .title { margin-bottom: 25px; color: #3e3353; font: 24px Ubuntu;}.joy .top .item { display: inline-block; margin: 0 2px; color: #3e3353; font: 20px Ubuntu; text-align: left; vertical-align: middle;}.joy .top .item1 { width: 190px; height: 159px; padding: 55px 45px 0; background: url(../themes/site/images/bg_joy_item1.png) 0 0 no-repeat;}.joy .top .item2 { width: 263px; height: 181px; padding: 40px 35px 0 50px; background: url(../themes/site/images/bg_joy_item2.png) 0 0 no-repeat;}.joy .top .item3 { width: 190px; height: 159px; padding: 75px 30px 0 40px; background: url(../themes/site/images/bg_joy_item1.png) 0 0 no-repeat;}.joy .top .item4 { width: 263px; height: 181px; padding: 38px 28px 0 33px; background: url(../themes/site/images/bg_joy_item2.png) 0 0 no-repeat;}.joy .bottom { position: relative;}.joy .bottom .img1 { display: block; position: absolute; top: -115px; left: -15px;}.joy .bottom .img2 { display: block; position: absolute; top: -70px; right: -120px;}.joy .bottom .text { width: 455px; max-width: 100%; margin: 0 auto; color: #3e3353; font: 24px Ubuntu; text-align: center;}.differences { overflow: hidden; padding: 35px 0;}.differences .block_title { margin-bottom: 30px; color: #3e3353; font: 500 50px Ubuntu; text-align: center;}.differences .items { margin-left: -2%;}.differences .items .item { width: 31.333%; margin-left: 2%; padding: 15px 15px 25px; border-bottom: 30px solid transparent; border-radius: 20px; background: #eff0f0;}.differences .items .item.active { background: #fff; box-shadow: 0 5px 24px rgba(139, 139, 139, .42);}.differences .items .item:nth-child(1) { border-color: #3d3352;}.differences .items .item:nth-child(2) { border-color: #eb7a38;}.differences .items .item:nth-child(3) { border-color: #6cc9e9;}.differences .items .item .title { margin-bottom: 15px; padding-left: 120px; color: #3e3353; font: 18px Ubuntu;}.differences .items .item:nth-child(1) .title { background: url(../themes/site/images/ic_differences_title1.png) 0 0 no-repeat;}.differences .items .item:nth-child(2) .title { background: url(../themes/site/images/ic_differences_title2.png) 0 0 no-repeat;}.differences .items .item:nth-child(3) .title { background: url(../themes/site/images/ic_differences_title3.png) 0 0 no-repeat;}.differences .items .item .title .box { display: table-cell; height: 101px; vertical-align: middle;}.differences .items .item .desc { margin-bottom: 15px; color: #3e3353; font: 500 18px Ubuntu; text-align: center; text-transform: uppercase;}.differences .items .item .desc span { text-transform: none;}.differences .items .item .list_item { padding-left: 45px; color: #3e3353; font: 18px Ubuntu; background: url(../themes/site/images/ic_differences_minus.png) 0 0 no-repeat;}.differences .items .item .list_item + .list_item { margin-top: 20px;}.differences .items .item.active .list_item { background: url(../themes/site/images/ic_main_slide3_item.png) 0 0 no-repeat; background-size: auto 31px;}.we_can_offer { background: #3e3353;}.we_can_offer > .cont { padding-top: 75px;}.we_can_offer > .cont:before { display: block; position: absolute; top: 0; right: -25px; width: 287px; height: 191px; background: url(../themes/site/images/bg_we_can_offer.png) 0 0 no-repeat; content: '';}.we_can_offer .block_title { margin-bottom: 55px; color: #6cc9e9; font: 500 50px Ubuntu; text-align: center;}.we_can_offer .items { margin-bottom: -18px; text-align: justify;}.we_can_offer .items:after { display: inline-block; width: 100%; content: '';}.we_can_offer .item { display: inline-block; margin-bottom: 40px; text-align: center; vertical-align: top; text-decoration: none; transition: .3s;}.we_can_offer .item:hover { transform: scale(1.05);}.we_can_offer .item .name { margin-bottom: 10px; color: #fff; font: 500 24px Ubuntu;}.we_can_offer .item .desc { margin-bottom: 25px; color: #6cccec; font: 18px Ubuntu;}.we_can_offer .item .details { display: inline-block; height: 33px; padding: 0 20px; color: #fff; font: 500 20px/30px Ubuntu; text-align: center; vertical-align: top; text-decoration: none; border-radius: 30px; background: #ed7c38; transition: background .2s linear;}.we_can_offer .item .details:hover { background: #ed5739;}.we_can_offer .bottom { position: relative; margin-top: 40px; padding: 50px 0 45px; text-align: center; background: #6cc9e9;}.we_can_offer .bottom:after { display: block; position: absolute; bottom: -18px; left: 0; width: 100%; height: 18px; background: url(../themes/site/images/bg_walve_bottom_blue.png) 0 0 repeat-x; content: '';}.we_can_offer .bottom .link { display: inline-block; height: 40px; padding: 0 25px; color: #fff; font: 500 20px/38px Ubuntu; text-align: center; vertical-align: top; text-decoration: none; border-radius: 30px; background: #ed7c38; transition: background .2s linear;}.we_can_offer .bottom .link:hover { background: #ed5739;}.clients { overflow: hidden; padding: 75px 0 35px; background: #eff0f0;}.clients .block_title { color: #3e3353; font: 500 50px Ubuntu; text-align: center;}.clients .carousel { height: 268px; padding: 45px 0 0; overflow: hidden; background: url(../themes/site/images/bg_clients.png) 50% 0 no-repeat;}.clients .bx-wrapper { margin-left: 0 !important;}.clients li { display: inline-block; height: 120px; list-style: none; line-height: 120px; text-align: center;}.clients li img { position: relative; top: -1px; max-width: 100%; max-height: 100%; vertical-align: middle;}.prices { overflow: hidden; padding: 90px 0 120px; background: url(../themes/site/images/bg_prices.jpg) 50% 0 no-repeat;}.prices .block_head { margin-bottom: 40px; text-align: center;}.prices .block_title { margin-bottom: 10px; color: #3d3352; font: 500 50px Ubuntu;}.prices .block_desc { color: #3d3352; font: 30px Ubuntu;}.prices .consist { padding-bottom: 52px; background: url(../themes/site/images/bg_consist.png) 50% 135px no-repeat;}.prices .consist .title { margin-bottom: 50px; color: #3d3352; font: 500 30px Ubuntu; text-align: center;}.prices .consist .item { width: 220px; margin-bottom: 52px; color: #3d3352; font: 500 24px Ubuntu;}.prices .consist .item.left { text-align: right;}.prices .consist .item .box { display: table-cell; width: 220px; height: 84px; vertical-align: top;}.prices .consist .item:nth-child(9) .box { vertical-align: middle;}.prices .discount { position: relative; width: 460px; max-width: 100%; margin: 0 auto 75px; padding: 50px 60px; color: #3d3352; font: 30px Ubuntu; border-radius: 30px; background: #eff0f0;}.prices .discount:after { display: block; position: absolute; right: -730px; bottom: -110px; z-index: 99; width: 800px; height: 358px; background: url(../themes/site/images/bg_prices_discount.png) 0 0 no-repeat; content: '';}.prices .time { position: relative; width: 540px; max-width: 100%; padding: 50px 60px; color: #3d3352; font: 30px Ubuntu; border-radius: 30px; background: #eff0f0;}.prices .time:after { display: block; position: absolute; bottom: -60px; left: -890px; z-index: 99; width: 926px; height: 838px; background: url(../themes/site/images/bg_prices_time.png) 0 0 no-repeat; content: '';}.how_much { position: relative; padding: 75px 0; text-align: center; background: #eff0f0;}.how_much:after { display: block; position: absolute; bottom: -18px; left: 0; width: 100%; height: 18px; background: url(../themes/site/images/bg_walve_bottom_gray.png) 0 0 repeat-x; content: '';}.how_much .block_title { margin-bottom: 45px; color: #3d3352; font: 500 50px Ubuntu; text-align: center;}.how_much .link { display: inline-block; height: 50px; padding: 0 35px; color: #fff; font: 500 30px/48px Ubuntu; text-align: center; vertical-align: top; text-decoration: none; border-radius: 30px; background: #ed7c38; transition: background .2s linear;}.how_much .link:hover { background: #ed5739;}.garanti { padding: 95px 0 75px; background: #3e3353;}.garanti .block_title { margin-bottom: 50px; color: #fff; font: 500 50px Ubuntu; text-align: center;}.garanti .items { margin-bottom: 12px; text-align: justify;}.garanti .items:after { display: inline-block; width: 100%; content: '';}.garanti .items .item { display: inline-block; width: 31.333%; color: #fff; font: 18px Ubuntu; text-align: center; vertical-align: top;}.garanti .items .item .icon { height: 115px; margin-bottom: 20px; line-height: 115px;}.garanti .items .item .icon img { position: relative; top: -1px; max-width: 100%; max-height: 100%; vertical-align: middle;}.garanti .items .item .name { margin-bottom: 10px; color: #6cccec; font: 500 30px Ubuntu;}.garanti .bottom { margin-top: 30px; padding: 0 80px; text-align: center;}.garanti .bottom .title { margin-bottom: 55px; color: #6cccec; font: 500 30px Ubuntu;}.garanti .bottom .link { display: inline-block; height: 50px; padding: 0 35px; color: #fff; font: 500 30px/48px Ubuntu; text-align: center; vertical-align: top; text-decoration: none; border-radius: 30px; background: #ed7c38; transition: background .2s linear;}.garanti .bottom .link:hover { background: #ed5739;}.reviews { position: relative; padding: 60px 0; background: #6cccec;}.reviews:after { display: block; position: absolute; bottom: -18px; left: 0; z-index: 9; width: 100%; height: 18px; background: url(../themes/site/images/bg_walve_bottom_blue.png) 0 0 repeat-x; content: '';}.reviews .block_title { margin-bottom: 45px; color: #3d3352; font: 500 50px Ubuntu; text-align: center;}.reviews .carousel { padding-bottom: 30px;}.reviews .slick-track { padding: 0 90px;}.reviews .review { min-height: 460px; display: inline-block; vertical-align: top; width: 460px; padding: 40px 40px; text-align: center; opacity: .7; border-radius: 30px; background: #fff; transition: all .5s linear; -webkit-transform: scale(.7, .7); -ms-transform: scale(.7, .7); transform: scale(.7, .7);}.reviews .review.slick-center { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}.reviews .review .author { overflow: hidden; margin-bottom: 25px;}.reviews .review .foto { overflow: hidden; position: relative; z-index: 2; width: 139px; height: 139px; border-radius: 50%; background: #f9f9f9 url(../themes/site/images/no_avatar.png) no-repeat scroll center center;}.reviews .review .foto img { display: block; width: 100%; border-radius: 50%;}.reviews .review .info { position: relative; z-index: 1; width: 100%; margin-left: -139px; padding-top: 5px; padding-left: 159px; color: #3d3352; font: 18px Ubuntu; text-align: left;}.reviews .review .info .name { margin-bottom: 10px; font-weight: 500;}.reviews .review .text { color: #3d3352; font-family: Ubuntu; font-size: 14px; line-height: 1.4em; text-align: left;}.reviews .review .details { display: inline-block; height: 37px; margin-top: 25px; padding: 0 30px; color: #fff; font: 500 22px/35px Ubuntu; text-align: center; vertical-align: top; text-decoration: none; border-radius: 30px; background: #ed7c38; transition: background .2s linear;}.reviews .review .details:hover { background: #ed5739;}.steps { padding: 95px 0 40px; background: #eff0f0 url(../themes/site/images/bg_steps.png) 50% 100% no-repeat;}.steps .icon { display: block; position: absolute; top: 0; left: 50%; z-index: 999; margin-left: -65px;}.steps .block_title { margin-bottom: 45px; color: #3d3352; font: 500 50px Ubuntu; text-align: center;}.steps .block_title .left { width: 42%; text-align: right;}.steps .block_title .right { width: 42%; text-align: left;}.steps .items { position: relative;}.steps .items:before { display: block; position: absolute; top: 2%; left: 50%; z-index: 5; width: 2px; height: 93%; margin-left: -1px; background: #ed7c38; content: '';}.steps .item { position: relative; z-index: 9; width: 50%; max-width: 100%; padding-left: 170px; color: #3e3353; font: 30px Ubuntu;}.steps .item.left { padding-right: 170px; padding-left: 0; text-align: right;}.steps .item:before { display: block; position: absolute; top: 0; left: 150px; z-index: 9; width: 2px; height: 100%; background: #ed7c38; content: '';}.steps .item.left:before { right: 150px; left: auto;}.steps .item:after { display: block; position: absolute; top: 50%; left: 0; z-index: 9; width: 150px; height: 2px; margin-top: -1px; background: #ed7c38; content: '';}.steps .item.left:after { right: 0; left: auto;}.steps .item2 { margin-top: 185px;}.steps .item3 { margin-top: 105px;}.steps .item4 { margin-top: 160px;}.steps .item5 { margin-top: -75px;}.steps .item6 { margin-top: 110px;}.steps .item a { color: #ed7c38; font-weight: 500;}.steps .item a:hover { text-decoration: none;}.steps .item .number { position: absolute; top: 50%; left: -50px; z-index: 10; width: 100px; height: 100px; margin-top: -50px; color: #fff; font: 700 72px/100px Ubuntu; text-align: center; border-radius: 50%; background: #ed7c38;}.steps .item.left .number { right: -50px; left: auto;}.team { padding: 60px 0;}.team .block_title { margin-bottom: 45px; color: #3d3352; font: 500 50px Ubuntu; text-align: center;}.team .text { width: 50%; padding: 30px 40px; color: #fff; font: 24px Ubuntu; border-radius: 20px; background: #ed7c38;}.team .items { width: 45%;}.team .items .item { padding-left: 130px; color: #3e3353; font: 24px Ubuntu;}.team .items .item + .item { margin-top: 40px;}.team .items .item1 { background: url(../themes/site/images/ic_team1.png) 0 50% no-repeat;}.team .items .item2 { background: url(../themes/site/images/ic_team2.png) 0 50% no-repeat;}.team .items .item3 { background: url(../themes/site/images/ic_team3.png) 0 50% no-repeat;}.team .items .item .box { display: table-cell; height: 99px; vertical-align: middle;}.stop { padding: 70px 0 66px; background: url(../themes/site/images/bg_stop.jpg) 50% 0 no-repeat;}.stop .block_title { margin-bottom: 45px; color: #3d3352; font: 500 50px Ubuntu;}.stop .info { width: 405px; max-width: 100%;}.stop .info .title { color: #3d3352; font: 500 50px Ubuntu;}.stop .info .title span { display: block; font-size: 30px; font-weight: 400;}.stop .form { width: 465px; max-width: 100%;}.stop .form .title { margin-bottom: 30px; color: #3e3353; font: 500 30px Ubuntu; text-align: center;}.stop .form form { padding: 60px; border-radius: 30px; background: #fff; box-shadow: 0 0 46px rgba(36, 147, 183, .69);}.stop .form form .line { margin-bottom: 15px;}.stop .form form .input { width: 100%; height: 52px; padding: 0 15px; color: #95919d; font: 20px Ubuntu; text-align: center; border: 1px solid #b2b2b2; background: #eff0f0;}.stop .form form::-webkit-input-placeholder { color: #95919d;}.stop .form form::-moz-placeholder { color: #95919d;}.stop .form form:-moz-placeholder { color: #95919d;}.stop .form form:-ms-input-placeholder { color: #95919d;}.stop .form form .submit { padding-top: 22px;}.stop .form form .submit_btn { display: block; width: 100%; height: 46px; color: #fff; font: 500 24px Ubuntu; border: none; border-radius: 30px; background: #ed7c38; cursor: pointer; transition: background .2s linear;}.stop .form form .submit_btn:hover { background: #ed5739;}.stop .form form .privacy-policy { font-size: 11px; color: #666; line-height: 1.2em; padding-top: 10px; font-family: Ubuntu;}.selling_text_about { padding: 60px 0; text-align: center; background: url(../themes/site/images/bg_selling_text_about.jpg) 50% 0 no-repeat;}.selling_text_about .block_title { margin-bottom: 20px; color: #3e3353; font: 500 50px Ubuntu;}.selling_text_about .block_title span { display: inline-block; height: 65px; padding: 0 30px; color: #ed7c38; font: 500 40px/62px Ubuntu; vertical-align: top; background: #3e3353;}.selling_text_about .block_desc { margin-bottom: 30px; color: #3e3353; font: 24px Ubuntu;}.selling_text_about .should { padding-top: 40px;}.selling_text_about .should .title { margin-bottom: 40px; color: #3e3353; font: 700 40px Ubuntu;}.selling_text_about .should .items { margin-bottom: 35px;}.selling_text_about .should .items .item { display: inline-block; width: 300px; margin: 0 5px; padding-top: 101px; color: #3e3353; font: 24px Ubuntu; vertical-align: top; background: url(../themes/site/images/ic_selling_text_about.png) 50% 0 no-repeat;}.selling_text_about .should .items .item .name { font-size: 35px; font-weight: 500;}.selling_text_about .should .text { color: #463c59; font: 24px Ubuntu;}.selling_text_costume { padding: 60px 0;}.selling_text_costume .block_title { margin-bottom: 20px; color: #3e3353; font: 500 50px Ubuntu; text-align: center;}.selling_text_costume .block_desc { margin-bottom: 40px; color: #3e3353; font: 24px Ubuntu; text-align: center;}.selling_text_costume .block_desc p + p { margin-top: 15px;}.selling_text_costume .items { position: relative; height: 765px; background: url(../themes/site/images/bg_selling_text_costume.png) 50% 150px no-repeat;}.selling_text_costume .items .title { width: 600px; max-width: 100%; color: #3e3353; font: 500 40px Ubuntu;}.selling_text_costume .items .item { position: absolute; width: 260px; padding: 25px; color: #3e3353; font: 24px Ubuntu; text-align: center; border-radius: 30px;}.selling_text_costume .items .item b { font-weight: 500; text-transform: uppercase;}.selling_text_costume .items .item1 { top: 0; right: 60px; background: #6dcbeb;}.selling_text_costume .items .item2 { top: 290px; right: -20px; color: #fff; background: #ec7a38;}.selling_text_costume .items .item3 { top: 290px; left: -20px; background: #6dcbeb;}.selling_text_costume .items .item4 { right: 60px; bottom: 0; background: #6dcbeb;}.selling_text_costume .items .item5 { bottom: 0; left: 60px; color: #fff; background: #ec7a38;}.selling_text_costume .items .item1:after { display: block; position: absolute; bottom: -120px; left: -20px; z-index: 99; width: 57px; height: 129px; background: url(../themes/site/images/ic_selling_text_costume1.png) 0 0 no-repeat; content: '';}.selling_text_costume .items .item2:after { display: block; position: absolute; bottom: -100px; left: -90px; z-index: 99; width: 120px; height: 138px; background: url(../themes/site/images/ic_selling_text_costume2.png) 0 0 no-repeat; content: '';}.selling_text_costume .items .item3:after { display: block; position: absolute; top: -50px; right: -75px; z-index: 99; width: 110px; height: 79px; background: url(../themes/site/images/ic_selling_text_costume3.png) 0 0 no-repeat; content: '';}.selling_text_costume .items .item4:after { display: block; position: absolute; bottom: 25px; left: -80px; z-index: 99; width: 113px; height: 49px; background: url(../themes/site/images/ic_selling_text_costume4.png) 0 0 no-repeat; content: '';}.selling_text_costume .items .item5:after { display: block; position: absolute; top: -165px; right: 5px; z-index: 99; width: 112px; height: 184px; background: url(../themes/site/images/ic_selling_text_costume5.png) 0 0 no-repeat; content: '';}.selling_text_order { overflow: hidden; background: url(../themes/site/images/bg_selling_text_order.jpg) 50% 0 no-repeat;}.selling_text_order .info { width: 480px; max-width: 100%; text-align: center;}.selling_text_order .box { display: table-cell; height: 553px; vertical-align: middle;}.selling_text_order .title { margin-bottom: 80px; color: #3e3353; font: 500 40px Ubuntu;}.selling_text_order .link { display: block; width: 100%; height: 50px; color: #fff; font: 500 30px/48px Ubuntu; text-align: center; vertical-align: top; text-decoration: none; border-radius: 30px; background: #ed7c38; transition: background .2s linear;}.selling_text_order .link:hover { background: #ed5739;}.advantages { padding: 60px 0 35px; text-align: center; background: #3e3353;}.advantages .item { display: inline-block; width: 300px; margin: 0 5px 25px; color: #fff; font: 30px Ubuntu; vertical-align: top;}.advantages .item .icon { height: 95px; margin-bottom: 15px; line-height: 95px;}.advantages .item .icon img { position: relative; top: -1px; max-width: 100%; max-height: 100%; vertical-align: middle;}.com_offer_about { padding: 90px 0; background: url(../themes/site/images/bg_com_offer_about.jpg) 50% 0 no-repeat;}.com_offer_about .block_title { margin-bottom: 20px; color: #3e3353; font: 500 50px Ubuntu;}.com_offer_about .block_title span { display: inline-block; height: 60px; margin-left: -25px; padding: 0 25px; color: #ed7c38; font: 500 40px/58px Ubuntu; vertical-align: top; background: #3e3353;}.com_offer_about .block_desc { width: 675px; max-width: 100%; margin-bottom: 25px; color: #3e3353; font: 24px Ubuntu;}.com_offer_text { padding: 80px 0; text-align: center;}.com_offer_text .title { margin-bottom: 20px; color: #3e3353; font: 500 50px Ubuntu;}.com_offer_text .desc { color: #3e3353; font: 500 30px Ubuntu;}.com_offer_pluses { padding: 80px 0 95px; background: url(../themes/site/images/bg_com_offer_pluses.jpg) 50% 0 no-repeat;}.com_offer_pluses .info { width: 580px; max-width: 100%; color: #3e3353; font: 30px Ubuntu;}.com_offer_pluses .items { position: relative; margin-bottom: 80px; padding-left: 80px;}.com_offer_pluses .items:before { display: block; position: absolute; top: 16px; left: 8px; z-index: 99; width: 119px; height: 117px; background: url(../themes/site/images/bg_com_offer_pluses_items.png) 0 0 no-repeat; content: '';}.com_offer_pluses .items .item { padding-left: 100px; font-size: 24px; background: url(../themes/site/images/ic_com_offer_pluses.png) 0 50% no-repeat;}.com_offer_pluses .items .item + .item { margin-top: 25px;}.com_offer_pluses .items .item .box { display: table-cell; height: 86px; vertical-align: middle;}.com_offer_pluses .link { display: block; width: 100%; height: 50px; margin-top: 25px; color: #fff; font: 500 28px/48px Ubuntu; text-align: center; vertical-align: top; text-decoration: none; border-radius: 30px; background: #ed7c38; transition: background .2s linear;}.com_offer_pluses .link:hover { background: #ed5739;}.com_offer_types { padding: 70px 0;}.com_offer_types .block_title { margin-bottom: 40px; color: #3e3353; font: 500 50px Ubuntu; text-align: center;}.com_offer_types .item { overflow: hidden;}.com_offer_types .item + .item { margin-top: 50px;}.com_offer_types .item .img { position: relative; z-index: 2; width: 300px; font: 700 40px Ubuntu; text-align: center;}.com_offer_types .item .img img { display: block; max-width: 100%; margin: 0 auto 5px;}.com_offer_types .item .name.blue { color: #6cccec;}.com_offer_types .item .name.orange { color: #ed7c38;}.com_offer_types .item .desc { position: relative; width: 100%; margin-left: -300px; padding-left: 300px;}.com_offer_types .item .desc.right { margin-right: -300px; margin-left: 0; padding-right: 300px; padding-left: 0;}.com_offer_types .item .desc .box { display: table-cell; position: relative; height: 275px; padding: 40px 60px; color: #3e3353; font: 22px Ubuntu; vertical-align: middle; border-radius: 30px; background: #6cc9e9;}.com_offer_types .item .desc.right .box { color: #fff; background: #ed7c38;}.com_offer_types .item .desc .box:before { display: block; position: absolute; top: 50%; left: 0; width: 34px; height: 34px; margin-top: -17px; border: 17px solid transparent; border-left-color: #fff; content: '';}.com_offer_types .item .desc.right .box:before { right: 0; left: auto; border: 17px solid transparent; border-right-color: #fff;}.seo_copy_about { padding: 80px 0; color: #fff; background: url(../themes/site/images/bg_seo_copy_about.jpg) 50% 50% no-repeat;}.seo_copy_about .block_title { margin-bottom: 20px; font: 500 50px Ubuntu;}.seo_copy_about .block_desc { width: 660px; max-width: 100%; font: 30px Ubuntu;}.seo_copy_about .block_desc p + p { margin-top: 20px;}.seo_copy_text { padding: 80px 0 40px; text-align: center; background: url(../themes/site/images/bg_seo_copy_text.png) 50% 110px no-repeat;}.seo_copy_text .block_title { margin-bottom: 20px; color: #3e3353; font: 500 50px Ubuntu;}.seo_copy_text .block_desc { margin-bottom: 45px; color: #3e3353; font: 500 30px Ubuntu;}.seo_copy_text .block_desc p + p { margin-top: 40px;}.seo_copy_text .we_help { width: 623px; height: 371px; margin: 0 auto; padding: 80px 60px 0 115px; color: #fff; font: 500 40px Ubuntu; text-align: center; background: url(../themes/site/images/bg_we_help.png) 0 0 no-repeat;}.seo_copy_text .link { display: inline-block; height: 50px; margin-top: 20px; padding: 0 30px; color: #fff; font: 500 28px/48px Ubuntu; text-align: center; vertical-align: top; vertical-align: top; text-decoration: none; border-radius: 30px; background: #ed7c38; transition: background .2s linear;}.seo_copy_text .link:hover { background: #ed5739;}.seo_copy_when { padding: 80px 0; background: url(../themes/site/images/bg_seo_copy_when.jpg) 50% 50% no-repeat; background-size: cover;}.seo_copy_when .info { width: 640px; max-width: 100%;}.seo_copy_when .block_title { margin-bottom: 55px; color: #3e3353; font: 50px Ubuntu;}.seo_copy_when .items { padding-left: 100px;}.seo_copy_when .item { padding-left: 80px; color: #3e3353; font: 24px Ubuntu; background: url(../themes/site/images/ic_com_offer_pluses.png) 0 50% no-repeat; background-size: 53px 53px;}.seo_copy_when .item + .item { margin-top: 30px;}.seo_copy_when .item .box { display: table-cell; height: 53px; vertical-align: middle;}.email_market_about { height: 975px; padding: 115px 0; background: url(../themes/site/images/bg_email_market_about.jpg) 50% 50% no-repeat; background-size: cover;}.email_market_about .block_title { margin-bottom: 20px; margin-left: -15px;}.email_market_about .block_title span { display: inline-block; padding: 0 15px; color: #fff; font: 500 50px/75px Ubuntu; vertical-align: top; background: #3e3353;}.email_market_about .block_desc { color: #fff; font: 40px Ubuntu;}.email_market_text { overflow: hidden; position: relative; padding: 90px 0;}.email_market_text:after { display: block; position: absolute; bottom: 1px; left: 50%; width: 631px; height: 658px; margin-left: 329px; background: url(../themes/site/images/bg_email_market_text.png) 0 0 no-repeat; content: '';}.email_market_text .info { position: relative; width: 1060px; margin-bottom: 55px; margin-left: -70px; padding: 40px 70px;}.email_market_text .info:before { display: block; position: absolute; top: 50%; left: 50%; z-index: -1; width: 1264px; height: 830px; margin: -400px 0 0 -632px; background: url(../themes/site/images/bg_email_market_text_info.jpg) 0 0 no-repeat; content: '';}.email_market_text .info .item { overflow: hidden; color: #3e3353; font: 24px Ubuntu;}.email_market_text .info .text { position: relative; z-index: 1; width: 100%; margin-right: -400px; padding-right: 420px;}.email_market_text .info .text.right { margin-right: 0; margin-left: -400px; padding-top: 50px; padding-right: 0; padding-left: 420px;}.email_market_text .info .text p + p { margin-top: 20px;}.email_market_text .info .img { position: relative; z-index: 2; width: 400px; margin-top: 25px;}.email_market_text .info .text.right + .img { margin-top: 0;}.email_market_text .info img { display: block; max-width: 100%;}.email_market_text .bottom { width: 700px; max-width: 100%; color: #3e3353; font: 24px Ubuntu;}.email_market_text .link { display: inline-block; height: 50px; margin-top: 40px; padding: 0 30px; color: #fff; font: 500 28px/48px Ubuntu; text-align: center; vertical-align: top; vertical-align: top; text-decoration: none; border-radius: 30px; background: #ed7c38; transition: background .2s linear;}.email_market_text .link:hover { background: #ed5739;}.email_market_pluses { padding: 80px 0; background: #3e3353;}.email_market_pluses .block_title { margin-bottom: 20px; color: #ed7c38; font: 500 50px Ubuntu; text-align: center;}.email_market_pluses .item { padding-left: 160px; color: #fff; font: 28px Ubuntu;}.email_market_pluses .item + .item { margin-top: 35px;}.email_market_pluses .item1 { background: url(../themes/site/images/ic_email_market_pluses1.png) 0 50% no-repeat;}.email_market_pluses .item2 { background: url(../themes/site/images/ic_email_market_pluses2.png) 0 50% no-repeat;}.email_market_pluses .item3 { background: url(../themes/site/images/ic_email_market_pluses3.png) 0 50% no-repeat;}.email_market_pluses .item .box { display: table-cell; height: 123px; vertical-align: middle;}.bottom_block { position: relative; padding-top: 85px; text-align: center; background: #eff0f0;}.bottom_block:before { display: block; position: absolute; top: -45px; left: 50%; z-index: 10; width: 1447px; height: 559px; margin-left: -960px; background: url(../themes/site/images/bottom_block_img.png) 0 0 no-repeat; content: '';}.bottom_block .text { width: 540px; max-width: 100%; min-height: 300px; margin-bottom: 150px; color: #3e3453; font: 30px Ubuntu; text-align: left;}.bottom_block .text p + p { margin-top: 20px;}.bottom_block .text.big { width: 460px; max-width: 100%; font-size: 40px;}.bottom_block .title { margin-bottom: 50px; color: #3e3453; font: 48px Ubuntu;}.bottom_block .title b { font-weight: 500;}.bottom_block .link { display: inline-block; height: 50px; padding: 0 35px; color: #fff; font: 500 30px/48px Ubuntu; text-align: center; vertical-align: top; vertical-align: top; text-decoration: none; border-radius: 30px; background: #ed7c38; transition: background .2s linear;}.bottom_block .link:hover { background: #ed5739;}.bottom_block .bottom { margin-top: 85px; padding: 65px 0 75px; color: #3e3353; font: 500 50px Ubuntu; text-align: center; background: #fff;}.bottom_block .bottom a { color: #ed7c38; text-decoration: none; border-bottom: 2px dashed; transition: border-color .2s linear;}.bottom_block .bottom a:hover { border-color: transparent;}footer { position: relative; margin-bottom: -18px; padding-bottom: 18px; background: #3e3353 url(../themes/site/images/bg_footer.png) 50% 100% no-repeat;}footer:before { display: block; position: absolute; top: -16px; left: 0; width: 100%; height: 18px; background: url(../themes/site/images/bg_walve_top_fiolet.png) 0 0 repeat-x; content: '';}footer .info { overflow: hidden; padding: 25px 0 30px;}footer .logo img { display: block; max-width: 100%;}footer .contacts { padding-top: 25px; text-align: right;}footer .phone { display: block; color: #6bc8e8; font: 500 35px Ubuntu;}footer .callback_link { display: inline-block; color: #fff; font: 300 20px/25px Ubuntu; vertical-align: top; text-decoration: none; opacity: .5; border-bottom: 1px dashed; transition: opacity .2s linear;}footer .callback_link:hover { opacity: 1;}footer .email { display: block; color: #fff; font: 24px Ubuntu;}footer .menu ul { height: 20px; text-align: justify;}footer .menu ul:after { display: inline-block; width: 100%; content: '';}footer .menu li { display: inline-block; list-style: none; vertical-align: top;}footer .menu a { display: block; position: relative; color: #fff; font: 500 14px/20px Ubuntu; text-decoration: none; text-transform: uppercase;}footer .menu a:after { position: absolute; right: 0; bottom: -1px; left: 0; width: 0; height: 2px; margin: auto; color: transparent; background: #fff; content: ''; transition: width .3s linear;}footer .menu a:hover:after { width: 100%;}.popup_wrap { overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; outline: 0 none;}#popup { display: none; position: relative; width: 465px; margin: 100px auto;}#popup.no_mar { margin: 50px auto;}*html #popup { position: absolute;}#popup .bt_close { position: absolute; top: -10px; right: -5px; z-index: 222; width: 45px; height: 45px; background: url(../themes/site/images/ic_close.png) 0 0 no-repeat; cursor: pointer; transition: all 0.5s ease-in-out 0s;}#popup .bt_close:hover { transform: rotate(1080deg);}#fade { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; opacity: .75; background: #000;}*html #fade { position: absolute;}body.popup_open { overflow: hidden; }#popup .title { position: relative; margin-bottom: 30px; color: #fff; font: 500 30px Ubuntu; text-align: center;}#popup .title:after { display: block; position: absolute; bottom: -68px; left: 15px; z-index: 999; width: 48px; height: 85px; background: url(../themes/site/images/ic_popup_title.png) 0 0 no-repeat; content: '';}#popup .title2:after { display: block; position: absolute; right: 70px; bottom: -68px; left: auto; z-index: 999; width: 48px; height: 85px; background: url(../themes/site/images/ic_popup_title2.png) 0 0 no-repeat; content: '';}#popup .form { position: relative; padding: 60px; border-radius: 30px; background: #fff; box-shadow: 0 0 46px rgba(36, 147, 183, .69);}#popup .form .line { margin-bottom: 15px;}#popup .form .input { width: 100%; height: 52px; padding: 0 15px; color: #95919d; font: 20px Ubuntu; text-align: center; border: 1px solid #b2b2b2; background: #eff0f0;}#popup .form::-webkit-input-placeholder { color: #95919d;}#popup .form::-moz-placeholder { color: #95919d;}#popup .form:-moz-placeholder { color: #95919d;}#popup .form:-ms-input-placeholder { color: #95919d;}#popup .form .submit { padding-top: 22px;}#popup .form .submit_btn { display: block; width: 100%; height: 46px; color: #fff; font: 500 24px Ubuntu; border: none; border-radius: 30px; background: #ed7c38; cursor: pointer; transition: background .2s linear;}#popup .form .submit_btn:hover { background: #ed5739;}#popup .form .privacy-policy { font-size: 11px; color: #666; line-height: 1.2em; padding-top: 10px; font-family: Ubuntu;}.content_section { padding: 0 0 50px 0; border-top: 2px solid #3e3353; color: #3e3353; font-size: 16px; font-family: Ubuntu; line-height: 1.4em;}.content_section_header { background: #3e3353; padding: 40px 0; margin-bottom: 40px;}.content_section_header h1 { color: #6cc9e9 !important; margin: 0 !important; text-align: center;}.content_section h1,.content_section h2,.content_section h3,.content_section h4,.content_section h5,.content_section h6 { font-family: Ubuntu; font-weight: 500; line-height: 1.3em; margin: 0.2em 0 0.6em; color: #ed7c38; font-size: 18px; clear: both;}.content_section h1 { font-size: 2em;}.content_section h2 { font-size: 1.8em;}.content_section h3 { font-size: 1.6em;}.content_section h4 { font-size: 1.4em;}.content_section h5 { font-size: 1.2em;}.content_section h6 { font-size: 1em;}.content_section a { color: #ed7c38; text-decoration: underline;}.content_section a:hover { text-decoration: none;}.content_section .content_image { float: left; margin: 0 20px 10px 0; width: 50%;}.content_section p { padding-bottom: 15px;}.content_section ul,.content_section ol { margin: 0 0 20px 20px;}.content_section img { max-width: 100%; height: auto;}.articles { width: 100%; float: left;}.articles .item { width: 50%; float: left; box-sizing: border-box; margin-bottom: 50px; overflow: hidden;}.articles .item:nth-child(2n) { padding-left: 10px;}.articles .item:nth-child(2n+1) { padding-right: 10px;}.articles .item .image { width: 160px; height: 120px; padding-top: 15px; float: left; overflow: hidden; text-align: center; position: relative;}.articles .item .image:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../themes/site/images/article_image_frame.png) 0 0 no-repeat;}.articles .item .info { display: table-cell; height: 120px; padding-left: 30px; vertical-align: middle; width: 100%;}.articles .item .info name { font-size: 16px;}.content_article_image_inner { float: left; margin: 0 30px 20px 0; max-width: 100%; border: 6px solid #29618c; border-radius: 5px; max-width: 100%;}.content_article_image_inner img { float: left; max-width: 100%;}#scroll_up { background: #fff none repeat scroll 0 0; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px #ccc inset; box-sizing: border-box; cursor: pointer; display: block; height: 46px; opacity: 0.8; position: fixed; bottom: -50px; transition: all 0.8s ease 0s; width: 46px; z-index: 200; left: 20px;}#scroll_up:hover { opacity: 1;}#scroll_up.show { bottom: 20px;}#scroll_up.show.not_single { bottom: 70px;}#scroll_up:before { border-color: transparent transparent #888; border-style: solid; border-width: 0 10px 10px; content: ""; height: 0; left: 50%; margin: -6px 0 0 -10px; position: absolute; top: 50%; width: 0;}#scroll_up:after { border-color: transparent transparent #fff; border-style: solid; border-width: 0 10px 10px; content: ""; height: 0; left: 50%; margin: -4px 0 0 -10px; position: absolute; top: 50%; width: 0;}#scroll_down { background: #fff none repeat scroll 0 0; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px #ccc inset; box-sizing: border-box; cursor: pointer; display: block; height: 46px; opacity: 0.7; position: fixed; bottom: -50px; transition: all 0.8s ease 0s; width: 46px; z-index: 200; left: 20px;}#scroll_down:hover { opacity: 1;}#scroll_down.show { bottom: 20px;}#scroll_down:before { border-color: #888 transparent transparent; border-style: solid; border-width: 10px 10px 0; content: ""; height: 0; left: 50%; margin: -2px 0 0 -10px; position: absolute; top: 50%; width: 0;}#scroll_down:after { border-color: #fff transparent transparent; border-style: solid; border-width: 10px 10px 0; content: ""; height: 0; left: 50%; margin: -4px 0 0 -10px; position: absolute; top: 50%; width: 0;}.blog-section { background: #fff; padding: 50px 0;}.blog-section .items { display: flex; flex-wrap: wrap; padding: 25px 0;}.blog-section .item { width: 31%; margin: 1%; text-decoration: none; color: #3d3352;}.blog-section .item:hover { color: #29618c;}.blog-section .item__img { display: block; width: 100%; height: 150px; object-fit: cover;}.blog-section .item__title { margin-top: 15px; font: 500 18px 'Ubuntu', sans-serif;}.blog-section .block_title { margin-bottom: 25px; color:#3d3352; font: 500 50px Ubuntu; text-align: center;}.blog-section .link { display: inline-block; height: 40px; padding: 0 25px; color: #fff; font: 500 20px/38px Ubuntu; text-align: center; vertical-align: top; text-decoration: none; border-radius: 30px; background: #ed7c38; transition: background .2s linear;}.blog-section-footer { text-align: center; margin: 15px 0;}@media only screen and (min-width: 1100px) { #scroll_up { display: none; } #scroll_down { display: none; }}@media (max-width: 1023px){ .why .block_title, .we_can_offer .block_title, .differences .block_title, .clients .block_title, .prices .block_title, .how_much .block_title, .garanti .block_title, .reviews .block_title, .steps .block_title, .team .block_title, .stop .block_title, .stop .info .title, .selling_text_costume .block_title, .com_offer_text .title, .com_offer_types .block_title, .seo_copy_text .block_title, .seo_copy_when .block_title, .email_market_pluses .block_title{ margin-bottom: 40px; font-size: 40px; } header .menu a{ font-size: 16px; } header .phone{ font-size: 30px; } header .logo img{ width: 350px; } .main_slider .block_title{ font-size: 50px; } .main_slider .block_desc{ font-size: 26px; } .main_slider .bx-wrapper .bx-controls-direction a.bx-prev, .main_slider .bx-wrapper .bx-controls-direction a.bx-next{ display: none; } .why{ padding: 40px 0; } .why .img{ display: none; } .why .info{ float: none; width: 80%; margin: 0 auto; } .why .info .desc:before{ right: 45px; } .joy{ overflow: hidden; } .joy .top .item{ margin: 0 30px 20px; } .joy .bottom .img1, .joy .bottom .img2{ display: none; } .differences .items{ margin-left: 0; } .differences .items .item{ width: 100%; margin-left: 0; } .differences .items .item + .item{ margin-top: 30px; } .differences .items .item .list_item{ min-height: 31px; } .we_can_offer > .cont:before{ display: none; } .we_can_offer > .cont{ padding-top: 40px; } .we_can_offer .item{ width: 49%; } .we_can_offer .bottom{ margin-top: 0; padding: 40px 0; } .clients{ padding: 55px 0 40px; } .clients .carousel{ height: auto; padding: 0; background: none; } .clients .bx-wrapper{ margin-left: auto !important; } .clients .bx-wrapper .bx-controls-direction a{ display: none; } .prices{ padding: 40px 0; } .prices .block_title{ margin-bottom: 10px; } .prices .block_desc{ font-size: 26px; } .prices .consist .title{ margin-bottom: 40px; font-size: 26px; } .prices .consist{ padding-bottom: 40px; background-size: 50% auto; } .prices .consist .item{ width: 180px; margin-bottom: 40px; font-size: 20px; } .prices .consist .item .box{ height: 80px; vertical-align: middle; } .prices .discount, .prices .time{ font-size: 26px; } .how_much{ padding: 40px 0; } .garanti{ padding: 55px 0 40px; } .garanti .items .item{ font-size: 16px; } .garanti .items .item .name{ font-size: 26px; } .garanti .bottom .title{ margin-bottom: 40px; font-size: 26px; } .reviews{ padding: 40px 0 50px; } .steps{ padding: 55px 0 40px; } .steps .block_title .right, .steps .block_title .left{ width: 49.5%; } .steps .icon{ display: none; } .steps .items:before{ display: none; } .steps .item{ float: none; width: 80%; margin: 50px auto 0 !important; font-size: 24px; } .team{ padding: 40px 0; } .team .text{ width: 100%; margin-bottom: 40px; padding: 20px 30px; font-size: 20px; } .team .items{ width: 100%; } .stop{ padding: 40px 0; background-size: cover; } .stop .info{ width: 100%; text-align: center; } .stop .form{ float: none; margin: 0 auto; } .selling_text_about{ background-size: cover; } .selling_text_about .block_title, .com_offer_about .block_title, .seo_copy_about .block_title{ font-size: 40px; } .selling_text_about .block_desc, .com_offer_about .block_desc, .seo_copy_about .block_desc{ font-size: 20px; } .selling_text_about .should .title{ font-size: 30px; } .selling_text_about .should .items .item{ font-size: 20px; } .selling_text_about .should .items .item .name{ font-size: 30px; } .selling_text_about .should .items .item:last-child{ margin-top: 40px; } .selling_text_costume .items .title{ width: 100%; margin-bottom: 40px; font-size: 35px; text-align: center; } .selling_text_costume .items{ height: auto; background: none; } .selling_text_costume .items .item{ position: relative; top: 0; left: 0; width: 100%; margin-top: 20px; } .selling_text_costume .items .item:after{ display: none; } .advantages, .selling_text_costume{ padding: 40px 0; } .bottom_block:before{ display: none; } .bottom_block .text{ width: 100%; min-height: 0; margin-bottom: 50px; font-size: 26px; } .bottom_block .text.big{ font-size: 30px; } .bottom_block .title{ font-size: 40px; } .bottom_block .bottom{ margin-top: 50px; padding: 40px 0 60px; font-size: 40px; } .com_offer_text{ padding: 40px 0; } .com_offer_text .desc{ font-size: 23px; } .com_offer_pluses{ padding: 40px 0; } .com_offer_pluses .items:before{ display: none; } .com_offer_pluses .info{ font-size: 26px; } .com_offer_pluses .items .item{ font-size: 22px; } .com_offer_types{ padding: 40px 0; } .com_offer_types .item .desc .box{ padding: 30px; font-size: 20px; } .seo_copy_text .block_desc{ font-size: 24px; } .seo_copy_when, .seo_copy_text{ padding: 40px 0; } .email_market_about{ height: auto; } .email_market_about .block_desc{ font-size: 30px; } .email_market_about .block_title span{ font-size: 40px; line-height: 50px; } .email_market_text{ padding: 40px 0; } .email_market_text .info:before, .email_market_text:after{ display: none; } .email_market_text .info{ width: 100%; margin: 0 0 30px; padding: 40px; background: #eff0f0; } .email_market_text .info .img{ float: none; width: 100%; } .email_market_text .info img{ margin: 0 auto; } .email_market_text .info .text, .email_market_text .info .text.right{ margin: 0; padding: 0 0 20px; } .email_market_text .info .item + .item{ margin-top: 40px; } .email_market_pluses{ padding: 40px 0; } .email_market_pluses .item{ font-size: 24px; } footer .menu{ display: none; } footer .info{ padding-bottom: 0; } footer .logo img{ width: 250px; } footer .contacts{ padding-top: 10px; } footer .phone{ font-size: 30px; } footer .email{ font-size: 20px; }}@media (max-width: 767px) { .why .block_title, .we_can_offer .block_title, .differences .block_title, .clients .block_title, .prices .block_title, .how_much .block_title, .garanti .block_title, .reviews .block_title, .steps .block_title, .team .block_title, .stop .block_title, .stop .info .title, .selling_text_costume .block_title, .com_offer_text .title, .com_offer_types .block_title, .seo_copy_text .block_title, .seo_copy_when .block_title, .email_market_pluses .block_title{ margin-bottom: 35px; font-size: 35px; } header .logo{ float: none; width: 100%; } header .logo img{ margin: 0 auto; } header .contacts{ float: none; width: 100%; text-align: center; } header .phone{ margin-top: 10px; } header .menu{ padding-bottom: 5px; } header .menu_link{ display: block !important; } header .menu ul{ display: none; position: absolute; left: 0; z-index: 999; width: 100%; height: auto; text-align: center; border-top: 1px solid #000; background: #fff; } header .menu li, header .menu li a{ display: block; width: 100%; text-align: center; } .main_slider li, .main_slider{ height: 820px; } .main_slider .block_title{ font-size: 35px; } .main_slider .block_desc, .main_slider li.slide3 .block_desc{ padding-left: 40px; font-size: 20px; } .main_slider .items, .main_slider li.slide3 .items{ width: 100%; } .main_slider .items .item{ font-size: 20px; } .why .info .title{ font-size: 23px; } .why .info .desc{ font-size: 20px; } .joy .top .item{ margin: 0 0 20px; } .joy .bottom .text{ font-size: 20px; } .prices .block_desc{ font-size: 22px; } .prices .consist{ padding: 0 0 30px; background: none; } .prices .consist .item{ width: 48%; margin-bottom: 10px; text-align: center !important; } .prices .discount{ margin-bottom: 20px; } .prices .discount:after, .prices .time:after{ display: none; } .prices .discount, .prices .time{ padding: 30px; } .garanti .items .item{ display: block; float: none; width: 70%; margin: 0 auto; } .garanti .items .item + .item{ margin-top: 40px; } .garanti .bottom{ padding: 0; } .garanti .bottom .link, .how_much .link{ font-size: 23px; } .slick-arrow{ display: none !important; } .steps .block_title{ font-size: 28px; } .steps .block_title .right, .steps .block_title .left{ width: 49%; } .steps .item{ width: 100%; font-size: 20px; } .steps .item.left .number{ right: 0; } .steps .item.right .number{ left: 0; } .team .items .item{ font-size: 20px; } .selling_text_about .block_title, .com_offer_about .block_title, .seo_copy_about .block_title{ font-size: 35px; } .selling_text_about .block_title span{ display: block; height: auto; font-size: 30px; line-height: 45px; } .selling_text_about .block_title br{ display: none; } .selling_text_about .should .items .item + .item{ margin-top: 40px; } .selling_text_about .should .text{ font-size: 20px; } .selling_text_costume .items .title{ font-size: 30px; } .advantages .item{ font-size: 26px; } .bottom_block .title{ font-size: 35px; } .bottom_block .link{ display: block; width: 100%; padding: 0; font-size: 23px; text-align: center; } .bottom_block .bottom{ font-size: 30px; } .bottom_block .text.big{ font-size: 26px; } .com_offer_about{ padding: 60px 0; } .com_offer_about .block_title span{ display: block; height: auto; font-size: 30px; line-height: 45px; } .com_offer_about .block_title br{ display: none; } .com_offer_pluses .link{ font-size: 23px; } .com_offer_types .item .img{ width: 100%; } .com_offer_types .item .desc, .com_offer_types .item .desc.right{ margin: 0; padding: 20px 0 0; } .seo_copy_about{ padding: 60px 0; } .seo_copy_text .we_help{ width: 100%; height: auto; padding: 20px; font-size: 30px; background: #3e3353; } .seo_copy_when .items{ padding-left: 0; } .email_market_about .block_title span{ font-size: 35px; line-height: 45px; } .email_market_text .info .item, .email_market_text .bottom, .email_market_pluses .item{ font-size: 20px; } footer .logo{ float: none; width: 100%; } footer .logo img{ margin: 0 auto; } footer .contacts{ float: none; width: 100%; padding-top: 25px; text-align: center; } footer .phone{ margin-top: 10px; } .main_slider li.slide4 .block_title { font-size: 21px; } .main_slider li.slide4 .block_title span { font-size: 18px; } .main_slider li.slide4 .block_desc { font-size: 16px; } .main_slider li.slide4 .block_desc span { font-size: 14px; } .main_slider li.slide4 .items { width: auto; } .main_slider li.slide4 .block_desc3 { font-size: 16px; } .main_slider li.slide4 .items .item .box { font-size: 16px; } .main_slider li.slide4 .block_desc3 span { font-size: 16px; } .main_slider li.slide4 .order_link { height: auto; line-height: 1.6em; font-size: 24px; } .blog-section .item { width: 48%; margin-bottom: 15px; }}@media (max-width: 479px){ .why .block_title, .we_can_offer .block_title, .differences .block_title, .clients .block_title, .prices .block_title, .how_much .block_title, .garanti .block_title, .reviews .block_title, .steps .block_title, .team .block_title, .stop .block_title, .stop .info .title, .selling_text_costume .block_title, .com_offer_text .title, .com_offer_types .block_title, .seo_copy_text .block_title, .seo_copy_when .block_title, .email_market_pluses .block_title{ margin-bottom: 35px; font-size: 30px; } .main_slider li{ padding: 40px 0; } .main_slider .block_title{ font-size: 30px; } .main_slider .block_desc, .main_slider li.slide3 .block_desc{ padding-left: 0; } .main_slider li.slide3 .items .item{ padding-left: 80px; } .main_slider .order_link{ font-size: 30px; } .why .info{ width: 100%; } .why .info .title{ padding: 0; font-size: 20px; } .why .info .title:before{ display: none; } .why .info .desc{ padding: 20px; } .we_can_offer .item{ width: 100%; } .prices .discount, .prices .time{ padding: 20px; font-size: 20px; } .garanti .bottom .link, .how_much .link{ display: block; width: 100%; padding: 0; font-size: 20px; text-align: center; } .garanti .bottom{ font-size: 16px; } .reviews .review{ width: 300px; padding: 10px; } .reviews .review .foto{ width: 110px; } .reviews .review .info{ margin-left: -110px; padding-left: 120px; } .steps .block_title{ font-size: 24px; } .steps .item .number{ width: 60px; height: 60px; margin-top: -30px; font-size: 40px; line-height: 60px; } .steps .item{ padding-left: 80px; } .steps .item.left{ padding-right: 80px; } .steps .item:before, .steps .item:after{ display: none; } .stop .form form{ padding: 20px; } .stop .form .title{ font-size: 24px; } .selling_text_about .block_title, .com_offer_about .block_title, .seo_copy_about .block_title{ font-size: 30px; } .selling_text_order .title{ font-size: 30px; } .selling_text_order .link{ font-size: 20px; } .selling_text_order .box{ height: auto; padding: 40px 0; } .bottom_block .text, .bottom_block .text.big{ font-size: 20px; } .bottom_block .title{ font-size: 28px; } .bottom_block .link{ display: block; width: 100%; padding: 0; font-size: 15px; text-align: center; } .com_offer_pluses .items{ padding-left: 0; } .com_offer_pluses .info{ font-size: 20px; } .com_offer_pluses .items .item{ font-size: 18px; } .com_offer_pluses .link{ font-size: 15px; } .com_offer_types .item .desc .box{ font-size: 18px; } .seo_copy_text .block_desc, .seo_copy_when .item{ font-size: 20px; } .seo_copy_text .we_help{ font-size: 26px; } .seo_copy_text .link{ display: block; width: 100%; padding: 0; font-size: 23px; text-align: center; } .email_market_about .block_title span{ font-size: 30px; line-height: 40px; } .email_market_about .block_desc{ font-size: 25px; } .email_market_text .info{ padding: 20px; } .email_market_text .info .item, .email_market_text .bottom, .email_market_pluses .item{ font-size: 18px; } .email_market_text .link{ display: block; width: 100%; padding: 0; font-size: 19px; text-align: center; } .email_market_pluses .item{ padding-left: 100px; background-size: 80px auto; } .main_slider li.slide3 .order_link { font-size: 17px; } #popup{ width: 300px; } #popup .form{ padding: 20px; } #popup .title{ font-size: 24px; } #popup .title:after{ display: none !important; } .blog-section .item { width: 100%; }}