/* Start:/bitrix/templates/dpd/css/fonts.css?14724768081546*/ /* font-family: 'dpd_extra_light'; font-family: 'dpd_light'; font-family: 'dpd_regular'; font-family: 'dpd_thin'; */ @font-face { font-family: 'dpd_extra_light'; src: url('/bitrix/templates/dpd/fonts/extra_light.eot'); } @font-face { font-family: 'dpd_extra_light'; src: url('/bitrix/templates/dpd/fonts/extra_light.woff') format('woff'), url('/bitrix/templates/dpd/fonts/extra_light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dpd_light'; src: url('/bitrix/templates/dpd/fonts/light.eot'); } @font-face { font-family: 'dpd_light'; src: url('/bitrix/templates/dpd/fonts/light.woff') format('woff'), url('/bitrix/templates/dpd/fonts/light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dpd_regular'; src: url('/bitrix/templates/dpd/fonts/regular.eot'); } @font-face { font-family: 'dpd_regular'; src: url('/bitrix/templates/dpd/fonts/regular.woff') format('woff'), url('/bitrix/templates/dpd/fonts/regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dpd_thin'; src: url('/bitrix/templates/dpd/fonts/thin.eot'); } @font-face { font-family: 'dpd_thin'; src: url('/bitrix/templates/dpd/fonts/thin.woff') format('woff'), url('/bitrix/templates/dpd/fonts/thin.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* End */ /* Start:/bitrix/templates/dpd/css/plugins/animate.css?147247680868796*/ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* End */ /* Start:/bitrix/templates/dpd/css/plugins/owl.carousel.css?14724768084614*/ /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/bitrix/templates/dpd/css/plugins/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* End */ /* Start:/bitrix/templates/dpd/css/plugins/jquery.fancybox.css?14724768084895*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/dpd/css/plugins/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/bitrix/templates/dpd/css/plugins/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/bitrix/templates/dpd/css/plugins/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/bitrix/templates/dpd/css/plugins/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/dpd/css/plugins/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/bitrix/templates/dpd/css/plugins/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/bitrix/templates/dpd/css/screen.css?147247680842798*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.icons-sprite,.input_wrapp .error_message:after,.site_utilities .search_bar form .submit_input,.stage .stage_inner_wrapp .login_form_wrapp .error_login:before,.footer .one_section .social p .fb,.footer .one_section .social p .tw,.teaser .link_img a:after,.teaser .link_img .go_link_text:after,.teaser .links .one_link a:after,.teaser .links .one_link .go_link_text:after,.teaser.red_bg .links .one_link a:after,.teaser.red_bg .links .one_link .go_link_text:after,.teaser.red_bg .link_img a:after,.teaser.red_bg .link_img .go_link_text:after,.teaser.red_bg .drops_wrapp .drop_one .drop_toggle a:after,.teaser.red_bg .drops_wrapp .drop_one .drop_toggle.active a:after,.teaser.dark_red_bg .links .one_link a:after,.teaser.dark_red_bg .links .one_link .go_link_text:after,.teaser.dark_red_bg .link_img a:after,.teaser.dark_red_bg .link_img .go_link_text:after,.teaser.dark_red_bg .drops_wrapp .drop_one .drop_toggle a:after,.teaser.dark_red_bg .drops_wrapp .drop_one .drop_toggle.active a:after,.teaser.mid_grey_bg .links .one_link a:after,.teaser.mid_grey_bg .links .one_link .go_link_text:after,.teaser.mid_grey_bg .link_img a:after,.teaser.mid_grey_bg .link_img .go_link_text:after,.teaser.mid_grey_bg .drops_wrapp .drop_one .drop_toggle a:after,.teaser.mid_grey_bg .drops_wrapp .drop_one .drop_toggle.active a:after,.teaser.error_teaser .error_teaser_close,.teaser.error_teaser .teaser_headline:before,.teaser .drops_wrapp .drop_one .drop_toggle a:after,.teaser .drops_wrapp .drop_one .drop_toggle.active a:after,.teaser .drops_wrapp .drop_one .drop_inner .links_inner .links_inner_one a:after,.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .pseudo_selector .pseudo_selector_inner:after,.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .pseudo_selector .pseudo_selector_inner.active:after,.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .radio_wrapp .radio_one span,.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .radio_wrapp .radio_one input:checked+span,.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .checkbox_wrapp label span,.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .checkbox_wrapp label input:checked+span,.teaser .img_50_proc .teaser_search form .teaser_search_send,.banners_wrapp .one_banner.red_banner .arrow_banner:after,.banners_wrapp .one_banner.warm_grey_banner .arrow_banner:after,.banners_wrapp .one_banner.light_grey_banner .arrow_banner:after,.banners_wrapp .one_banner.dark_red_banner .arrow_banner:after,.banners_wrapp .one_height_banner .arrow_banner:after,.fancy_content .popup .popup_head .popup_close,.fancy_content .popup .popup_content .prev_popup:before,.fancy_content .popup .popup_content .next_popup:before{background-image:url('/images/icons-se54f4bc031.png');background-repeat:no-repeat}body{font-family:"dpd_light","arial","sans-serif"}a{text-decoration:none}.clearfix:before,.clearfix:after{content:'';display:block;clear:both}.wrapper{width:930px;margin:0px auto}.row{margin:0px -10px}.row5{margin:0px -5px}.row:after,.row:before,.row5:after,.row5:before{content:'';display:block;clear:both}.content_wrapp{width:595px;float:left;padding-top:13px}.content_wrapp:after{content:'';display:block;clear:both}.main_grid{margin:10px auto 40px;width:930px}.main_grid .main_3{padding:10px;float:left;width:930px}.main_grid .main_2{padding:10px;float:left;width:612px}.main_grid .main_1{padding:10px;float:left;width:296px}.text_buttons{line-height:25px;background:#DC0032;font-size:"dpd_light","arial","sans-serif";color:#fff !important;font-size:13px;padding:0px 30px;outline:none;border:none;cursor:pointer}.input_wrapp{position:relative}.input_wrapp .error_message{display:none;left:0px;bottom:50px;background:#E6E7E7;width:100%;box-sizing:border-box;padding:12px 15px;border:1px solid #A90034;position:absolute}.input_wrapp .error_message:after{background-position:0 -196px;width:22px;height:21px;content:'';display:block;position:absolute;bottom:-21px;left:-1px}.input_wrapp .error_message p{color:#A90034;font-size:13px;font-family:"dpd_regular","arial","sans-serif"}.input_wrapp .is_error+.error_message{display:block}.logo_top{float:left;display:block;margin-top:33px;margin-bottom:21px}.site_utilities{float:right}.site_utilities .search_bar{margin-top:4px;float:right;width:160px;height:25px}.site_utilities .search_bar form{display:block;position:relative}.site_utilities .search_bar form .search_input{width:132px;height:25px;border:none;outline:none;box-sizing:border-box;background:#E6E7E7;padding:0px 10px;font-size:11px}.site_utilities .search_bar form .submit_input{cursor:pointer;width:28px;height:25px;background-color:#DC0032;position:absolute;top:0px;right:0px;border:none;outline:none;background-position:0 -403px}.site_utilities .language_change{margin-right:10px;float:right;padding-top:11px}.site_utilities .language_change li{position:relative;float:right}.site_utilities .language_change li a{margin:0px 6px;display:block;font-family:"dpd_light","arial","sans-serif";font-size:11px;color:#424143}.site_utilities .language_change li a:hover{color:#DC0032}.site_utilities .language_change li a.active{color:#DC0032;cursor:default}.site_utilities .language_change li:nth-child(n+2):after{content:'';display:block;width:2px;height:2px;background:#424143;border-radius:50%;top:4px;right:-1px;position:absolute}.site_utilities .another_links{float:right;padding-top:11px;margin-right:9px}.site_utilities .another_links li{position:relative;float:right}.site_utilities .another_links li a{margin:0px 15px;display:block;font-family:"dpd_light","arial","sans-serif";font-size:11px;color:#424143}.site_utilities .another_links li a:hover{color:#DC0032}.site_utilities .another_links li a.active{color:#DC0032;cursor:default}.site_utilities .another_links li:after{content:'';display:block;width:1px;height:11px;background:#424143;top:0px;right:0px;position:absolute}.claim{font-family:"dpd_light","arial","sans-serif";font-size:23px;color:#DC0032;float:right;padding-top:33px}.first_nav{background:#E6E7E7}.first_nav ul{margin:0px auto;width:930px}.first_nav ul li{float:left}.first_nav ul li a{display:block;padding:11px 15px 7px;font-family:"dpd_light","arial","sans-serif";font-size:12px;color:#424143}.first_nav ul li a:hover{color:#fff;background:#DC0032}.first_nav ul li a:active,.first_nav ul li a.active{color:#fff;background:#DC0032}.stage .main_top_carousel{position:relative;z-index:1;height:500px}.stage .main_top_carousel .one_slide{background-size:cover !important;background-position:center !important;position:relative;height:500px;overflow:hidden}.stage .main_top_carousel .one_slide img{width:100%;height:500px;object-fit:cover;opacity:0}.stage .main_top_carousel .one_slide .carousel_content{position:absolute;height:500px;width:930px;top:0px;left:0px;bottom:0px;right:0px;margin:auto}.stage .main_top_carousel .one_slide .carousel_content .headline{font-size:72px;line-height:80px;color:#fff;font-family:"dpd_extra_light","arial","sans-serif";padding-right:230px;padding-top:38px}.stage .main_top_carousel .one_slide .carousel_content .sub_headline{font-size:34px;line-height:38px;color:#fff;font-family:"dpd_extra_light","arial","sans-serif";padding-right:230px}.stage .main_top_carousel .owl-controls{position:absolute;bottom:50px;left:0px;width:100%}.stage .main_top_carousel .owl-controls .owl-dots{width:930px;margin:0px auto}.stage .main_top_carousel .owl-controls .owl-dots:after{content:'';display:block;clear:both}.stage .main_top_carousel .owl-controls .owl-dots .owl-dot{margin-right:5px;float:left}.stage .main_top_carousel .owl-controls .owl-dots .owl-dot span{display:block;background:#808285;width:11px;height:11px;border-radius:50%}.stage .main_top_carousel .owl-controls .owl-dots .owl-dot:hover span{background:#E6E7E7}.stage .main_top_carousel .owl-controls .owl-dots .owl-dot.active span{background:#DC0032}.stage .stage_inner_wrapp{z-index:2;position:relative;margin:0px auto;height:15px;width:930px}.stage .stage_inner_wrapp .stage_inner{position:absolute;right:0px;top:65px;width:230px;background:#DC0032}.stage .stage_inner_wrapp .login_form_wrapp{position:relative;padding:17px 20px}.stage .stage_inner_wrapp .login_form_wrapp:after{position:relative;bottom:-20px;content:'';display:block;border-bottom:1px solid #fff}.stage .stage_inner_wrapp .login_form_wrapp:last-child:after{display:none}.stage .stage_inner_wrapp .login_form_wrapp>h6{font-size:18px;line-height:20px;font-family:"dpd_light","arial","sans-serif";color:#fff;padding-bottom:5px}.stage .stage_inner_wrapp .login_form_wrapp .error_login{text-indent:25px;padding-top:5px;position:relative;font-size:13px;line-height:18px;color:#fff}.stage .stage_inner_wrapp .login_form_wrapp .error_login:before{position:absolute;top:0px;left:0px;content:'';display:block;width:21px;height:18px;background-position:0 -178px}.stage .stage_inner_wrapp .login_form_wrapp form .user_name{display:block;width:100%;height:40px;border:none;outline:none;padding:0px 10px;box-sizing:border-box;margin:11px 0px}.stage .stage_inner_wrapp .login_form_wrapp form .user_passwd{display:block;width:100%;height:40px;border:none;outline:none;padding:0px 10px;box-sizing:border-box;margin:11px 0px}.stage .stage_inner_wrapp .login_form_wrapp form .user_submit{display:block;width:100px;height:40px;border:none;outline:none;padding:0px 10px;box-sizing:border-box;margin:11px 0px 0px;background:#A90034;color:#fff;cursor:pointer;float:left;font-size:16px;font-family:"dpd_light","arial","sans-serif"}.stage .stage_inner_wrapp .login_form_wrapp form .forgot_register_wrapp{width:89px;box-sizing:border-box;padding-top:8px;padding-left:10px;float:left}.stage .stage_inner_wrapp .login_form_wrapp form .forgot_register_wrapp .f_r_inner{padding:2px 0px}.stage .stage_inner_wrapp .login_form_wrapp form .forgot_register_wrapp .f_r_inner a{display:inline-block;line-height:14px;padding-left:6px;font-family:"dpd_light","arial","sans-serif";color:#fff;font-size:11px;margin-left:5px;color:#fff;position:relative}.stage .stage_inner_wrapp .login_form_wrapp form .forgot_register_wrapp .f_r_inner a span{position:absolute;top:0px;left:0px}.footer{padding-top:33px;padding-bottom:35px;border-top:1px solid #424143;border-bottom:1px solid #424143}.footer .one_section{width:25%;float:left}.footer .one_section .headline{font-family:"dpd_light","arial","sans-serif";font-size:16px;color:#424143;margin-bottom:7px;display:inline-block}.footer .one_section .headline:hover{color:#DC0032}.footer .one_section ul li{line-height:18px}.footer .one_section ul li .link{display:inline-block;font-family:"dpd_light","arial","sans-serif";font-size:11px;color:#424143}.footer .one_section ul li .link:hover{color:#DC0032}.footer .one_section .social p{position:relative;display:inline-block;font-family:"dpd_light","arial","sans-serif";font-size:13px;color:#424143}.footer .one_section .social p .fb{position:absolute;bottom:3px;right:-40px;width:30px;height:30px;display:inline-block;background-position:0 -217px}.footer .one_section .social p .tw{position:absolute;bottom:3px;right:-87px;width:37px;height:30px;display:inline-block;background-position:0 -337px}.footer .one_section .contacts_wrapp{margin-top:20px;padding-bottom:10px;background:#E6E7E7}.footer .one_section .contacts_wrapp .title{width:100%;box-sizing:border-box;display:block;padding:13px 10px;font-family:"dpd_light","arial","sans-serif";font-size:13px;color:#424143;display:inline-block}.footer .one_section .contacts_wrapp .sub_title{width:100%;box-sizing:border-box;display:block;padding:0px 10px;position:relative;display:inline-block;font-family:"dpd_light","arial","sans-serif";font-size:11px;color:#424143}.footer .one_section .contacts_wrapp .phone_text{width:100%;box-sizing:border-box;display:block;padding:0px 10px;position:relative;display:inline-block;font-family:"dpd_light","arial","sans-serif";font-size:13px;color:#DC0032}.site_info{padding-bottom:35px}.site_info .footer_logo{float:left;margin-top:27px;margin-bottom:15px;margin-right:15px}.site_info .copyright{float:left;padding-top:35px;font-family:"dpd_light","arial","sans-serif";font-size:13px;color:#424143}.site_info .partners{margin-top:27px;float:right}.site_info .partners a{margin-left:15px;float:right;height:21px}.site_info .partners a img{height:100%}.site_info .site_map{font-family:"dpd_light","arial","sans-serif";font-size:11px;display:block;clear:both;color:#424143}.site_info .site_map a{color:inherit}.site_info .site_map a:hover{color:#DC0032}.sub_navigation{width:110px;margin-left:15px;margin-top:10px;margin-right:15px;float:left}.sub_navigation a{margin-bottom:7px;display:inline-block;font-family:"dpd_light","arial","sans-serif";font-size:11px;line-height:14px;color:#424143}.sub_navigation a:hover{color:#DC0032}.sub_navigation a.active{color:#DC0032}.sub_navigation a.twice{margin-left:30px}.sub_navigation a.three{margin-left:45px}.breadcrumps{font-size:11px;color:#808285;font-family:"dpd_light","arial","sans-serif"}.breadcrumps *{font-size:11px;color:#808285;font-family:"dpd_light","arial","sans-serif"}.content_grid .cont_2{padding:5px;float:left;width:100%;box-sizing:border-box}.content_grid .cont_1{padding:5px;float:left;width:50%;box-sizing:border-box}.content_grid .cont_1>.headline,.content_grid .cont_2>.headline{font-family:"dpd_light","arial","sans-serif";font-size:23px;line-height:28px;color:#424143;padding:10px 0px}.content_grid .cont_1>p,.content_grid .cont_2>p{line-height:18px;color:#424143;font-size:13px;padding:10px 0px}.content_grid .cont_1>p .link,.content_grid .cont_2>p .link{color:inherit;text-decoration:underline}.content_grid .cont_1>p .link:hover,.content_grid .cont_2>p .link:hover{color:#DC0032}.content_grid .cont_1>.subline_1st,.content_grid .cont_2>.subline_1st{font-family:"dpd_light","arial","sans-serif";font-size:16px;line-height:20px;color:#424143;padding:10px 0px}.content_grid .cont_1>.subline_2th,.content_grid .cont_2>.subline_2th{font-family:"dpd_regular","arial","sans-serif";font-size:13px;line-height:18px;color:#424143;padding:10px 0px}.content_grid .cont_1>ul li,.content_grid .cont_2>ul li{line-height:18px;color:#424143;font-size:13px;list-style:disc;list-style-position:inside}.content_grid .cont_1>.img,.content_grid .cont_2>.img{background-position:center;background-size:cover;overflow:hidden;margin:20px 0px;position:relative}.content_grid .cont_1>.img img,.content_grid .cont_2>.img img{opacity:0;width:100%;height:280px;object-fit:cover}.content_grid .cont_1>.img .text,.content_grid .cont_2>.img .text{position:absolute;top:0px;left:0px;padding-top:30px;padding-left:20px;width:50%}.content_grid .cont_1>.img .text .headline,.content_grid .cont_2>.img .text .headline{font-family:"dpd_light","arial","sans-serif";font-size:23px;line-height:28px;color:#424143}.content_grid .cont_1>.img .text *,.content_grid .cont_2>.img .text *{position:relative;z-index:1}.content_grid .cont_1>.img .text:before,.content_grid .cont_2>.img .text:before{content:'';position:absolute;display:block;top:-1px;left:-1px;width:2px;height:1px;box-shadow:100px 0px 130px 150px rgba(255,255,255,0.6);z-index:0}.content_grid .cont_1>.img .text.right,.content_grid .cont_2>.img .text.right{text-align:right;right:0px;left:auto;padding-right:20px;padding-left:0px}.content_grid .cont_1>.img .text.right:before,.content_grid .cont_2>.img .text.right:before{right:-1px;left:auto;width:2px;height:1px;box-shadow:-100px 0px 130px 150px rgba(255,255,255,0.6)}.content_grid .cont_1.carousel_content_page .img,.content_grid .cont_2.carousel_content_page .img{background-size:cover !important;background-position:center !important;overflow:hidden;margin:20px 0px;position:relative}.content_grid .cont_1.carousel_content_page .img img,.content_grid .cont_2.carousel_content_page .img img{opacity:0;width:100%;height:280px;object-fit:cover}.content_grid .cont_1.carousel_content_page .img .text,.content_grid .cont_2.carousel_content_page .img .text{position:absolute;top:0px;left:0px;padding-top:30px;padding-left:20px;width:50%}.content_grid .cont_1.carousel_content_page .img .text .headline,.content_grid .cont_2.carousel_content_page .img .text .headline{font-family:"dpd_light","arial","sans-serif";font-size:23px;line-height:28px;color:#424143}.content_grid .cont_1.carousel_content_page .img .text *,.content_grid .cont_2.carousel_content_page .img .text *{position:relative;z-index:1}.content_grid .cont_1.carousel_content_page .img .text:before,.content_grid .cont_2.carousel_content_page .img .text:before{content:'';position:absolute;display:block;top:-1px;left:-1px;width:2px;height:1px;box-shadow:100px 0px 130px 150px rgba(255,255,255,0.6);z-index:0}.content_grid .cont_1.carousel_content_page .img .text.right,.content_grid .cont_2.carousel_content_page .img .text.right{text-align:right;right:0px;left:auto;padding-right:20px;padding-left:0px}.content_grid .cont_1.carousel_content_page .img .text.right:before,.content_grid .cont_2.carousel_content_page .img .text.right:before{right:-1px;left:auto;width:2px;height:1px;box-shadow:-100px 0px 130px 150px rgba(255,255,255,0.6)}.content_grid .cont_1.carousel_content_page .owl-controls,.content_grid .cont_2.carousel_content_page .owl-controls{position:absolute;bottom:35px;left:15px;width:595px;box-sizing:border-box}.content_grid .cont_1.carousel_content_page .owl-controls .owl-dots,.content_grid .cont_2.carousel_content_page .owl-controls .owl-dots{margin:0px auto}.content_grid .cont_1.carousel_content_page .owl-controls .owl-dots:after,.content_grid .cont_2.carousel_content_page .owl-controls .owl-dots:after{content:'';display:block;clear:both}.content_grid .cont_1.carousel_content_page .owl-controls .owl-dots .owl-dot,.content_grid .cont_2.carousel_content_page .owl-controls .owl-dots .owl-dot{margin-right:5px;float:left}.content_grid .cont_1.carousel_content_page .owl-controls .owl-dots .owl-dot span,.content_grid .cont_2.carousel_content_page .owl-controls .owl-dots .owl-dot span{display:block;background:#808285;width:11px;height:11px;border-radius:50%}.content_grid .cont_1.carousel_content_page .owl-controls .owl-dots .owl-dot:hover span,.content_grid .cont_2.carousel_content_page .owl-controls .owl-dots .owl-dot:hover span{background:#E6E7E7}.content_grid .cont_1.carousel_content_page .owl-controls .owl-dots .owl-dot.active span,.content_grid .cont_2.carousel_content_page .owl-controls .owl-dots .owl-dot.active span{background:#DC0032}.teaser{display:block}.teaser .teaser_headline{font-size:18px;line-height:20px;font-family:"dpd_light","arial","sans-serif";padding:12px 15px 11px 15px}.teaser .teaser_copy{font-size:13px;line-height:18px;font-family:"dpd_light","arial","sans-serif";padding:0px 15px 0px}.teaser .copy_alone{font-size:13px;line-height:18px;font-family:"dpd_light","arial","sans-serif";padding:18px 15px 8px}.teaser .link_alone{padding:0px 15px 2px}.teaser .link_alone:last-child{padding-bottom:18px}.teaser .link_alone a{font-size:13px;line-height:18px;font-family:"dpd_regular","arial","sans-serif"}.teaser .link_alone a:hover{color:#DC0032}.teaser .img{background-position:center;background-size:cover}.teaser .img img{width:100%;display:block;height:194px;object-fit:cover;opacity:0}.teaser .link_img{padding-left:10px;line-height:67px}.teaser .link_img a,.teaser .link_img .go_link_text{position:relative;display:block}.teaser .link_img a:after,.teaser .link_img .go_link_text:after{content:'';display:block;background-position:0 -55px;height:30px;width:18px;position:absolute;top:18px;right:18px}.teaser .links .one_link{position:relative;padding:10px 18px 9px 15px}.teaser .links .one_link:nth-child(n+2):before{content:'';display:block;border-top:1px solid;position:relative;top:-10px}.teaser .links .one_link a,.teaser .links .one_link .go_link_text{position:relative;font-size:13px;font-family:"dpd_light","arial","sans-serif";display:block;line-height:30px}.teaser .links .one_link a:after,.teaser .links .one_link .go_link_text:after{content:'';display:block;background-position:0 -55px;height:30px;width:18px;position:absolute;top:0px;right:0px}.teaser.red_bg{background:#DC0032}.teaser.red_bg *{color:white}.teaser.red_bg .links .one_link a:after,.teaser.red_bg .links .one_link .go_link_text:after{background-position:0 -85px}.teaser.red_bg .link_img a:after,.teaser.red_bg .link_img .go_link_text:after{background-position:0 -85px}.teaser.red_bg .drops_wrapp .drop_one .drop_toggle a:after{background-position:0 -385px}.teaser.red_bg .drops_wrapp .drop_one .drop_toggle.active a:after{background-position:0 -367px}.teaser.dark_red_bg{background:#A90034}.teaser.dark_red_bg *{color:#fff}.teaser.dark_red_bg .links .one_link a:after,.teaser.dark_red_bg .links .one_link .go_link_text:after{background-position:0 -85px}.teaser.dark_red_bg .link_img a:after,.teaser.dark_red_bg .link_img .go_link_text:after{background-position:0 -85px}.teaser.dark_red_bg .drops_wrapp .drop_one .drop_toggle a:after{background-position:0 -385px}.teaser.dark_red_bg .drops_wrapp .drop_one .drop_toggle.active a:after{background-position:0 -367px}.teaser.mid_grey_bg{background:#808285}.teaser.mid_grey_bg *{color:#fff}.teaser.mid_grey_bg .links .one_link a:after,.teaser.mid_grey_bg .links .one_link .go_link_text:after{background-position:0 -85px}.teaser.mid_grey_bg .link_img a:after,.teaser.mid_grey_bg .link_img .go_link_text:after{background-position:0 -85px}.teaser.mid_grey_bg .drops_wrapp .drop_one .drop_toggle a:after{background-position:0 -385px}.teaser.mid_grey_bg .drops_wrapp .drop_one .drop_toggle.active a:after{background-position:0 -367px}.teaser.warm_grey_bg{background:#CAC4BE}.teaser.warm_grey_bg *{color:#424143}.teaser.light_grey_bg{background:#E6E7E7}.teaser.light_grey_bg *{color:#424143}.teaser.error_teaser{position:relative;padding-bottom:20px}.teaser.error_teaser *{color:#fff}.teaser.error_teaser .error_teaser_close{content:'';display:block;background-position:0 -247px;width:16px;height:16px;position:absolute;right:15px;top:15px;cursor:pointer;z-index:2}.teaser.error_teaser .teaser_headline{padding-left:45px;position:relative}.teaser.error_teaser .teaser_headline:before{content:'';display:block;background-position:0 -178px;width:21px;height:18px;position:absolute;left:15px;top:12px}.teaser .drops_wrapp .drop_one{padding:0px 16px 0px 10px}.teaser .drops_wrapp .drop_one:nth-child(n+2):before{content:'';border-top:1px solid;position:relative;top:0px;display:block}.teaser .drops_wrapp .drop_one .drop_toggle{position:relative}.teaser .drops_wrapp .drop_one .drop_toggle a{cursor:pointer;position:relative;font-size:13px;font-family:"dpd_light","arial","sans-serif";display:block;line-height:67px}.teaser .drops_wrapp .drop_one .drop_toggle a:after{content:'';display:block;background-position:0 -319px;height:18px;width:18px;position:absolute;top:25px;right:0px}.teaser .drops_wrapp .drop_one .drop_toggle.active a:after{background-position:0 -301px}.teaser .drops_wrapp .drop_one .drop_toggle.ocordeon a{line-height:40px}.teaser .drops_wrapp .drop_one .drop_toggle.ocordeon a:after{top:11px}.teaser .drops_wrapp .drop_one .drop_toggle.is_dropped a:after{display:none}.teaser .drops_wrapp .drop_one .drop_inner{margin:0px -16px 0px -10px;display:none;background:#E6E7E7}.teaser .drops_wrapp .drop_one .drop_inner *{color:#424143}.teaser .drops_wrapp .drop_one .drop_inner .text_block{padding-bottom:38px}.teaser .drops_wrapp .drop_one .drop_inner .text_block>h2{font-size:13px;line-height:18px;font-family:"dpd_regular","arial","sans-serif";padding:18px 10px 18px}.teaser .drops_wrapp .drop_one .drop_inner .text_block>p{font-size:13px;line-height:18px;font-family:"dpd_light","arial","sans-serif";padding:0px 10px}.teaser .drops_wrapp .drop_one .drop_inner .text_block>ul li{list-style:disc;font-size:13px;line-height:18px;font-family:"dpd_light","arial","sans-serif";padding:0px 10px;list-style-position:inside}.teaser .drops_wrapp .drop_one .drop_inner .links_inner .links_inner_one{position:relative;padding:10px 18px 9px 15px}.teaser .drops_wrapp .drop_one .drop_inner .links_inner .links_inner_one:nth-child(n+2):before{content:'';display:block;border-top:1px solid;position:relative;top:-10px}.teaser .drops_wrapp .drop_one .drop_inner .links_inner .links_inner_one a{position:relative;font-size:13px;font-family:"dpd_light","arial","sans-serif";display:block;line-height:48px;margin-left:40px}.teaser .drops_wrapp .drop_one .drop_inner .links_inner .links_inner_one a:after{content:'';display:block;background-position:0 -55px;height:30px;width:18px;position:absolute;top:9px;right:0px}.teaser .drops_wrapp .drop_one .drop_inner .table_inner{border-bottom:2px solid #E6E7E7;border-right:2px solid #E6E7E7;border-left:2px solid #E6E7E7;background:#fff}.teaser .drops_wrapp .drop_one .drop_inner .table_inner table th{height:122px;border-right:1px solid #E6E7E7}.teaser .drops_wrapp .drop_one .drop_inner .table_inner table th:last-child{border-right:none}.teaser .drops_wrapp .drop_one .drop_inner .table_inner table td{height:60px;border-right:1px solid #E6E7E7}.teaser .drops_wrapp .drop_one .drop_inner .table_inner table td:last-child{border-right:none}.teaser .drops_wrapp .drop_one .drop_inner .table_inner table tr td,.teaser .drops_wrapp .drop_one .drop_inner .table_inner table tr th{border-bottom:1px solid #E6E7E7}.teaser .drops_wrapp .drop_one .drop_inner .table_inner table tr:last-child td,.teaser .drops_wrapp .drop_one .drop_inner .table_inner table tr:last-child th{border-bottom:none}.teaser .drops_wrapp .drop_one .drop_inner .table_inner .cell_head{font-size:16px;line-height:18px;font-family:"dpd_regular","arial","sans-serif";text-align:center}.teaser .drops_wrapp .drop_one .drop_inner .table_inner .cell_size{text-transform:uppercase;font-size:16px;line-height:18px;font-family:"dpd_regular","arial","sans-serif";text-align:center}.teaser .drops_wrapp .drop_one .drop_inner .table_inner .cell_text{font-size:11px;line-height:15px;font-family:"dpd_light","arial","sans-serif";text-align:center;display:block}.teaser .drops_wrapp .drop_one .drop_inner .table_inner .light_grey_cell{background:#E6E7E7;border-color:#fff}.teaser .drops_wrapp .drop_one .drop_inner .download{padding:20px 15px}.teaser .drops_wrapp .drop_one .drop_inner .download .download_one a{text-decoration:underline;font-size:13px;line-height:19px;font-family:"dpd_light","arial","sans-serif";padding:0px}.teaser .drops_wrapp .drop_one .drop_inner .download .download_one a:hover{color:#DC0032}.teaser .drops_wrapp .drop_one .drop_inner .tabs_block .tabs_title h6{line-height:40px;background:#CAC4BE;font-size:13px;font-family:"dpd_light","arial","sans-serif";padding:0px 15px}.teaser .drops_wrapp .drop_one .drop_inner .tabs_block .tabs_bookmarks{padding-left:17px}.teaser .drops_wrapp .drop_one .drop_inner .tabs_block .tabs_bookmarks .tabs_bookmark_one{float:left}.teaser .drops_wrapp .drop_one .drop_inner .tabs_block .tabs_bookmarks .tabs_bookmark_one a{box-sizing:border-box;margin-top:17px;cursor:pointer;display:block;font-size:13px;line-height:50px;font-family:"dpd_regular","arial","sans-serif";padding:0px 15px;background:#E6E7E7;border:1px solid white;border-right:none;border-bottom:none}.teaser .drops_wrapp .drop_one .drop_inner .tabs_block .tabs_bookmarks .tabs_bookmark_one a.active{cursor:default;background:white;border-bottom:1px solid white}.teaser .drops_wrapp .drop_one .drop_inner .tabs_block .tabs_bookmarks .tabs_bookmark_one:last-child a{border-right:1px solid white}.teaser .drops_wrapp .drop_one .drop_inner .tabs_block .tabs_bookmarks_wrapp{padding:28px 20px;background:white}.teaser .drops_wrapp .drop_one .drop_inner .tabs_block .tabs_bookmarks_wrapp .tabs_bookmarks_wrapp_inner{display:none}.teaser .drops_wrapp .drop_one .drop_inner .tabs_block .tabs_bookmarks_wrapp .tabs_bookmarks_wrapp_inner:first-child{display:block}.teaser .drops_wrapp .drop_one .drop_inner .tabs_block .tabs_bookmarks_wrapp .tabs_bookmarks_wrapp_inner>p{font-size:13px;line-height:18px;font-family:"dpd_regular","arial","sans-serif"}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper{padding:5px 15px 0px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section{padding-bottom:25px;padding-top:20px;border-bottom:1px solid #424143}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section:last-child{border:none}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .title_form{font-size:11px;font-family:"dpd_light","arial","sans-serif";padding-bottom:9px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block{padding:3px 0px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .input_name{float:left;width:246px;font-size:11px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block.error .input_name{color:#A90034}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .pseudo_selector{position:relative;width:318px;height:25px;background:#fff;float:right}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .pseudo_selector .select_input{display:none}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .pseudo_selector .pseudo_selector_inner{cursor:pointer;display:block;position:relative;color:#808285;font-size:11px;font-family:"dpd_light","arial","sans-serif";line-height:25px;padding:0px 10px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .pseudo_selector .pseudo_selector_inner:after{position:absolute;top:0px;right:0px;content:'';display:block;width:25px;height:25px;background-position:0 0}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .pseudo_selector .pseudo_selector_inner.active:after{background-position:0 -115px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .pseudo_selector .pseudo_selections{z-index:1;display:none;background:white;position:absolute;top:25px;left:0px;width:100%}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .pseudo_selector .pseudo_selections a{display:block;cursor:pointer;color:#808285;font-size:11px;font-family:"dpd_light","arial","sans-serif";line-height:25px;padding:0px 10px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .pseudo_selector .pseudo_selections a:hover{background:#CAC4BE}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .radio_wrapp{position:relative;width:318px;height:25px;float:right}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .radio_wrapp .radio_one{position:relative;margin-right:10px;cursor:pointer;float:left;padding-top:3px;box-sizing:border-box}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .radio_wrapp .radio_one span{display:block;position:absolute;width:19px;height:19px;background-position:0 -282px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .radio_wrapp .radio_one input{display:none}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .radio_wrapp .radio_one input:checked+span{background-position:0 -263px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .radio_wrapp .radio_one p{padding-left:29px;padding-top:4px;font-size:11px;font-family:"dpd_light","arial","sans-serif";padding-bottom:4px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .input_insert{border:1px solid #fff;box-sizing:border-box;outline:none;width:318px;height:25px;background:#fff;float:right;color:#808285;font-size:11px;font-family:"dpd_light","arial","sans-serif";padding:0px 10px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block.error .input_insert{border:1px solid #A90034}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .country_dispatch{font-size:11px;font-family:"dpd_light","arial","sans-serif"}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .country_dispatch a{cursor:pointer;text-decoration:underline}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .standart_input_block .input_send{float:right;margin-right:10px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .checkbox_wrapp{padding:5px 0px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .checkbox_wrapp label{display:inline-block;cursor:pointer;position:relative}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .checkbox_wrapp label span{display:block;position:absolute;width:19px;height:19px;background-color:white;background-position:0 -159px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .checkbox_wrapp label input{display:none}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .checkbox_wrapp label input:checked+span{background-position:0 -140px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .checkbox_wrapp label p{padding-left:29px;padding-top:4px;font-size:11px;font-family:"dpd_light","arial","sans-serif"}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .size_block .one_size{padding-bottom:10px;float:left}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .size_block .one_size p{float:left;padding-top:8px;font-size:11px;font-family:"dpd_light","arial","sans-serif";padding-right:20px}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .size_block .one_size input{margin-right:10px;float:left;outline:none;border:none;height:25px;width:60px;padding:0px 10px;box-sizing:border-box}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .size_block .result_title{clear:both;display:block;line-height:40px;background:#CAC4BE;margin:10px -15px 20px;padding:0px 15px;font-size:11px;font-family:"dpd_light","arial","sans-serif"}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .size_block .result_int{color:#DC0032}.teaser .drops_wrapp .drop_one .drop_inner .form_wrapper .form_section .size_block .result_int *{color:#DC0032}.teaser.main{position:relative;height:296px}.teaser.main .links{position:absolute;bottom:0px;width:100%}.teaser .img_50_proc{position:relative;float:left;width:50%;height:296px}.teaser .img_50_proc img{width:100%;height:296px;object-fit:cover}.teaser .img_50_proc .teaser_search{position:absolute;bottom:0px;left:0px;width:100%;box-sizing:border-box;padding:15px}.teaser .img_50_proc .teaser_search form{position:relative;display:block}.teaser .img_50_proc .teaser_search form .teaser_search_input{display:block;height:30px;width:100%;padding:0px 40px 0px 10px;box-sizing:border-box;border:none;outline:none;color:#424143}.teaser .img_50_proc .teaser_search form .teaser_search_send{position:absolute;top:0px;right:0px;display:block;width:30px;height:30px;background-color:#424143;border:none;outline:none;cursor:pointer;background-position:0 -403px}.banners_wrapp{padding-top:30px;float:right}.banners_wrapp .one_banner{overflow:hidden;display:block;margin:5px 0px;position:relative;width:160px;height:286px}.banners_wrapp .one_banner .banner_title{font-family:"dpd_light","arial","sans-serif";font-size:16px;line-height:20px;position:relative;z-index:2;padding:11px 10px 6px}.banners_wrapp .one_banner .banner_subtitle{font-family:"dpd_light","arial","sans-serif";font-size:13px;line-height:18px;position:relative;z-index:2;padding:0px 10px}.banners_wrapp .one_banner .banner_img{right:0px}.banners_wrapp .one_banner .arrow_banner{display:block;line-height:30px;font-family:"dpd_light","arial","sans-serif";font-size:13px;position:absolute;bottom:10px;left:0px;z-index:2;padding:0px 10px;width:100%;box-sizing:border-box}.banners_wrapp .one_banner.red_banner:before{content:'';width:100%;height:100%;display:block;position:absolute;top:0px;left:0px;background:url("/images/banners/red_mask.png");z-index:1}.banners_wrapp .one_banner.red_banner *{color:white}.banners_wrapp .one_banner.red_banner .banner_img{position:absolute;top:67px}.banners_wrapp .one_banner.red_banner .arrow_banner:after{content:'';display:block;position:absolute;width:18px;height:30px;background-position:0 -85px;bottom:0px;right:10px}.banners_wrapp .one_banner.red_banner.zoom:before{background:url("/images/banners/zoom_red_mask.png")}.banners_wrapp .one_banner.red_banner.zoom .banner_img{position:absolute;top:auto;bottom:0px}.banners_wrapp .one_banner.warm_grey_banner:before{content:'';width:100%;height:100%;display:block;position:absolute;top:0px;left:0px;background:url("/images/banners/warm_grey_mask.png");z-index:1}.banners_wrapp .one_banner.warm_grey_banner *{color:#424143}.banners_wrapp .one_banner.warm_grey_banner .banner_img{position:absolute;top:67px}.banners_wrapp .one_banner.warm_grey_banner .arrow_banner:after{content:'';display:block;position:absolute;width:18px;height:30px;background-position:0 -55px;bottom:0px;right:10px}.banners_wrapp .one_banner.warm_grey_banner.zoom:before{background:url("/images/banners/zoom_warm_grey_mask.png")}.banners_wrapp .one_banner.warm_grey_banner.zoom .banner_img{position:absolute;top:auto;bottom:0px}.banners_wrapp .one_banner.light_grey_banner:before{content:'';width:100%;height:100%;display:block;position:absolute;top:0px;left:0px;background:url("/images/banners/light_grey_mask.png");z-index:1}.banners_wrapp .one_banner.light_grey_banner *{color:#424143}.banners_wrapp .one_banner.light_grey_banner .banner_img{position:absolute;top:67px}.banners_wrapp .one_banner.light_grey_banner .arrow_banner:after{content:'';display:block;position:absolute;width:18px;height:30px;background-position:0 -55px;bottom:0px;right:10px}.banners_wrapp .one_banner.light_grey_banner.zoom:before{background:url("/images/banners/zoom_light_grey_mask.png")}.banners_wrapp .one_banner.light_grey_banner.zoom .banner_img{position:absolute;top:auto;bottom:0px}.banners_wrapp .one_banner.img_banner *{color:#424143}.banners_wrapp .one_banner.img_banner .banner_img{top:0px;bottom:auto;position:absolute}.banners_wrapp .one_banner.dark_red_banner{background:#A90034}.banners_wrapp .one_banner.dark_red_banner *{color:#fff}.banners_wrapp .one_banner.dark_red_banner .arrow_banner:after{content:'';display:block;position:absolute;width:18px;height:30px;background-position:0 -85px;bottom:0px;right:10px}.banners_wrapp .one_height_banner{padding-bottom:67px;background:#E6E7E7;overflow:hidden;display:block;margin:5px 0px;position:relative;width:160px}.banners_wrapp .one_height_banner .banner_title{font-family:"dpd_light","arial","sans-serif";font-size:16px;line-height:20px;position:relative;z-index:2;padding:11px 10px 6px}.banners_wrapp .one_height_banner .one_picture{position:relative;text-align:center;width:144px;display:block;margin:0px auto}.banners_wrapp .one_height_banner .one_picture:before{width:144px;height:175px;z-index:2;display:block;content:'';background:url("/images/banners/pictures_mask.png");position:absolute;top:0px;left:0px}.banners_wrapp .one_height_banner .one_picture img{margin-top:18px}.banners_wrapp .one_height_banner .one_picture .picture_name{text-align:left;font-family:"dpd_regular","arial","sans-serif";font-size:16px;position:relative;z-index:2;padding:11px 0px 0px}.banners_wrapp .one_height_banner .one_picture .picture_subname{text-align:left;font-family:"dpd_light","arial","sans-serif";font-size:13px;line-height:20px;position:relative;z-index:2;padding:0px 0px 20px}.banners_wrapp .one_height_banner .arrow_banner{color:#fff;display:block;line-height:67px;font-family:"dpd_light","arial","sans-serif";font-size:13px;position:absolute;bottom:0px;left:0px;z-index:2;background:#DC0032;padding:0px 10px;width:100%;box-sizing:border-box}.banners_wrapp .one_height_banner .arrow_banner:after{content:'';display:block;position:absolute;width:18px;height:30px;background-position:0 -85px;bottom:18px;right:10px}.banners_wrapp .one_height_banner *{color:#fff}.fancybox{cursor:pointer}.fancybox:hover{opacity:0.8}.fancy_content{display:none}.fancy_content .popup .popup_head{position:relative;background:#DC0032}.fancy_content .popup .popup_head p{font-size:13px;font-family:"dpd_light","arial","sans-serif";line-height:48px;color:#fff;padding:0px 10px}.fancy_content .popup .popup_head .popup_close{cursor:pointer;background-position:0 -247px;display:block;position:absolute;width:16px;height:16px;top:16px;right:16px}.fancy_content .popup .popup_content{padding:10px;box-sizing:border-box;position:relative;background:#CAC4BE;height:532px}.fancy_content .popup .popup_content .prev_popup{cursor:pointer;width:48px;height:48px;display:block;position:absolute;left:0px;top:242px;background:#E6E7E7}.fancy_content .popup .popup_content .prev_popup:before{content:'';display:block;background-position:0 -25px;width:18px;height:30px;top:9px;position:absolute;left:14px}.fancy_content .popup .popup_content .next_popup{cursor:pointer;width:48px;height:48px;display:block;position:absolute;right:0px;top:242px;background:#E6E7E7}.fancy_content .popup .popup_content .next_popup:before{content:'';display:block;background-position:0 -55px;width:18px;height:30px;top:9px;position:absolute;right:14px}.fancy_content .popup .popup_footer{min-height:100px;padding:10px}.fancy_content .popup .popup_footer ul li{padding:2px 0px}.fancy_content .popup .popup_footer ul li a{color:#424143;text-decoration:underline;margin:0px;padding:0px;line-height:normal}.fancybox-prev,.fancybox-next,.fancybox-close{display:none} /* End */ /* Start:/bitrix/templates/dpd/styles.css?14724808043*/  /* End */ /* /bitrix/templates/dpd/css/fonts.css?14724768081546 */ /* /bitrix/templates/dpd/css/plugins/animate.css?147247680868796 */ /* /bitrix/templates/dpd/css/plugins/owl.carousel.css?14724768084614 */ /* /bitrix/templates/dpd/css/plugins/jquery.fancybox.css?14724768084895 */ /* /bitrix/templates/dpd/css/screen.css?147247680842798 */ /* /bitrix/templates/dpd/styles.css?14724808043 */