/* Start:/bitrix/templates/printup/css/animate.css?162336826071108*/
@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 {
  from, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 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 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, 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 {
  from, 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 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  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 {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, 100% {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, 100% {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  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 {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  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 {
  from {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    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 {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    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 {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    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 {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    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 {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  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 {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  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 {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  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 {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  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 {
  from {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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 {
  from {
    -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/printup/css/flexslider.css?16233682603551*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 @media (min-width: 760px) {
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {  position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/bitrix/templates/printup/css/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
/* End */


/* Start:/bitrix/templates/printup/fancybox/jquery.fancybox.css?16233682604895*/
/*! 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/printup/fancybox/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/printup/fancybox/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/printup/fancybox/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/printup/fancybox/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/printup/fancybox/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/printup/fancybox/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/printup/components/bitrix/breadcrumb/.default/style.css?1623368260700*/
.bx-breadcrumb {
	font-size: 14px;
	/*margin: 10px 0;*/
}

.bx-breadcrumb i {
	color: #024962;
	font-size: 12px;
	line-height: 14px;
	vertical-align: middle;
}

.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	font-size: 14px;
	line-height: 14px;
	margin-right: 5px;
	/*white-space: nowrap;*/
	vertical-align: middle;
}

.bx-breadcrumb .bx-breadcrumb-item a,
.bx-breadcrumb .bx-breadcrumb-item span {
  display: inline-block;
}

.bx-breadcrumb .bx-breadcrumb-item a:first-letter,
.bx-breadcrumb .bx-breadcrumb-item span:first-letter {
  text-transform: uppercase;
}

.bx-breadcrumb .bx-breadcrumb-item a {
  color: #024962;
  border-bottom: none;
}

.bx-breadcrumb .bx-breadcrumb-item a:hover {
}

/* End */


/* Start:/bitrix/templates/printup/components/kreattika/forms.flexyform/callback/style.css?16233682601061*/
.kff-flexyform { display: block; }
.kff-flexyform h2 {  }
.kff-captcha, .kff-line { width:100%; }
.kff-submit { width:100%; text-align: right; padding: 0px;}
.kff-line label { }
.kff-line input {
    width:100%;
	box-sizing: border-box; 
    border: 1px solid #000000;
    padding: 5px 10px;
}
.kff-line input[type="checkbox"], .kff-line input[type="radio"] {
    width: 20px;
}
.kff-line select {
    width:100%;
	box-sizing: border-box; 
    border: 1px solid #000000;
    padding: 5px 10px;
}
.kff-line textarea { 
    width:100%; 
	box-sizing: border-box;
    border: 1px solid #000000;
    padding: 5px 10px;
}
.kff-line span.kff-req { color:red; }
.kff-ok-text { }
.kff-flexyform input[type="submit"] {
    cursor: pointer;
    padding: 5px 10px;
}
.kff-flexyform input[type="submit"]:hover {}

.callback-form input[type="submit"].btn3 {
  background: #ffc23e;
  border-radius: 7px;
  margin: 10px auto 25px auto;
  font-size: 17px;
  display: block;
  width: 340px;
  font-size: 26px;
  height: 40px; 
	font-style:normal;
	color:black;
	box-shadow:none;}
/* End */


/* Start:/bitrix/templates/printup/template_styles.css?1755096354101144*/
/* #######################  GENERAL SETTINGS ############################ */
/* reset */
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, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ul, ol {
  list-style-type: none;
}

body {
  font: 14px 'PT Sans', Tahoma, Verdana, sans-serif;
  margin: 0 auto;
  padding: 0;
  background: #f6f2e8;
}

.body-ox {
  overflow-x: hidden;
}

table:not(.reviews-post-table) {
  border-collapse: collapse;
}

table:not(.reviews-post-table) td {
  border: 1px solid #ddd; 
}

.clr {
  clear: both; }

a {
  color: #1e98cc;
  outline: none; }

a:hover {
  text-decoration: none; }

.hidden {
  display: none; }

.wrap {
  width: 1000px;
  margin: 0 auto;
  position: relative; }

/* header
===================================*/
.header {
  background: url(/bitrix/templates/printup/images/bg1.png) no-repeat 50% 0;
  position: relative;
}

.inner .header {
  background-position: center -664px;
}

.main .top-panel {
  background: url(/bitrix/templates/printup/images/bg1.png) no-repeat 50% 0;
  padding-top: 25px;
}

.inner .top-panel {
  padding-bottom: 54px;
  padding-top: 25px;
}

.main .fixed.top-panel, .inner .fixed.top-panel {
  background: rgba(0, 0, 0, 0);
  padding-top: 0;
}

.top-panel {
  position: relative;
  z-index: 4;
}

.top-panel .wrap {
  padding-left: 0px;
}

.arrow {
  cursor: pointer;
  display: block;
  width: 35px;
  height: 35px;
  background: url(/bitrix/templates/printup/images/arrow1.png) no-repeat;
  bottom: 100px;
  left: 50%;
  margin: 16px auto 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.arrow:hover {
  transform: translate(0, 5px); }

.logo {
  display: block;
  float: left;
  font-size: 0;
}

.logo img {
  max-width: 100%; }

.top-logo {
  width: 215px;
  float: left;
  padding-top: 25px;
  display: block; }

.top-logo img {
  max-width: 100%; }

.header-slogan {
  color: #004a64;
  font-size: 28px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.header-slogan span {
  color: #ca0000;
  display: block;
  font-size: 52px;
  margin-top: 12px;
}

.header-slogan small {
  color: #000000;
  display: inline-block;
  font-size: 18px;
  line-height: 1.2;
  margin-top: 14px;  
  text-transform: none;
}

.header-phones {
  float: right;
  text-align: center;
}

.ph {
  font-weight: bold;
  font-size: 25px;
}

.ph a {
  color: #000;
  text-decoration: none;
}

.ph span span{
  font-size: 14px;
}

.a-call {
  border-bottom: 2px dashed #004a64;
  color: #004a64;
  display: block;
  font-style: italic;
  font-size: 16px;
  line-height: 14px;
  margin: 0 0 4px 0;
  padding: 0;
  text-decoration: none;
}

.a-call:hover {
  border-bottom: none;
  padding-bottom: 2px;
}

/*
===================================*/
.btn {
  display: block;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  border: none;
  position: relative;
  height: 31px;
  outline: none;
  line-height: 22px;
  width: 100%;
}

.btn:focus,
.btn:active {
  outline: none; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
  border: none; }

.btn1 {
  background: url(/bitrix/templates/printup/images/icon-btn1.png) no-repeat 9px 50% #ffc23e;
  border-radius: 7px;
  margin: 10px 0 5px 0;
  font-size: 17px;
  padding: 0 8px 0 30px;
  text-align: right;
}

.btn2 {
  background: url(/bitrix/templates/printup/images/icon-btn2.png) no-repeat 8px 50% #8ca8b1;
  border-radius: 7px;
  font-size: 13px;
  color: #fff;
  margin: 0 0 2px 0;
  padding: 0 8px 0 32px;
  text-align: right;
}

.btn1:hover {
  background-color: #f8b627;
}

.btn2:hover {
  background-color: #739dab;
}

.a-mail {
  color: #000;
  font-size: 17px;
  font-weight: bold;
  margin-top: 2px;
  text-align: right;
}

.a-mail a {
  color: #ca0000;
  font-size: 17px;
  font-weight: normal;
}

.a-mail a:hover {
  text-decoration: none;
}

/* menu
===================================*/
.menu {
  display: table;
  width: 100%;
}

.menu li {
  display: table-cell;
  text-align: center;  
}

.menu li:first-child,
.menu li:nth-child(2) {
  text-align: left;
}

.menu li:last-child {
  text-align: right;
}

.menu a,
.menu span {
  color: #000;
  font-size: 22px;
  font-style: italic;
  text-decoration: none;
}

.menu a:hover,
.menu span {
  color: #ca0000;
  text-decoration: underline; 
}

/*
===================================*/
.menu li:hover > .form-login {
  display: block; 
}

/*
===================================*/
.top-panel {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

.top-panel.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10; 
}

.header .top-panel.fixed,
.header.light {
  background: url(/bitrix/templates/printup/images/small_menu_shadow_2.png) no-repeat center bottom;
  background-size: cover;
}

.header .top-panel.fixed .pre-wrap,
.header.light .top-panel .pre-wrap {
  padding-top: 15px;
}

.main .top-panel.fixed:after,
.light .top-panel:after {
  content: '';
  display: block;
  height: 50px;
  width: 100%;
}

.modal-open .fixed,
.modal-open .light .top-panel {
  left: -8px;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}

.fixed .header-slogan, .fixed .a-mail, .fixed .a-call, .fixed .btn2,
.light .header-slogan, .light .a-mail, .light .a-call, .light .btn2 {
  display: none;
}

.fixed .clr, .light .clr {
  clear: none;
}

.fixed .logo, .light .logo {
  width: 97px;
  padding: 0;
  margin: 0 15px 0 0;
}

.fixed .logo img, .light .logo img {
  max-height: 100%;
}

.fixed .menu, .light .menu {
  padding: 0;
  margin: 0;
}

.fixed .menu li, .light .menu li {
  padding: 0 5px;
}

.fixed .menu a, 
.light .menu a,
.fixed .menu span, 
.light .menu span {
  font-size: 15px;
  font-style: normal;
}

.fixed .ph, .light .ph {
  font-size: 23px;
  margin: -8px 0 0 0; 
}

.header-phones .btn {
  margin-top: 2px;
}

.fixed .btn1 span, .light .btn1 span {
  text-transform: uppercase;
  padding-right: 10px; 
}

.modal-open .top-panel {
  opacity: 0;
}

/*
===================================*/
.header-bnr-list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#slider {
  height: 365px;
  overflow: hidden; }

#slider .slides > li {
  height: 365px;
  width: 100%;
  max-width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

.header-bnr-list .wrap {
  z-index: 5;
}

#carousel {
  margin-top: -180px;
}

#carousel .flex-viewport {
  padding-top: 200px;
}

#carousel .flex-viewport .slides {
  -moz-transform: translate3d(0px, 0px, 0px) !important;
  -ms-transform: translate3d(0px, 0px, 0px) !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  -o-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
  width: auto !important;
}

#carousel.flexslider .slides > li {
  width: 20% !important;
}

#carousel .more {
  color: #882817;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  margin-top: 10px;
  text-decoration: none;
}

.header-bnr {
  color: #000;
  cursor: pointer;
  text-decoration: none;
  width: 100%;
  float: left;
  text-align: center;
  margin-top: -120px;
  position: relative;
  font-size: 16px;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  transition: all 1.5s;
}

.header-bnr1 {
  left: -10px;
  margin-top: -140px;
}

.header-bnr5 {
  right: -16px;
}

.header-bnr.header-bnr5 .txt, .header-bnr.header-bnr5 p {
  padding-right: 10px;
}

.flex-active-slide .header-bnr {
  -webkit-transform: translate(0, -50px);
  -moz-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

.flex-active-slide .header-bnr5 {
  -webkit-transform: translate(0, -70px);
  -moz-transform: translate(0, -70px);
  transform: translate(0, -70px);
}

.flex-active-slide .header-bnr4 {
  -webkit-transform: translate(0, -70px);
  -moz-transform: translate(0, -70px);
  transform: translate(0, -70px);
}

.flex-active-slide .header-bnr .txt { /*, .header-bnr.active p {*/
  display: block;
  opacity: 1;
}

.header-bnr span {
  display: block;
}

.header-bnr .h5 {
  font-size: 26px;
  line-height: 24px;
  font-weight: normal;
}

.header-bnr .txt {
  opacity: 0;
  margin: 15px 0 0 0;
  text-align: center;
}

.header-bnr-img {
  background: url(/bitrix/templates/printup/images/header-sprite.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  padding-top: 70%;
  width: 70%;  
  background-size: 328% 408%;
  margin: 0 auto;
}

.header-bnr1 .header-bnr-img {
  background-position: 47.953% 0;
}

.flex-active-slide .header-bnr1 .header-bnr-img {
  background-position: 2.923% 0;
}

.header-bnr2 .header-bnr-img {
  background-position: 2.923% 33.116%;
}

.flex-active-slide .header-bnr2 .header-bnr-img {
  background-position: 92.982% 0;
}

.header-bnr3 .header-bnr-img {
  background-position: 92.982% 33.116%;
}

.flex-active-slide .header-bnr3 .header-bnr-img {
  background-position: 47.953% 33.116%;
}

.header-bnr4 .header-bnr-img {
  background-position: 47.953% 66.233%;
}

.flex-active-slide .header-bnr4 .header-bnr-img {
  background-position: 2.923% 66.233%;
}

.header-bnr5 .header-bnr-img {
  background-position: 2.923% 99.35%;
}

.flex-active-slide .header-bnr5 .header-bnr-img {
  background-position: 92.982% 66.233%;
}

/* section1
===================================*/
.title {
  text-align: center;
  color: #4c4c4c;
  font-size: 34px;
  margin: 20px 0;
  line-height: 1;
}

.title span {
  font-size: 18px;
  padding-left: 10px; }

.title a {
  color: #4c4c4c;
  font-size: 18px;
  font-style: italic;
  padding-left: 10px; }

.title a:hover {
  text-decoration: none; }

.title.white {
  color: #fff; 
  opacity: 0;
}

/*
=======================================*/
.items {
  font-size: 0;
  margin: 0 auto 40px;
  text-align: center;
  width: 1400px;
}

.items li {
  display: inline-block;
  width: 24%;
  margin: 0 1px 2px 1px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.item {
  display: block;
  color: #fff;
  margin: 0;
  padding: 0;
  position: relative;
}

.item:after, .products .product_wrap_block:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  display: block;
  opacity: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.item:hover:after {
  opacity: 1;
}

.item img {
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.item span {
  color: #fff;
  position: relative;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: table-cell;
  width: 500px;
  min-width: 100%;
  font-size: 24px;
  line-height: 22px;
  font-weight: bold;
  text-decoration: underline;
  height: 61px;
  vertical-align: middle;
}

.items li:hover .item span,
.item:hover span {
  text-decoration: none;
}

.product-item span {
  background: #e54352;
}

.product-item:hover span {
  background: #892730;
}

.products .product_wrap_block:after {
  opacity: 1;
}

/* section2
===================================*/
.section2 {
  text-align: center;
  margin: 40px 0;
}

.title2 {
  color: #8f8282;
  font-weight: bold;
  font-size: 48px;
  margin: 0 0 15px 0;
}

.section-txt {
  color: #8f8282;
  font-size: 18px;
  text-align: center;
  max-width: 1300px;
  margin: 0 auto 20px; 
}

.section-txt p {
  margin: 0;
}

/* section3
===================================*/
.section3 {
  height: 531px;
  background: url(/bitrix/templates/printup/images/section3-bg.png) no-repeat 50% 0;
  padding: 35px 0;
  position: relative;
  top: 100px;
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  transition: all 1.2s;
}

.section3 .wrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.earch {
  position: relative;
  width: 433px;
  height: 433px;
  background: url(/bitrix/templates/printup/images/earch.png) no-repeat;
  float: left;
  margin: 0 65px 0 50px; }

.earch-txt {
  position: absolute;
  background: url(/bitrix/templates/printup/images/text-bg.png) no-repeat;
  width: 741px;
  height: 90px;
  padding: 120px 0 0 270px;
  font-size: 22px;
  position: absolute;
  bottom: 70px;
  left: 55px; }

.earch-count {
  float: left;
  font-size: 20px; }

.earch-time {
  margin: 15px 0 10px 5px; }

.line1 {
  font-size: 35px;
  line-height: 20px;
  margin: 0 0 -10px; }

.line2 {
  font-size: 38px
  font-weight: bold;
  text-transform: uppercase;
  line-height: 88px; }

.line3 {
  font-size: 46px;
  font-weight: bold;
  line-height: 18px;
  min-height: 25px; }

.line3 .line3-time1 {
  font-size: 67px; }

.line4 {
  font-size: 43px; }

/*
===================================*/
.figure1,
.figure2 {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s; }

.figure1 {
  position: absolute;
  bottom: -200px;
  left: -360px;
  width: 391px;
  height: 380px;
  background: url(/bitrix/templates/printup/images/figure1.png) no-repeat; }

.figure2 {
  position: absolute;
  top: -200px;
  right: 0;
  width: 150px;
  height: 180px;
  background: url(/bitrix/templates/printup/images/figure2.png) no-repeat; }

/* secton 4
===================================*/
.section4 {
  margin: 50px 0; }

.service-item span {
  background: #e59e43; }

.service-item:hover span {
  background: #978062; }

/* section5
===================================*/
.section5 {
  height: 510px;
  background: url(/bitrix/templates/printup/images/section5-bg.png) no-repeat 50% 0;
  margin: 80px 0 0 0;
  text-align: center;
  padding-top: 90px; }

.project-numbers {
  float: right;
  color: #fff;
  font-size: 44px;
  width: 390px;
  text-align: left;
  margin: 100px 60px 0 0; }

.project-numbers span {
  display: block;
  width: 351px;
  height: 120px;
  background: url(/bitrix/templates/printup/images/section5-numbers.png) no-repeat 50% 50%;
  font-weight: bold;
  font-size: 124px;
  line-height: 120px;
  margin: 0 0 -10px; }

/* secton 5
===================================*/
.section6 {
  margin: 50px 0 0 0; }

.portfolio-item span {
  background: #4c4c4c; }

.portfolio-item:hover span {
  background: #232323; }

/* section7
===================================*/
.section7 {
  background: url(/bitrix/templates/printup/images/section7-bg.png) no-repeat 50% 0;
  padding: 150px 0 150px 0;
  position: relative;
  z-index: 3;
}

.for_clients_page_wrap .page_bg {
  background: url(/bitrix/templates/printup/images/big_bg.jpg) no-repeat 50% bottom; 
  min-height: 1600px;
}

.for_clients_page_wrap .page_bg .workarea:after {
  background: transparent;
}

.for_clients_page_wrap .header {
  background: transparent;
}

.for_clients_page_wrap.inner .top-panel:not(.fixed) {
  padding-bottom: 0;
}

.for-clients-detail {
  font-size: 22px;
  padding: 0 0 40px 0;
}

.for-clients-detail .form.form-client {
  background: rgba(0, 0, 0, 0);
}

.for-clients-detail p {
  margin: 0 0 10px 0;
}

.clients:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clients {
  font-size: 0;
}

.client {
  float: left;
  width: 16.6667%;
  margin-bottom: 10px;
  color: #000;
  position: relative;
  text-align: center;
  font-size: 25px;
  line-height: 24px;
  cursor: pointer;
  text-decoration: none;
}

.client h5, .client .h5 {
  display: block;
  font-weight: normal;
}

/*
===================================*/
.client-img {
  display: inline-block;
  background: url(/bitrix/templates/printup/images/clients-sprite.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  padding-top: 90%;
  width: 90%;
  background-size: 328% 408%;
  position: relative;
}

.client-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(/bitrix/templates/printup/images/clients-sprite.png) no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  
  background-size: 328% 408%;
}

.client1 .client-img:after {
  background-position: 2.923% 0;
}

.client2 .client-img:after {
  background-position: 92.982% 0;
}

.client3 .client-img:after {
  background-position: 48.245% 33.116%;
}

.client4 .client-img:after {
  background-position: 3.216% 66.233%;
}

.client5 .client-img:after {
  background-position: 92.982% 66.233%;
}

.client6 .client-img:after {
  background-position: 48.538% 100.432%;
}

.client:hover .client-img:after,
.client.active .client-img:after {
  opacity: 1; 
}

.client1 .client-img {
  background-position: 47.076% 0.216%;
}

.client2 .client-img {
  background-position: 2.923% 32.251%;
}

.client3 .client-img {
  background-position: 92.982% 33.116%;
}

.client4 .client-img {
  background-position: 47.953% 66.017%;
}

.client5 .client-img {
  background-position: 2.923% 99.567%;
}

.client6 .client-img {
  background-position: 92.982% 99.567%;
}

/*
====================================*/
.client-data {
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: relative;
  top: 20px;
  left: 0;
  width: 1300px;
  z-index: 2;
  font-size: 18px;
  line-height: 20px;
  color: #3a3a3a;
  margin: 0 auto;
  overflow: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.client-data:before,
.client-data:after,
.client-data div[class^="client-data-inner"]:before,
.client-data div[class^="client-data-inner"]:after {
  background-position: left top;
  background-size: 100% 100%;
  content: '';
  height: 100%;
  position: absolute;
  width: 100%;
}

.client-data:before,
.client-data:after {
  height: 18px;
  top: 0;
}

.client-data div[class^="client-data-inner"] {
  position: relative;
}

.client-data .client-data-inner3 {
  background-color: #fff;
}

.client-data div.client-data-inner:before,
.client-data div.client-data-inner:after {
  bottom: 0;
  height: 19px;
}

/* #client1 */
#client1 .client-data-inner {
  padding: 0 29px 0 28px;
}

#client1 .client-data-inner2 {
  padding: 18px 0;
}

#client1:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client1/1.png);
  left: 0;
  width: 28px;
}

#client1:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client1/3.png);
  right: 0;
  width: 29px;
}

#client1 div.client-data-inner:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client1/6.png);
  left: 0;
  width: 28px;
}

#client1 div.client-data-inner:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client1/8.png);
  right: 0;
  width: 29px;
}

#client1 div.client-data-inner2:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client1/2.png);
  height: 18px;
  left: 0;
  top: 0;
}

#client1 div.client-data-inner2:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client1/7.png);
  bottom: 0;
  height: 18px;
  left: 0;
}

#client1 div.client-data-inner3:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client1/4.png);
  left: -29px;
  top: 0;
  width: 29px;
}

#client1 div.client-data-inner3:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client1/5.png);
  right: -28px;
  top: 0;
  width: 28px;
}

/* #client2 */
#client2:before,
#client2:after {
  height: 17px;
}

#client2 div.client-data-inner:before,
#client2 div.client-data-inner:after {
  height: 22px;
}

#client2 .client-data-inner {
  padding: 0 29px 0 28px;
}

#client2 .client-data-inner2 {
  padding: 17px 0 22px 0;
}

#client2:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client2/1.png);
  left: 0;
  width: 28px;
}

#client2:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client2/3.png);
  right: 0;
  width: 29px;
}

#client2 div.client-data-inner:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client2/6.png);
  left: 0;
  width: 28px;
}

#client2 div.client-data-inner:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client2/8.png);
  right: 0;
  width: 29px;
}

#client2 div.client-data-inner2:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client2/2.png);
  height: 17px;
  left: 0;
  top: 0;
}

#client2 div.client-data-inner2:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client2/7.png);
  bottom: 0;
  height: 22px;
  left: 0;
}

#client2 div.client-data-inner3:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client2/4.png);
  left: -28px;
  top: 0;
  width: 28px;
}

#client2 div.client-data-inner3:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client2/5.png);
  right: -29px;
  top: 0;
  width: 29px;
}

/* #client3 */
#client3:before,
#client3:after {
  height: 15px;
}

#client3 div.client-data-inner:before,
#client3 div.client-data-inner:after {
  height: 22px;
}

#client3 .client-data-inner {
  padding: 0 28px 0 26px;
}

#client3 .client-data-inner2 {
  padding: 15px 0 22px 0;
}

#client3:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client3/1.png);
  left: 0;
  width: 26px;
}

#client3:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client3/3.png);
  right: 0;
  width: 28px;
}

#client3 div.client-data-inner:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client3/6.png);
  left: 0;
  width: 26px;
}

#client3 div.client-data-inner:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client3/8.png);
  right: 0;
  width: 28px;
}

#client3 div.client-data-inner2:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client3/2.png);
  height: 15px;
  left: 0;
  top: 0;
}

#client3 div.client-data-inner2:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client3/7.png);
  bottom: 0;
  height: 22px;
  left: 0;
}

#client3 div.client-data-inner3:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client3/4.png);
  left: -26px;
  top: 0;
  width: 26px;
}

#client3 div.client-data-inner3:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client3/5.png);
  right: -28px;
  top: 0;
  width: 28px;
}

/* #client4 */
#client4 .client-data-inner {
  padding: 0 28px 0 27px;
}

#client4 .client-data-inner2 {
  padding: 18px 0 19px 0;
}

#client4:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client4/1.png);
  left: 0;
  width: 27px;
}

#client4:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client4/3.png);
  right: 0;
  width: 28px;
}

#client4 div.client-data-inner:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client4/6.png);
  left: 0;
  width: 27px;
}

#client4 div.client-data-inner:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client4/8.png);
  right: 0;
  width: 28px;
}

#client4 div.client-data-inner2:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client4/2.png);
  height: 18px;
  left: 0;
  top: 0;
}

#client4 div.client-data-inner2:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client4/7.png);
  bottom: 0;
  height: 19px;
  left: 0;
}

#client4 div.client-data-inner3:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client4/4.png);
  left: -27px;
  top: 0;
  width: 27px;
}

#client4 div.client-data-inner3:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client4/5.png);
  right: -28px;
  top: 0;
  width: 28px;
}

/* #client5 */
#client5:before,
#client5:after {
  height: 16px;
}

#client5 div.client-data-inner:before,
#client5 div.client-data-inner:after {
  height: 23px;
}

#client5 .client-data-inner {
  padding: 0 29px 0 26px;
}

#client5 .client-data-inner2 {
  padding: 16px 0 23px 0;
}

#client5:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client5/1.png);
  left: 0;
  width: 26px;
}

#client5:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client5/3.png);
  right: 0;
  width: 29px;
}

#client5 div.client-data-inner:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client5/6.png);
  left: 0;
  width: 26px;
}

#client5 div.client-data-inner:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client5/8.png);
  right: 0;
  width: 29px;
}

#client5 div.client-data-inner2:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client5/2.png);
  height: 16px;
  left: 0;
  top: 0;
}

#client5 div.client-data-inner2:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client5/7.png);
  bottom: 0;
  height: 23px;
  left: 0;
}

#client5 div.client-data-inner3:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client5/4.png);
  left: -26px;
  top: 0;
  width: 26px;
}

#client5 div.client-data-inner3:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client5/5.png);
  right: -29px;
  top: 0;
  width: 29px;
}

/* #client6 */
#client6:before,
#client6:after {
  height: 17px;
}

#client6 div.client-data-inner:before,
#client6 div.client-data-inner:after {
  height: 26px;
}

#client6 .client-data-inner {
  padding: 0 28px;
}

#client6 .client-data-inner2 {
  padding: 17px 0 26px 0;
}

#client6:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client6/1.png);
  left: 0;
  width: 28px;
}

#client6:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client6/3.png);
  right: 0;
  width: 28px;
}

#client6 div.client-data-inner:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client6/6.png);
  left: 0;
  width: 28px;
}

#client6 div.client-data-inner:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client6/8.png);
  right: 0;
  width: 28px;
}

#client6 div.client-data-inner2:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client6/2.png);
  height: 17px;
  left: 0;
  top: 0;
}

#client6 div.client-data-inner2:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client6/7.png);
  bottom: 0;
  height: 26px;
  left: 0;
}

#client6 div.client-data-inner3:before {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client6/4.png);
  left: -28px;
  top: 0;
  width: 28px;
}

#client6 div.client-data-inner3:after {
  background-image: url(/bitrix/templates/printup/images/clients_bg/client6/5.png);
  right: -28px;
  top: 0;
  width: 28px;
}
/**/

.client-data .wrap {
  padding: 40px 0;
}

.client-data.active {
  height: auto;
  opacity: 1;
}

.client-data h5 {
  font-size: 22px;
}

.client-data p {
  margin: 0 0 30px 0;
}

.client-data ul {
  list-style: disc;
  margin: 10px 0 10px 40px;
}

/* client1
==================================*/
.client-data-title {
  font-size: 40px;
  line-height: 1;
  margin: 0 0 30px 0;
}

.client-phone {
  background: url(/bitrix/templates/printup/images/icon1.png) no-repeat 0 50%;
  padding: 10px 0 10px 60px;
  position: relative;
}

.client-phone span {
  background: #ffc23e;
  border-radius: 7px;
  padding: 3px 10px;
  font-family: 'PT Sans';
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
}

.client-phone a {
  color: #000;
}

.client-phone span strong {
  font-size: 23px;
}

.client-tooltip, body span.client-tooltip {
  -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.4);
  box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.4);
  border-radius: 10px;
  position: absolute;
  left: 378px;/* 350px */
  top: -10px;
  background: #fffce0;
  font: italic 18px "Arial Narrow";
  padding: 15px;
  color: #8b8b8b;
  height: auto;
  width: auto;
}

body span.client-tooltip:after {
  background: url(/bitrix/templates/printup/images/tooltip_angle.png) no-repeat 0 0;
  content: "";
  height: 23px;
  left: -23px;
  position: absolute;
  top: 30px;
  width: 23px;
}

.for-clients-detail .client-tooltip {
  left: 406px;
  top: -7px;
}

.client-form {
  background: url(/bitrix/templates/printup/images/icon2.png) no-repeat 0 50%;
  padding: 10px 0 10px 60px;
  margin: 30px 0;
}

.client-form a {
  color: #1e98cc;
}

.client-form a:hover {
  text-decoration: none;
}

.client-mail {
  background: url(/bitrix/templates/printup/images/icon3.png) no-repeat 0 50%;
  padding: 10px 0 10px 60px;
  margin: 30px 0;
}

.client-mail a {
  color: #ca0000; }

.client-mail a:hover {
  text-decoration: none;
}

.client-map {
  background: url(/bitrix/templates/printup/images/icon4.png) no-repeat 0 50%;
  padding: 10px 0 10px 60px;
}

/* client2
==================================*/
#client3.active .client-data-inner3 {
  height: 367px;
}

#client3 .scroll-txt {
  height: 220px;
  overflow: auto;
}

.client-beznal {
  background: url(/bitrix/templates/printup/images/icon5.png) no-repeat 10px 10px;
  padding: 0 0 0 60px; }

.client-nal {
  background: url(/bitrix/templates/printup/images/icon6.png) no-repeat 0 0;
  padding: 0 0 0 60px;
  margin: 30px 0;
}

.client-bank {
  background: url(/bitrix/templates/printup/images/icon7.png) no-repeat 0 0;
  padding: 0 0 0 60px;
}
/* client4
==================================*/
#client4.active .client-data-inner3 {
  height: 645px;
}

.client-links a {
  color: #1e98cc;
  display: inline-block;
}

.client-links a:hover {
  text-decoration: none;
}

#client4 .scroll-txt {
  height: 420px;
  overflow: auto;
}
/* client5
==================================*/
#client5.active .client-data-inner3 {
  height: 367px;
}

#client5 .scroll-txt {
  height: 220px;
  overflow: auto;
}

/* client6
==================================*/
.form.form-client {
  background: #fff;
  padding: 0;
  width: 340px;
  border-radius: 0;
  box-shadow: none;
  margin: 20px 0;
  position: relative;
}

.form.form-client input,
.form.form-client textarea {
  border: 1px solid #c9c9c9; }

/* section8
===================================*/
.section8 {
  margin: -50px 0 0 0;
  background: url(/bitrix/templates/printup/images/section8-bg.png) no-repeat 50% 0;
  padding: 39px 0 0 0;
  height: 902px;
  position: relative;
  z-index: 2;
  animation-duration: 2s;
}

.prices_page_wrap .page_bg {
  background: #f7f4ed url(/bitrix/templates/printup/images/section8-bg.png) no-repeat 50% 206px;
}

.prices_page_wrap .workarea {
  height: 902px;
}

.select-type {
  width: 516px;
  margin: 0 auto; }

.select-type-1 {
  text-align: center;
  background: url(/bitrix/templates/printup/images/select-type.png) no-repeat;
  height: 56px;
  width: 520px;
  cursor: pointer;
  position: relative;
}

.select-type-1 > span {
  color: #fff;
  display: inline-block;
  font-size: 34px;
  line-height: 52px;
}

.select-type-1:after {
  content: " ";
  position: absolute;
  right: 25px;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 9.5px 0 9.5px;
  border-color: #ffffff transparent transparent transparent; }

.select-type-1:hover > .search-input,
.select-type-1:hover > ul {
  opacity: 1; }

/*
==========================================*/
.search-input {
  display: block;
  opacity: 0;
  width: 468px;
  height: 35px;
  margin: 25px auto 0 auto;
  background: url(/bitrix/templates/printup/images/searche-price.png) no-repeat 50% 0;
  padding: 32px 0 0 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s; }

.search-input input {
  width: 400px;
  border: none;
  height: 35px;
  background: none;
  text-align: center;
  color: #888888;
  font-size: 18px;
  line-height: 22px;
  font-style: italic;
  outline: none; }

.select-type-sub {
  width: 468px;
  min-height: 150px;
  background: #fff;
  margin: 0 auto;
  box-shadow: 2px 5px 10px #666;
  padding-bottom: 20px;
  position: relative;
  z-index: 1;
}

.select-type-sub:after,
.select-type-sub:before,
.select-type-sub ul:before {
  content: " ";
  position: absolute; }

.select-type-sub {
  display: block;
  opacity: 0;
  font-size: 22px;
  color: #000;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s; }

.select-type-sub li {
  padding: 4px 0 6px 0;
  position: relative;
}

.select-type-sub > li:hover,
.select-type-sub ul > li:hover {
  color: #fff;
  background: #b71414;
}

.select-type-sub a {
  display: block;
  text-decoration: none;
  color: #000; }

.select-type-sub li:hover > a {
  color: #fff; }

.select-type-sub li:hover > ul {
  display: block; }

.select-type-sub ul {
  display: none;
  position: absolute;
  left: 468px;
  top: 0;
  background: #fff;
  min-width: 200px; }

.select-type-sub ul:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9.5px 0 9.5px 10px;
  border-color: transparent transparent transparent #ffffff;
  left: -20px;
  top: 10px; }

  .select-type-sub .prev {
      font: 10px;
      display: block;
      width: 100%;
      background: #ebebeb;
      height: 25px;
      color: #4e4e4e;
      padding: 0 0 3px 0;
  }

  .select-type-sub .next {
      font: 10px;
      display: block;
      width: 100%;
      background: #ebebeb;
      height: 25px;
      color: #4e4e4e;
      padding: 0 0 3px 0;
  }

/*
===================================*/
.section9 {
  margin: -60px 0 50px 0;
  position: relative;
  background: url(/bitrix/templates/printup/images/section9-bg.png) no-repeat 50% 0; }

.section9-inner {
  padding: 70px 0 0 0;
  height: 750px; }

/*
===================================*/

.label {
  display: block;
  float: left;
  width: 190px;
  height: 264px;
  margin: 0 3px 0 0;
  background: url(/bitrix/templates/printup/images/flag-sprite.png) no-repeat;
}
.label.label1 {
  background-position: 0 0;
  top: 0;
  left: 0;
}
.label.label1:hover {
  background-position: -190px 0;
}
.label.label2 {
  background-position: 0 -264px;
  top: 0;
  left: 0;
}
.label.label2:hover {
  background-position: -190px -264px;
}
.label.label3 {
  background-position: 0 -528px;
  top: 0;
  left: 0;
}
.label.label3:hover {
  background-position: -190px -528px;
}
.label.label4 {
  background-position: 0 -792px;
  top: 0;
  left: 0;
}
.label.label4:hover {
  background-position: -190px -792px;
}
.label.label5 {
  background-position: 0 -1056px;
  top: 0;
  left: 0;
}
.label.label5:hover {
  background-position: -190px -1056px;
}

.flags {
  position: relative; }

.flag {
  display: inline-block;
  background: url(/bitrix/templates/printup/images/flag-sprite.png) no-repeat;
  overflow: hidden;
  text-align: left;
  width: 214px;
  height: 279px;
  position: absolute;
  text-decoration: none;
  color: #fff;
}

.flag:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(/bitrix/templates/printup/images/flag-sprite.png) no-repeat;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
}

.flag:hover:after {
  opacity: 1;
}

.section9-inner .flag1 {
  background-position: 0 0;
  top: 0;
  left: 0; 
}
.section9-inner .flag1:hover {
  background-position: -214px 0; 
}
.section9-inner .flag2 {
  background-position: 0 -279px;
  top: 279px;
  left: 0; 
}
.section9-inner .flag2:hover {
  background-position: -214px -279px; 
}
.section9-inner .flag3 {
  background-position: -214px -558px;
  top: 558px;
  left: 0; }
.section9-inner .flag3:after {
  background-position: -409px -281px; }
.section9-inner .flag4 {
  background-position: -410px -566px;
  top: 48px;
  left: 595px; }
.section9-inner .flag4:after {
  background-position: -209px -564px; }
.section9-inner .flag5 {
  background-position: -210px -849px;
  top: 38px;
  right: 23px; }
.section9-inner .flag5:after {
  background-position: -9px -565px; }

/*
===================================*/
.flag span {
  display: block;
  width: 100%;
  font-size: 20px;
  line-height: 20px;
  padding: 20px 0 0 0;
  font-style: italic;
  text-align: center;
  position: relative;
  z-index: 3; }

.flag span strong {
  display: block;
  font-weight: bold; }

/*
===================================*/
.section10 {
  margin: -340px 0 0 0;
  background: url(/bitrix/templates/printup/images/section10-bg.png) no-repeat 50% 0;
  padding: 280px 0 0 0;
  height: 1060px;
  position: relative;
  z-index: 2; 
}

.about_page_wrap.parent .page_bg {
  background: #f7f4ed url(/bitrix/templates/printup/images/section10-bg.png) no-repeat 50% -22px;
  min-height: 1340px;
}

.about_page_wrap.parent .title {
  margin-bottom: 0;
  margin-top: 56px;
}

.about_page_wrap.parent .breadcrumbs {
  display: none;
}

.about_page_wrap.parent .about_page {
  min-height: 660px;
}

.section10 .section-txt, .about_page_wrap.parent .section-txt {
  font-size: 22px;
  margin: 80px auto 40px auto; 
}

.section-txt span {
  font-size: 48px;
}

.about-menu {
  position: relative;
  height: 230px;
  width: 100%;
  margin: 0 0 50px;
}

.about-menu a {
  position: absolute;
  color: #fff;
  font-size: 30px;
  line-height: 28px;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

.about-menu a:hover {
  border: none;
}

.link1 {
  top: 62px;
  left: 52px;
}

.link2 {
  top: 105px;
  left: 475px;
}

.link3 {
  top: 62px;
  right: 50px;
}

.link4 {
  top: 185px;
  left: 250px;
}

.link5 {
  top: 185px;
  right: 160px;
}

.about-more {
  color: #fff;
  font-size: 30px;
  line-height: 28px;
  font-weight: bold;
  text-decoration: none;
  background: #cbcfd8;
  width: 255px;
  height: 56px;
  padding: 12px 0 12px 0;
  margin: 30px auto;
  display: block;
  text-align: center;
}

.about-more span {
  border-bottom: 1px solid #fff;
}

.about-more:hover {
  background: #99a6c3;
}

.about-more:hover span {
  border: none;
}

/* footer
===================================*/
.footer {
  background: url(/bitrix/templates/printup/images/footer-bg.jpg) no-repeat 50% 0;
  height: 1037px; }

/*
===================================*/
.footer-menus {
  height: 310px; }

.footer-menus:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.footer-menu {
  float: left;
  width: 16.6667%;
}

.footer-menu a,
.footer-menu span {
  color: #8f8282;
  font-size: 14px;
  line-height: 25px;
  text-decoration: none;
  border-bottom: 1px solid #8f8282;
}

.footer-menu a:hover,
.footer-menu span {
  border: none; 
}

/*
===================================*/
.menu1 {
  width: 190px; }

.menu2 {
  width: 105px; }

.menu3 {
  width: 140px; }

.menu4 {
  width: 195px; }

.menu5 {
  width: 190px; }

.menu6 {
  float: right; }

/*
===================================*/
.pay-title {
  text-align: center;
  color: #000101;
  font-weight: bold;
  font-size: 36px;
  margin: 0 0 10px 0; }

.pays {
  font-size: 0;
  text-align: center;
}

.pays img {
  margin: 0 10px;
}

.pays img:first-child {
  margin-left: 0;
}

.pays img:last-child {
  margin-right: 0;
}

/*
===================================*/
.bottom-txt {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: italic;
  line-height: 22px;
  margin: 50px 0 0 0; }

.footer-txt {
  color: #fff;
  text-align: center;
  font-size: 23px;
  font-style: italic;
  margin: 35px 0 0 0;
  color: #8f8282; }

.contacts {
  color: #8f8282;
  font-size: 23px;
  text-align: center;
  margin: 22px 0;
}

.contacts a {
  color: #295c9a; }

.contacts a:hover {
  text-decoration: none; }

.contacts span {
  font-weight: bold;
  color: #295c9a; 
  text-decoration: none;
}

/*
===================================*/
.socials {
  text-align: center;
}

.footer .socials a {
  background: url("/bitrix/templates/printup/images/icon-footer.png") no-repeat left top;
  display: inline-block;
  height: 59px;
  width: 59px;
}

.footer .socials .facebook {
  background-position: -59px 0;
}

.footer .socials .google-plus {
  background-position: -118px 0;
}

.footer .socials .instagram {
  background-position: -177px 0;
}

.copy {
  color: #8e8e8e;
  text-align: center;
  font-size: 20px;
  padding-top: 15px;
}

/* MODAL
================================================*/
.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: scroll; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px 0 10px 10px;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fff; }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px; }

.modal-header .close {
  margin-top: -2px; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table; }

.clearfix:after,
.modal-footer:after {
  clear: both; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.affix {
  position: fixed; }

/* forms 
===================================*/
.form {
  background: #ebf1f3;
  padding: 15px 25px 0 25px;
  width: 340px;
  border-radius: 7px;
  box-shadow: 3px 3px 3px #ddd;
  margin: 50px auto;
  position: relative; }

.form-close {
  top: -11px;
  right: -15px;
  display: block;
  border: none;
  cursor: pointer;
  position: absolute;
  outline: none;
  width: 39px;
  height: 39px;
  background: none;
  font-size: 30px;
  color: #999;
  text-indent: -9999px;
  background: url(/bitrix/templates/printup/images/btn-close.png) no-repeat; }

.form-close:hover {
  color: #cc0000; }

.offer {
  text-align: center;
  color: #4c4c4c;
  font-size: 36px; }

.form input,
.form textarea {
  border-radius: 8px;
  box-shadow: inset 2px 3px 3px #999;
  border: none;
  outline: none;
  padding: 5px 10px;
  height: 28px;
  width: 90%;
  margin: 25px auto;
  display: block;
  color: #949494;
  font-size: 20px;
  font-style: italic; }

.form textarea {
  height: 100px; }

.btn3 {
  background: #ffc23e;
  border-radius: 7px;
  margin: 10px auto 25px auto;
  display: block;
  width: 340px;
  font-size: 29px;
  height: 56px;
}

.btn3:hover {
  background-color: #f8b627;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder {
  color: transparent;
}

/*
===================================*/
.form-thanks {
  padding: 20px;
  margin: 0 -25px;
  background: #d0e9f2;
  border-radius: 0 0 8px 8px;
  text-align: center;
  color: #4e4e4e;
  font-style: italic;
  font-size: 23px;
  line-height: 26px; }

.form-thanks h5 {
  font-weight: normal;
  font-size: 35px;
  margin: 0 0 10px 0; }

/*
===================================*/
.form2 {
  position: relative;
  padding-bottom: 1px; }

.form2 input {
  margin: 0 auto 20px auto; }

.status-order {
  color: #636363;
  font: italic 24px "Arial Narrow";
  text-align: center; }

.status-order span {
  font-weight: bold;
  color: #000; }

.btn-zoom {
  position: absolute;
  right: 39px;
  top: 26px;
  width: 18px;
  height: 15px;
  background: url(/bitrix/templates/printup/images/icon-zoom.png) no-repeat; }

.progress-bar {
  text-align: center;
  margin: 20px 0; }

.progress-bar img {
  max-width: 100%; }

/*
===================================*/
.form-login {
  display: none;
  background: #fff;
  padding: 15px;
  width: 250px;
  border-radius: 0;
  box-shadow: 3px 3px 3px #ddd;
  margin: 50px auto;
  position: relative;
  border: 1px solid #e1e1e1;
  position: absolute;
  right: 0;
  top: -5px; }

.form-login:before {
  content: " ";
  position: absolute;
  top: -15px;
  right: 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14.5px 15px 14.5px;
  border-color: transparent transparent #ca0000 transparent; }

.form-login input {
  margin: 10px auto;
  border: 1px solid #c9c9c9; }

.btn4 {
  text-decoration: underline;
  background: none;
  color: #1e98cc;
  font-size: 22px;
  font-weight: bold;
  text-align: right;
  width: 100%; }

.btn4:hover {
  text-decoration: none; }

.login-links {
  color: #323232;
  font-size: 15px;
  text-align: right;
  margin: 10px 0 0 0; }

.login-links a {
  color: #323232 !important;
  font-style: normal !important;
  font-size: 15px; }

.login-links a:hover {
  text-decoration: none; }

/*
===================================*/
.form3 input {
  width: 95%; }

.captcha {
  margin: 0 -25px 20px -25px;
  padding: 5px 25px 15px 25px;
  background: #d0e9f2; }

.captcha:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.captcha label {
  color: #8f8282;
  font-size: 18px;
  display: block;
  margin: 0 0 3px 0; }

.captcha-img {
  background: #004a64;
  text-align: center;
  color: #fff;
  float: left;
  width: 110px;
  height: 40px;
  font-size: 22px;
  line-height: 40px; }

.captcha input {
  float: right;
  width: 200px;
  margin: 0; }

/*
===================================*/
.order-success {
  background: #d0e9f2;
  padding: 25px;
  width: 340px;
  border-radius: 7px;
  box-shadow: 3px 3px 3px #ddd;
  margin: 50px auto;
  position: relative;
  text-align: center;
  font-size: 18px;
  color: #8f8282; }

.order-success h5 {
  font-size: 43px;
  line-height: 36px;
  font-weight: normal;
  color: #4c4c4c;
  margin: 0 0 25px 0; }

/*
===================================*/
.bubble {
  height: 1961px;
  width: 129px;
  background: url(/bitrix/templates/printup/images/bubble.png) no-repeat 33px 173px;
  text-align: center;
  position: fixed;
  z-index: 9;
  top: 600px;
  margin-left: 1000px;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s; }

.bubble img {
  -webkit-animation: bubble-anim 2s ease-out infinite;
  animation: bubble-anim 2s ease-out infinite;
  position: relative; }

/*
===================================*/
@-webkit-keyframes bubble-anim {
  0% {
    transform: translate(0, 0) rotate(0deg); }
  20% {
    transform: translate(0, -1px) rotate(-0.5deg); }
  48% {
    transform: translate(-0.5px, -1.5px) rotate(0); }
  68% {
    transform: translate(-1px, -2px) rotate(-0.5deg); }
  97%, 100% {
    transform: scale(1) translate(0, 0); } }
@keyframes bubble-anim {
  0% {
    transform: translate(0, 0) rotate(0deg); }
  20% {
    transform: translate(0, -1px) rotate(-0.5deg); }
  48% {
    transform: translate(-0.5px, -1.5px) rotate(0); }
  68% {
    transform: translate(-1px, -2px) rotate(-0.5deg); }
  97%, 100% {
    transform: scale(1) translate(0, 0); } }
/*
===================================*/
.delay-0 {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  animation-delay: .5s; }

.delay-1 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s; }

.delay-2 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s; }

.delay-3 {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s; }

/*
================BOX-SIZING===================*/
.products_page div, .products_page p, .products_page h5, .products_page h6, .products_page figure, .products_page img, .products_page figcaption, .products_page button, .products_page a, .products_page ul, .products_page li, .products_page table, .products_page tr, .products_page td, .products_page input, .about_page div, .about_page p, .about_page h5, .about_page h6, .about_page figure, .about_page img, .about_page figcaption, .about_page button, .about_page a, .about_page ul, .about_page li, .about_page table, .about_page tr, .about_page td, .about_page input, .news_page div, .news_page p, .news_page h5, .news_page h6, .news_page figure, .news_page img, .news_page figcaption, .news_page button, .news_page a, .news_page ul, .news_page li, .news_page table, .news_page tr, .news_page td, .news_page input, .equipment_page div, .equipment_page p, .equipment_page h5, .equipment_page h6, .equipment_page figure, .equipment_page img, .equipment_page figcaption, .equipment_page button, .equipment_page a, .equipment_page ul, .equipment_page li, .equipment_page table, .equipment_page tr, .equipment_page td, .equipment_page input,
.portfolio_page div,
.portfolio_page p,
.portfolio_page h5,
.portfolio_page h6,
.portfolio_page figure,
.portfolio_page img,
.portfolio_page figcaption,
.portfolio_page button,
.portfolio_page a,
.portfolio_page ul,
.portfolio_page li,
.portfolio_page table,
.portfolio_page tr,
.portfolio_page td,
.portfolio_page input, .services_page div, .services_page p, .services_page h5, .services_page h6, .services_page figure, .services_page img, .services_page figcaption, .services_page button, .services_page a, .services_page ul, .services_page li, .services_page table, .services_page tr, .services_page td, .services_page input, .clients_page div, .clients_page p, .clients_page h5, .clients_page h6, .clients_page figure, .clients_page img, .clients_page figcaption, .clients_page button, .clients_page a, .clients_page ul, .clients_page li, .clients_page table, .clients_page tr, .clients_page td, .clients_page input, .offer_page div, .offer_page p, .offer_page h5, .offer_page h6, .offer_page figure, .offer_page img, .offer_page figcaption, .offer_page button, .offer_page a, .offer_page ul, .offer_page li, .offer_page table, .offer_page tr, .offer_page td, .offer_page input,
.developing_page div,
.developing_page p,
.developing_page h5,
.developing_page h6,
.developing_page figure,
.developing_page img,
.developing_page figcaption,
.developing_page button,
.developing_page a,
.developing_page ul,
.developing_page li,
.developing_page table,
.developing_page tr,
.developing_page td,
.developing_page input, .reviews_page div, .reviews_page p, .reviews_page h5, .reviews_page h6, .reviews_page figure, .reviews_page img, .reviews_page figcaption, .reviews_page button, .reviews_page a, .reviews_page ul, .reviews_page li, .reviews_page table, .reviews_page tr, .reviews_page td, .reviews_page input, .contacts_page div, .contacts_page p, .contacts_page h5, .contacts_page h6, .contacts_page figure, .contacts_page img, .contacts_page figcaption, .contacts_page button, .contacts_page a, .contacts_page ul, .contacts_page li, .contacts_page table, .contacts_page tr, .contacts_page td, .contacts_page input, .header.small div, .header.small p, .header.small h5, .header.small h6, .header.small figure, .header.small img, .header.small figcaption, .header.small button, .header.small a, .header.small ul, .header.small li, .header.small table, .header.small tr, .header.small td, .header.small input,
.personal_page div,
.personal_page p,
.personal_page h5,
.personal_page h6,
.personal_page figure,
.personal_page img,
.personal_page figcaption,
.personal_page button,
.personal_page a,
.personal_page ul,
.personal_page li,
.personal_page table,
.personal_page tr,
.personal_page td,
.personal_page input, .personal_page_settings div, .personal_page_settings p, .personal_page_settings h5, .personal_page_settings h6, .personal_page_settings figure, .personal_page_settings img, .personal_page_settings figcaption, .personal_page_settings button, .personal_page_settings a, .personal_page_settings ul, .personal_page_settings li, .personal_page_settings table, .personal_page_settings tr, .personal_page_settings td, .personal_page_settings input, .oreder_form_page div, .oreder_form_page p, .oreder_form_page h5, .oreder_form_page h6, .oreder_form_page figure, .oreder_form_page img, .oreder_form_page figcaption, .oreder_form_page button, .oreder_form_page a, .oreder_form_page ul, .oreder_form_page li, .oreder_form_page table, .oreder_form_page tr, .oreder_form_page td, .oreder_form_page input, .page_404 div, .page_404 p, .page_404 h5, .page_404 h6, .page_404 figure, .page_404 img, .page_404 figcaption, .page_404 button, .page_404 a, .page_404 ul, .page_404 li, .page_404 table, .page_404 tr, .page_404 td, .page_404 input {
  box-sizing: border-box; }

/*
================PRODUCTS===================*/
.header.light {
  height: 330px;
}
  
body:not(.main) .header.light {
  height: auto;
  padding-top: 0;
}

.header_products .title {
  line-height: 15px; }

.show_list {
  background: #ffc23e;
  border-radius: 5px;
  display: inline-block;
  font-family: 'PT Sans';
  font-size: 18px; }
  .show_list:hover {
    background: #f8b627; }

.header_products .section-txt {
  margin-top: 35px;
}

.header_products .section-txt p {
  margin: 0;
}

.review_block {
  -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.3);
  box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.3);
  background: #d0e9f2;
  color: #000;
  font-style: italic;
  height: auto;
  padding: 8px 12px;
  position: absolute;
  right: -285px;
  top: 0;
  width: 285px;
  text-align: left;
  border-radius: 5px; 
  z-index: 1;
}

.review_block:hover {
  z-index: 999;
}

.review_block .close {
  font-style: normal;
  position: absolute;
  right: 10px;
  top: 10px; 
  cursor: pointer;
  z-index: 1;
}

.review_block p {
  font-size: 17px;
}

.review_block .top {
  color: #000;
  font-size: 25px;
  font-style: normal;
}
  
.review_block .botom {
  font-weight: bold;
  font-style: normal;
  margin-top: 10px;
}

.cont_products {
  position: relative;
}

.cont_products .products-box,
.cont_products .first {
  text-align: center;
}

.cont_products .products-box a,
.cont_products .first a {
  color: #000;
  float: left;
  margin: 0;
  padding: 2px;
  width: 20%;
}

.cont_products .products-box img,
.cont_products .first img {
  margin-bottom: -4px;
  width: 100%;
}

.cont_products figure {
  display: block;
  margin: 0;  
}

.cont_products .second {
  font-size: 0;
  margin-bottom: 14px;
  text-align: left;
}

.cont_products .second a {
  display: inline-block;
  float: none;
}

.cont_products a:hover figure, .cont_products a.active figure {
  -webkit-box-shadow: 0 0 0 4px #e45c56;
  box-shadow: 0 0 0 4px #e45c56; 
}

.cont_products figcaption {
  background: url("/bitrix/templates/printup/images/products/figcapt_bg.png") repeat left top;
  height: 70px;
  line-height: 15px;
  padding: 0 5px;
  position: relative; 
  display: table;
  width: 100%;
}
  
.cont_products figcaption span {
  font-size: 21px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
  width: 100%;
}

.cont_products figcaption span small {
  display: block;
  font-size: 14px;
}

.cont_products a:hover,
.cont_products a.active {
  text-decoration: none;
}

.cont_products a:hover figure figcaption,
.cont_products a.active figure figcaption {
  -webkit-box-shadow: 0 800px 0 0 rgba(228, 92, 86, 0.5) inset;
  box-shadow: 0 800px 0 0 rgba(228, 92, 86, 0.5) inset; 
}


.cont_products .second a:hover figure, 
.cont_products .second a.active figure,
.cont_products .second a:hover figure figcaption,
.cont_products .second a.active figure figcaption {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.cont_products .second a:hover figure figcaption:after,
.cont_products .second a.active figure figcaption:after {
  display: none; 
}

.cont_products .second a {
  text-decoration: none;
}

.first {
  padding-bottom: 40px;
}

.first figure {
  width: 100%;
}

.first img {
  height: 306px; 
}

.second {
  margin-bottom: 20px;
}

.second figure:hover {
  box-shadow: none;
  background: none;
}

.second img {
  height: 260px;
}

.second figcaption {
  display: table;
  width: 100%;
}
  
.second figure:hover figcaption:after {
  border-left: none;
  border-right: none;
  border-top: none;
}

.second a.active img,
.second a:hover img,
.second a.active .img_b,
.second a:hover .img_b {
  box-shadow: 0 0 0 4px #e6a99d;
  -webkit-box-shadow: 0 0 0 4px #e6a99d;
  border-radius: 2px;
}
  
.second figcaption, .second figcaption a {
  font-size: 18px;
  font-weight: normal;
  background: none;
}

.second figcaption span, .second figcaption a span {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;  
}

.second figcaption a {
  text-decoration: none !important;
}

.second figcaption a:hover {
  text-decoration: underline !important; 
  background: none;
}

.products_order {
  margin-bottom: 34px; 
}

.products_order figure {
  background: #fff none repeat scroll 0 0;
  float: left;
  margin: 0;
  padding: 0;
  width: 28%;
}

.products_order figure img {
  margin: 0;
}

.products_order img {
  width: 100%;
  height: auto;
}

h5, .h5 {
  font-size: 30px;
}

h6 {
  font-size: 28px; }

.arln1 {
  color: #4c4c4c;
  font-family: 'Arial Narrow';
}

.arln2 {
  color: #8f8282;
  font-family: 'Arial Narrow';
}

.characteristic {
  text-align: left;
}

.characteristic h5 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 8px;
}

.characteristic h6 {
  font-style: italic;
  font-size: 18px;
  margin-top: 12px;
}

.characteristic p,
.characteristic .prices .desc {
  font-size: 18px;
  font-style: italic;
  color: #8f8282;
  line-height: 1;
}

.characteristic h5 + p {
  font-style: normal;
}

.characteristic .btn {
  margin: 20px 0 55px 0;
}

.white {
  background: #fff;
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  text-align: center;
}
  
.white p {
  color: #000;
  line-height: 1.4;
}
    
.white .quantity {
  font-weight: bold;
}

.products_order .characteristic {
  float: left;
  margin: 0 0 0 2%;
  padding: 0;
  width: 36%;
}

/* advantage_box */
.advantage {
  display: inline-block;
  vertical-align: top; 
}

.advantage .punkt {
  background: #f3e6c5;
  position: relative;
  font-size: 22px;
  line-height: 22px;
}

.advantage .punkt a {
  color: #000;
  display: block;
  float: none;
  padding: 0;
  text-decoration: none;
  width: auto;
}
  
.advantage .punkt .img {
  background: url("/bitrix/templates/printup/images/products/sprite_advantege.png") 0 0;
  background-size: 100% 621.875%;
  border-radius: 32px;
  height: 64px;
  position: absolute;
  width: 64px;
}

.advantage .punkt .im2 {
  background-position: 0 24.8%;
}

.advantage .punkt .im3 {
  background-position: 0 49.7%;
}

.advantage .punkt .im4 {
  background-position: 0 75.1%;
}

.advantage .punkt .im5 {
  background-position: 0 100%;
}

.advantage_box {
  padding-top: 70px;
  -webkit-box-shadow: inset 1px 1px 5px 1px rgba(0, 0, 0, 0.36);
  box-shadow: inset 1px 1px 5px 1px rgba(0, 0, 0, 0.36);
  background: #f8f1de;
  margin-bottom: 65px;
}

.advantage_box .advantage .wrap {
  display: table;
}

.advantage_box .advantage {
  font-family: 'PT Sans';
  width: 100%;
  background: #f3e6c5;
  padding-top: 20px;
  text-align: center;
  padding-bottom: 15px;
}

.advantage_box .advantage .punkt {
  display: table-cell;
  vertical-align: top;
  width: 20%;
}

.advantage_box .advantage .punkt .img {
  left: 50%;
  top: -74px;
  margin-left: -32px;
}

.section_content_area .advantage .punkt {
  font-size: 20px;
  line-height: 1.1;
}

/**/
.products_order .advantage_box {
  background: transparent;
  float: right;
  margin: 0;
  padding: 0 0 0 32px;
}

.products_order .advantage {
  background: transparent;
  margin: 0;
  padding: 0;
}

.products_order .advantage .punkt {
  display: block;
  font-size: 18px;
  margin: 0 0 12px auto;
  max-width: 215px;
  padding: 6px 10px 6px 36px;
  text-align: left;
  width: auto;
}

.products_order .advantage .punkt span {
  display: table-cell;
  height: 40px;
  vertical-align: middle;
}

.products_order .advantage .punkt:nth-child(3) br:last-child {
  display: none;
}

.products_order .advantage .punkt .img {
  top: 0;
  left: 0;
  height: 52px;
  margin-left: -26px;
  width: 52px;
}

/**/
.footer_products .section-txt {
  color: #000;
  font-family: 'Arial Narrow';
  font-size: 25px;
  margin-bottom: 20px;
}

.footer_products .section-txt p {
  margin-bottom: 0;
}
    
.footer_products .adress {
  text-align: center;
  margin-bottom: 20px;
}

.footer_products .adress .ph {
  margin-bottom: 10px;
}

.footer_products .adress .mark {
  display: inline-block;
  background: #ffc23e;
  padding: 7px;
  border-radius: 4px;
  margin-bottom: 30px;
}

.footer_products .adress h5 {
  font-weight: bold;
  margin-bottom: 0;
}

.footer_products .adress h6 {
  font-weight: normal;
}

.block_map {
  background: #fff;
  padding: 40px 0;
}

.map_box {
  width: 100%;
  height: 400px;
}

/*
==============ABOUT=====================*/
.line {
  width: 100%;
  height: 5px;
  background: #f3e6c5;
  border-bottom: 3px solid #fff;
  margin-bottom: 35px;
}

.about_page {
  font-family: 'Arial Narrow';
  color: #4c4c4c;
}

.about_page h5 {
  margin-bottom: 25px;
}

.about_page p {
  font-size: 24px;
  margin-bottom: 20px;
}

.about_page figure {
  max-width: 955px;
  margin: 30px auto 20px;
  padding: 10px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.36);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.36);
  text-align: center;
}

.about_page figure img {
  max-width: 100%;
}

.about_page .pak {
  margin-bottom: 60px;
}

/*
==============NEWS=====================*/
.news_page {
  font-family: 'Arial Narrow';
  color: #4c4c4c; }
  .news_page .pak {
    margin-bottom: 60px; }

.pagination {
  float: right; }
  .pagination a {
    display: inline-block;
    font-size: 18px;
    position: relative;
    padding: 0 10px;
    color: #414040;
    text-decoration: none; }
  .pagination span {
    display: inline-block;
    font-size: 18px;
    position: relative;
    padding: 0 10px;
    color: #414040;
    text-decoration: none; }
    .pagination a.current {
      font-weight: bold;
      color: #000; }
    .pagination a:before, .pagination span.modern-page-current:before {
      content: "";
      width: 5px;
      height: 1px;
      background: #414040;
      position: absolute;
      top: 13px;
      left: 0px; }
    .pagination a.modern-page-all:before, .pagination a.modern-page-first:before, .pagination span.modern-page-first.modern-page-current:before {
      content: "";
      width: 0px;
      height: 0px;
      background: 0 none; }

    .pagination a:last-of-type {
      text-decoration: underline; }
    .pagination a:last-of-type:after {
      display: none; }
      
.date {
  font-size: 20px; 
}

.date div {
  display: inline-block;
  position: relative;
  padding: 0 5px;
  font-size: 20px; 
}
  .date div:after {
    content: "/";
    position: absolute;
    top: 0;
    right: -4px; }
  .date div:last-of-type:after {
    display: none; }

.news_head {
  margin-bottom: 15px; }
  .news_head a {
    font-size: 30px;
    text-decoration: none;
    color: #414040; }

.news_body {
  padding-bottom: 20px; }
  
.news_body figure {
  display: inline-block;
  float: left;
  margin: 0 20px 0 0;
  padding: 5px;
  background: #fff;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.36);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.36);
  width: 199px;
  height: 199px;
}

.news_body img {
  width: 100%;
  height: 100%;
}

.news_body p {
  font-size: 20px; 
}

.news:hover a {
  color: #c00;
  text-decoration: underline; 
}

.news:hover figure {
  -webkit-box-shadow: 0 0 0 2px #c00;
  box-shadow: 0 0 0 2px #c00;
}

.news:hover p {
  text-decoration: none;
  color: #0d0d0d;
}

/*
==============EQUIPMENT=====================*/
.equipment_page {
  font-family: 'Arial Narrow';
  color: #4c4c4c; }
  .equipment_page h5 {
    margin-bottom: 30px; }
  .equipment_page .center {
    text-align: center; }
  .equipment_page p {
    font-size: 24px;
    margin-bottom: 90px;
    color: #8f8282; }
  .equipment_page figure {
    margin: 0 auto 30px;
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.36);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.36);
}
    
.equipment_page figure img {
  display: block;
  min-width: 100%;
  width: 100%;
  height: auto;
}
      
.equipment_page figure.no_marge {
  margin: 0;
}

.equipment_page .pak {
  margin-bottom: 140px;
}

.red {
  color: #dc0101;
}

.blue {
  color: #1a66af;
}

/*
==============PORTFOLIO=====================*/
div.portfolio_page a.btn-order {
  font-size: 18px;
  margin: 0;
}

.portfolio_page .title {
  margin-bottom: 50px;
}

.portfolio_page .section-txt span {
  text-transform: uppercase;
  font-size: 25px;
}

.portfolio_page .review_block {
  top: 170px;
  right: 20px; 
  height: auto;
}

.portfolio_page .review_block .top {
  margin-bottom: 10px;
}
    
.characteristic {
  vertical-align: top;
}
    
.portfolio_page .slide figure {
  float: left;
  margin: 0;
  padding: 0 45px 0 0;
  vertical-align: top;
}
  
.portfolio_page .slide img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}
  
.portfolio_page .slide h5 {
  margin-bottom: 40px;
}

.portfolio_page .slide h6 {
  margin-bottom: 30px;
}

.portfolio_page .characteristic a {
  display: inline-block;
  color: #8f8282;
}

.portfolio_page .characteristic a:hover {
  text-decoration: underline;
  color: #1e98cc;
}

.portfolio_page .characteristic a:hover + .hint {
  display: block;
}
    
.portfolio_page .characteristic p {
  line-height: normal;
  position: relative;
}

.portfolio_page .hint {
  display: none;
  width: 360px;
  position: absolute;
  left: 40%;
  top: -5px;
  font-size: 18px;
  padding: 15px;
  text-align: left;
  background: #fffce0;
  color: #929292;
  border-radius: 10px;
  margin: 0;
  z-index: 2; }
  .portfolio_page .hint :after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #fffce0;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -20px;
    top: 10px; }
  .portfolio_page .hint .head {
    font-size: 22px;
    display: block; }
  .portfolio_page .hint .mark {
    font-weight: bold; }
.portfolio_page .top {
  margin-bottom: 50px; }
.portfolio_page .center {
  margin-bottom: 55px; }
  
.portfolio_page .bottom {
  margin-bottom: 30px; 
}

.portfolio_page .btn {
  margin: 0;
}

.portfolio_page .characteristic .btn {
  margin: 0 0 55px 0;
}

.portfolio_page .bx-wrapper {
  position: relative;
  margin-bottom: 25px !important;
}

.portfolio_page .bx-controls {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -76px;
  left: 0;
  z-index: 10;
}

.portfolio_page .bx-controls a {
  display: inline-block;
  width: 36px;
  height: 153px;
  background: url("/bitrix/templates/printup/images/portfolio/sprite_slider.png");
  background-position: bottom left;
  text-indent: -9999px;
  position: absolute;
}

.portfolio_page .bx-controls .bx-prev {
  left: -76px;
}

.portfolio_page .bx-controls .bx-prev:hover {
  background-position: top left;
}

.portfolio_page .bx-controls .bx-next {
  right: -70px;
  background-position: bottom right;
}

.portfolio_page .bx-controls .bx-next:hover {
  background-position: top right;
}

.other {
  margin: 0 0 30px 0;
}

.other h5 {
  color: #414040;
  font-size: 26px;
  margin-bottom: 10px;
}

.other ul {
  margin-left: 20px;
}

.other a {
  color: #000;
  font-family: 'Pt Sans';
  font-weight: bold;
  font-size: 22px;
}

/*
==============SERVICES=====================*/
.services_page {
  font-family: 'Arial Narrow';
  color: #4c4c4c;
}

.services_page .pak, .services_page .title {
  margin-bottom: 60px;
}

.services_page p, .services_page figcaption {
  font-size: 21px;
}

.services_page h4 {
  font-size: 36px;
}
    
.services_page figure {
  float: right;
  margin: 0 0 20px 28px;
  width: 50%; 
}

.services_page img {
  width: 100%;
  margin-bottom: 35px;
}

  .services_page figcaption {
    font-style: italic; }

.section {
  width: 100%;
  background: #efefef;
  margin: 0 auto 30px; }

ul.tabs {
  background: #f7f4ed;
  font-size: 0;
  list-style: none;
  padding-right: 3px;
}

.tabs li {
  width: 32.933%;
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  font-family: 'Pt Sans';
  font-size: 26px;
  font-style: italic;
  font-weight: bold;
  padding: 5px 0;
  color: #b6b3ab;
  cursor: pointer;
  background: #fffdf9;
  position: relative;
  border-radius: 6px 6px 0 0;
  margin: 0 0.2%;
  text-decoration: underline;  
}

.tabs li span {
  display: block;
  margin: 0 auto;
}

.tabs li:first-child, .tabs li:last-child {
  width: 33.133%;
}

.tabs li:first-child {
  margin-left: 0;
}

.tabs li:last-child {
  margin-right: 0;
}

.tabs li:hover {
  color: #818181;
  background: #f3e6c5;
  text-decoration: none;
}

.tabs li.current {
  color: #818181;
  background: #f8f1de;
  border: 3px solid #fff;
  border-bottom: none;
  padding: 6px 0;
  text-decoration: none;
}

.box {
  border: 3px solid #fff;
  background: #f8f1de;
  background-size: auto 100%;
  border-top: none;
  color: #8f8282;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
  opacity: 0;
  padding: 20px;
  position: absolute;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
}

.services_page .section {
  background: transparent;
}

.box.visible {
  opacity: 1;
  position: static;
}

.box.once {
  border: 3px solid #fff;
  border-radius: 6px 6px 6px 6px;
}

/*
==============CLIENTS=====================*/
.clients_page {
  font-family: 'Arial Narrow';
  color: #4c4c4c; }
  .clients_page .title {
    margin-bottom: 60px; }
    
  .clients_page h5 {
    margin-bottom: 30px; }
  .clients_page p {
    font-size: 24px;
    margin-bottom: 40px; }
    
.clients_page .client_box {
  font-size: 0;
}  
    
.clients_page .client_box a {
  margin: 1%;
  display: inline-block;
  width: 14.6667%;
}
    
.clients_page img {
  width: 100%;
  height: 100%; 
}
    
    .clients_page img:hover {
      -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.36);
      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.36); }

.grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(/bitrix/templates/printup/grayscale.svg#greyscale);
  /* Firefox 4+ */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='.0'/></filter></svg>#grayscale");
  filter: gray;
  /* IE 6-9 */ }

.grayscale:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: none; }

/*
=============OFFER======================*/
.offer_page .title {
  margin-bottom: 60px;
  color: #b26fc0;
}

.offer_page .pak {
  margin-bottom: 195px;
}

.offer_page .flags {
  margin-bottom: 30px;
}

.offer_page .flag {
  background: url(/bitrix/templates/printup/images/pack/pack.png) no-repeat;
  background-size: 506.162% 100%;
  width: 100%;
  height: 0;
  padding-top: 150%;
  overflow: visible;
  position: static;
}

.offer_page .flag span {
  font-size: 18px;
  padding: 18px 0 0;
  position: absolute;
  line-height: 1.1;
  top: 0;
  left: 0;
  right: 0;
}
 
.offer_page .flag:after {
  background: url(/bitrix/templates/printup/images/pack/pack_hover.png) no-repeat;
  background-size: 501.666% 100%;
  width: 100%;
  height: 100%;
}

.offer_page .flags div {
  display: inline-block;
  padding: 3px 4px 8px 3px;
  position: relative;
  width: 20%;
  vertical-align: top;
}

.offer_page .flags div.f_d1 {
  padding: 3px 7px 8px 4px;
}

.offer_page .flags div.f_d2 {
  padding: 2px 4px 8px 3px;
}

.offer_page .flags div.f_d3 {
  padding: 3px 5px 8px 4px;
}

.offer_page .flags div.f_d4 {
  padding: 4px 7px 8px 4px;
}

.offer_page .flags div.f_d5 {
  padding: 3px 6px 8px 4px;
}

.offer_page .flag1 {
  background-position: 0 0;
}

.offer_page .flag1:after {
  background-position: 0 0;
}

.offer_page .flag2 {
  background-position: 24.927% 0;
}

.offer_page .flag2:after {
  background-position: 24.896% 0;
}

.offer_page .flag3 {
  background-position: 49.855% 0;
}

.offer_page .flag3:after {
  background-position: 49.792% 0;
}

.offer_page .flag4 {
  background-position: 74.882% 0;
}

.offer_page .flag4:after {
  background-position: 74.688% 0;
}

.offer_page .flag5 {
  background-position: 100% 0;
}

.offer_page .flag5:after {
  background-position: 100% 0;
}

.offer_page .hed h5 {
  display: inline-block;
}

.offer_page .hed h5 span {
  font-size: 16px;
  font-family: 'Pt Sans';
}

.offer_page .hed h5 span:first-of-type {
  font-size: 20px;
}

.offer_page .hed .btn1 {
  float: right;
  margin: 0;
}

.offer_page h5 {
  margin-bottom: 25px;
}

.offer_page .images {
  padding-top: 30px;
  margin-bottom: 35px;
}

.offer_page figure {
  margin: 0 2px;
  display: inline-block;
  vertical-align: top;
  width: 182px;
}

.offer_page figure:first-of-type {
  margin: 0 4px 0 0;
}

.offer_page figure:last-of-type {
  margin: 0 0 0 4px;
}

.offer_page img {
  width: 100%;
  height: 260px;
  margin-bottom: 10px;
}

.offer_page img:hover {
  -webkit-box-shadow: 0 0 0 4px rgba(228, 92, 86, 0.5);
  box-shadow: 0 0 0 4px rgba(228, 92, 86, 0.5);
}
    
.offer_page figcaption {
  text-align: center;
  font-size: 25px;
  font-family: 'Pt Sans';
  color: #000;
  line-height: 25px;
}

.offer_page .description, .offer_page .options, .offer_page .package_price {
  margin-bottom: 30px;
}

.offer_page .description p, .offer_page .options p {
  color: #8f8282;
  font-size: 25px;
  text-align: center;
}
  
.offer_page .options h5 {
  display: inline-block;
  padding: 10px 50px;
  background: #f2d778;
}
  
.offer_page .package_price > p {
  color: #8f8282;
  font-size: 25px;
  font-style: italic;
  max-width: 570px;
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
}
  
.offer_page .angel {
  width: 0;
  height: 0;
  border-left: 500px solid transparent;
  border-right: 500px solid transparent;
  border-top: 100px solid #fff;
  position: absolute;
  left: 0;
  bottom: -100px;
  z-index: 1;
}
  
.offer_page .angel:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 499px solid transparent;
  border-right: 499px solid transparent;
  border-top: 98px solid #f8f1de;
  position: absolute;
  left: -500px;
  top: -103px;
  z-index: 2;
}

.offer_page .angel .btn1 {
  margin: 0 0 0 -92px;
  position: absolute;
  left: 50%;
  top: -100px;
  z-index: 3;
}
    
.offer_page .section {
  background: rgba(0, 0, 0, 0);
  margin-bottom: 135px;
}

.offer_page .box {
  padding: 50px 20px 0;
}

/*
===========IN_DEVELOPING========================*/
.developing_page .title {
  margin: 0 0 225px;
}

.developing_page .pak {
  margin-bottom: 95px;
}

.developing_page .pak .title {
  margin-bottom: 345px;
}

.developing_page p {
  font-size: 25px;
}

/*
==============REVIEWS=====================*/
.reviews_page .pak {
  margin-bottom: 75px;
  text-align: center;
}

.reviews_page .pagination {
  margin-bottom: 10px;
}

.reviews_page .line + .pagination {
  margin-bottom: 25px;
}

.reviews_page h5 {
  color: #414040;
  font-family: 'Arial Narrow';
  margin-bottom: 40px;
  font-weight: normal;
}

.reviews_page .review {
  margin-bottom: 30px;
}

.reviews_page .review_body {
  font-size: 20px;
  text-align: left;
  position: relative;
  quotes: "\201c" "\201d";
  padding-left: 1em;
}

.reviews_page .review_body:before {
  content: open-quote;
  font-size: 4em;
  font-family: 'Arial Narrow';
  line-height: 0.5em;
  vertical-align: -.4em;
  position: absolute;
  left: -0.1em;
}

.reviews_page .review_body:after {
  content: close-quote;
  font-size: 4em;
  font-family: 'Arial Narrow';
  line-height: 0.1em;
  vertical-align: -.6em;
}

.reviews_page .write_review {
  background: #ebe3ce;
}

.rev {
  padding: 15px 0 30px;
  display: inline-block;
}

.rev p {
  font-family: "PT Sans";
  font-size: 28px;
  margin-bottom: 15px;
  text-align: left;
}

.rev .control_point {
  box-sizing: border-box;
  width: 395px;
  border-radius: 5px;
  margin: 0 auto 14px;
  position: relative;
}

.rev .control_point .error {
  position: absolute;
  display: none;
  color: #ca0000;
}

.rev .control_point.error .error {
  display: block;
}

.rev input[type="text"] {
  border-radius: 8px;
  box-shadow: inset 2px 3px 3px #999;
}

.rev input[type="text"],
.rev textarea {
  box-sizing: border-box;
  border: none;
  outline: none;
  padding: 0 10px;
  height: 40px;
  width: 100%;
  display: block;
  color: #949494;
  font-family: "PT Sans";
  font-size: 18px;
  font-style: italic;
}

.rev textarea {
  height: 215px;
  resize: none;
  overflow-y: auto;
  padding: 10px;
}

.rev .btn3 {
  width: 340px;
  margin: 0 auto;
  font-family: "PT Sans";
}

.rev input::-webkit-input-placeholder {
  color: #949494;
}

.rev input:-moz-placeholder {
  color: #949494;
}

.rev input::-moz-placeholder {
  color: #949494;
}

.rev input:-ms-input-placeholder {
  color: #949494;
}

/*
===========CONTACTS========================*/
.contacts_page .title {
  margin: 0 0 60px;
}

.contacts_page .pak {
  margin-bottom: 160px;
}

.header.light {
  z-index: 2; }

.phones {
  text-align: center;
  background: url(/bitrix/templates/printup/images/contacts/bg_contacts.jpg) no-repeat;
  background-position: bottom center;
  height: 640px;
  padding-top: 250px;
  margin-top: -250px;
  z-index: 1;
}

.phones > .wrap {
  margin-top: 20px;
}

.phones h6 {
  font-size: 24px;
  font-weight: normal;
}

.phones .min {
  margin: 0 0 20px 120px;
  display: inline-block;
  color: #6E6E6E; 
  font-weight: bold;
}

.phones .ph {
  color: #6E6E6E;
  font-size: 32px;
  line-height: 29px;
}

.phones .ph span {
  font-size: 16px;
}

.phones .min ~ .ph {
  margin-bottom: 5px;
}

.phone-block {
  display: block;
  width: 240px;
  min-height: 20px;
  margin: 20px auto 0;
  text-align: left;
}

.phone-block > div {
  font-size: 0;
  margin: 6px 0 0 0;
}

.phone-block > div:first-child {
  margin: 5px 0 0 0;
}

.phone-block > div span {
  color: #4c4c4c;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 10px 6px 0 0;
  padding: 0;
  vertical-align: top;
}

.phone-block > div span:last-child {
  font-size: 27px;
  font-weight: bold;
  margin: 0;
}

.phone-block > div small {
  display: block;
  font-size: 14px;
  text-align: center;
}

.line_icons {
  background: rgb(236, 234, 234);
  background: -moz-linear-gradient(0deg, rgb(236, 234, 234) 30%, rgb(214, 238, 242) 70%);
  background: -webkit-linear-gradient(0deg, rgb(236, 234, 234) 30%, rgb(214, 238, 242) 70%);
  background: -o-linear-gradient(0deg, rgb(236, 234, 234) 30%, rgb(214, 238, 242) 70%);
  background: -ms-linear-gradient(0deg, rgb(236, 234, 234) 30%, rgb(214, 238, 242) 70%);
  background: linear-gradient(90deg, rgb(236, 234, 234) 30%, rgb(214, 238, 242) 70%);
}

.line_icons .ico {
  background: url(/bitrix/templates/printup/images/contacts/sprite_ico.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.line_icons .text {
  color: #000;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  font-size: 24px;
  text-decoration: underline;
}

.line_icons .wrap {
  display: table;
}

.line_icons .wrap > div {
  display: table-cell;
  line-height: 60px;
  text-align: left;
  padding-left: 3%;
  vertical-align: top;
  width: 33.333%;
}

.marker .ico {
  width: 17px;
  height: 30px;
  background-position: 0 0;
}

.car .ico, .way #car .ico {
  width: 35px;
  height: 30px;
  background-position: -17px 0;
}

.how_to .ico {
  background-position: -80px 0;
  height: 30px;
  margin: 0;
  width: 30px;
}

.pensil .ico {
  width: 30px;
  height: 30px;
  background-position: -50px 0;
}

.pensil .text {
  text-decoration: none;
}

.map_form {
  background: url(/bitrix/templates/printup/images/contacts_bg.jpg) repeat-y center top;
  padding: 36px 0;
  border-bottom: 2px solid #000;
}

.map_form .wrap {
  display: table;
}

.map_form figure {
  margin: 0;
  display: table-cell;
  padding-right: 4%;
  vertical-align: top;
  width: 70%;
}

.map_form figure .bx-yandex-view-layout {
  padding: 10px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.5);
}

.map_form figure .bx-yandex-map,
.map_form figure .ymaps-map,
.map_form figure .ymaps-glass-pane {
  width: 100% !important;
}
    
.map_form img {
  width: 627px;
  height: 430px;
}
    
.map_form .rev {
  vertical-align: top;
  padding: 0; 
}

.map_form .rev .control_point {
  width: 305px;
}

.way h5 {
  font-size: 28px;
  color: #4c4c4c;
  margin-bottom: 25px;
  margin-top: 40px;
}

.way h5 .ico {
  background: url(/bitrix/templates/printup/images/contacts/sprite_ico.png) no-repeat;
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  background-position: -80px 0;
  margin-right: 10px;
}

.way h5 .text {
  color: #000;
  font: 26px "PT Sans", Tahoma, Verdana, sans-serif;
  text-decoration: underline;
}
            
.way h5 + p {
  font-size: 24px;
}

.way p + h5 .ico {
  width: 35px;
  height: 30px;
  background-position: -17px 0;
}

.way figure {
  padding: 10px;
  background: #fff;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  -webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.5);
}

.way .how_to_info p {
  font-size: 22px;
  margin-bottom: 15px;
}
/*
.way img {
  width: 569px;
  height: 569px;
}
*/
/*
===============PERSONAL_PAGE====================*/
.header.small {
  height: 150px;
  background-position: center -785px; }
  .header.small .top-panel .wrap {
    padding-left: 0;
    text-align: center; }

.logo.small {
  width: 100px;
  float: none;
  display: inline-block;
  vertical-align: top;
  padding-top: 0; }

.menu.small {
  width: 700px;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px; }
  .menu.small a {
    font-style: normal;
    font-size: 15px;
    padding-bottom: 0; }
  .menu.small li {
    padding: 0 5px;
    vertical-align: top; }
    .menu.small li:first-of-type {
      padding: 0; }
    .menu.small li:first-of-type {
      padding: 0; }

.user {
  width: 125px;
  text-align: right; }
  .user .ico {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/bitrix/templates/printup/images/personal_page/sprite_user.png) no-repeat;
    background-position: right top; }
  .user:hover a {
    color: #1e98cc;
    text-decoration: underline; }
  .user:hover .ico {
    background-position: left top; }
  .user .form-login {
    width: 160px;
    top: 5px;
    padding: 5px; }
    .user .form-login a {
      display: block;
      margin: 5px 0;
      padding-bottom: 0; }
      .user .form-login a:hover {
        text-decoration: none; }
    .user .form-login .empty {
      color: #0c0c0c; }
    .user .form-login .exit {
      font-size: 1.5em; }
    .user .form-login:before {
      border-color: transparent transparent #fff;
      border-width: 0 15px 15px;
      left: 50%;
      margin-left: -15px;
      top: -15px; }

.header-phones.small {
  width: 150px;
  float: none;
  display: inline-block;
  vertical-align: top; }
  .header-phones.small .ph {
    font-size: 23px; }
    .header-phones.small .ph span {
      font-size: 11px; }
  .header-phones.small .btn1 {
    width: 150px;
    font-size: 14px;
    background-position: 5px 50%;
    padding: 0 0 0 25px; }

.personal_page .title {
  margin: 0 0 70px;
}

.personal_page .pak {
  margin-bottom: 120px;
}

.custom_made {
  margin-bottom: 70px;
}

.status {
  font-size: 24px;
  margin-bottom: 20px;
}

.end {
  color: #58ad1c;
  font-style: italic;
}

.in_progress {
  color: #b31313;
  font-style: italic;
}

.list {
  margin-bottom: 30px;
}

.list a {
  position: relative;
  margin: 0 5px;
  font-size: 24px;
}

.list a:hover {
  color: #8f8282;
}

.list a:hover .hint {
  display: block;
}

.list .hint {
  display: none;
  background: #fff;
  position: absolute;
  top: -100px;
  left: 50%;
}
    
    .list .hint:before {
      content: "";
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-right: 25px solid #fff;
      border-bottom: 0 solid transparent;
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      -o-transform: rotate(-30deg);
      transform: rotate(-30deg);
      -webkit-transform-origin: left bottom;
      -moz-transform-origin: left bottom;
      -o-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      position: absolute;
      bottom: -10px;
      left: -15px; }
    .list .hint img {
      width: 63px;
      height: 91px; }

.search {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin-bottom: 25px;
  line-height: 40px; }
  .search h5 {
    display: inline-block;
    vertical-align: top;
    margin-right: 110px; }
  .search .control_point {
    width: 295px;
    display: inline-block;
    vertical-align: middle;
    margin: 0; }
  .search input[type="text"] {
    font-size: 18px; }
  .search .ico {
    position: absolute;
    width: 18px;
    height: 15px;
    background: url(/bitrix/templates/printup/images/icon-zoom.png);
    right: 10px;
    top: 12px; }

form + .pagination {
  padding-top: 15px; }

.page_bg table:not(.reviews-post-table) {
  width: 100%;
  border-top: 2px solid #c9bda2;
  margin-bottom: 30px;
}

.page_bg table:not(.reviews-post-table) tr:nth-child(1) {
  font-size: 25px;
}

.page_bg table:not(.reviews-post-table) tr:nth-child(1) td {
  text-align: left;
  padding: 25px 0 10px 15px;
}

.page_bg table:not(.reviews-post-table) tr:nth-child(1) td:nth-child(2) {
  font-size: 25px;
  font-family: "Arial Narrow";
  text-decoration: none;
}

.page_bg table:not(.reviews-post-table) tr:nth-child(1) td:nth-child(4) {
  font-size: 25px;
  font-family: "Arial Narrow";
  text-decoration: none;
}

.page_bg table:not(.reviews-post-table) tr:nth-child(1) td:after {
  display: none;
}

.page_bg table:not(.reviews-post-table) tr:nth-child(even) {
  background: #e8e1d1;
}

.page_bg table:not(.reviews-post-table) td {
  border: none;
  vertical-align: middle;
  text-align: center;
  padding: 20px;
  font-size: 22px;
  position: relative;
}

.page_bg table:not(.reviews-post-table) td:nth-child(4) {
  width: 195px;
  padding: 10px;
  font-size: 18px;
}

.page_bg table:not(.reviews-post-table) td:nth-child(2) {
  font-size: 18px;
  font-family: "PT Sans";
  text-decoration: underline;
}

.page_bg table:not(.reviews-post-table) td:after {
  content: "";
  width: 2px;
  height: 80%;
  background: #c9bda2;
  position: absolute;
  top: 10%;
  right: 0;
}

.page_bg table:not(.reviews-post-table) td:last-of-type:after {
  display: none;
}

.page_bg table:not(.reviews-post-table) tr:hover {
  background: #e6aa9e;
  color: #000;
}

.page_bg table:not(.reviews-post-table) tr:hover td:after {
  background: #f2beb3;
}

.page_bg table:not(.reviews-post-table) tr:hover .ico {
  background-position: top right;
}

.page_bg td .ico {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(/bitrix/templates/printup/images/personal_page/table_sprite.png) no-repeat;
  background-position: top left;
}

.page_bg td .hint {
  display: none;
  width: 370px;
  padding: 10px;
  position: absolute;
  text-align: left;
  background: #fffce0;
  border-radius: 10px;
  margin: 0;
  z-index: 10;
  left: 100px;
  top: 0;
}

.page_bg td .hint :after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 20px solid #fffce0;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: -20px;
  top: 10px;
}

.page_bg td .hint .top {
  font-size: 22px;
  margin-bottom: 15px;
}

.page_bg td .hint .midl {
  font-size: 18px;
}

.help:hover .hint {
  display: block;
}

/*
==============PERSONAL PAGE SETTINGS=====================*/
.personal_page_settings .title {
  margin: 0 0 70px; }
.personal_page_settings .pak {
  margin-bottom: 80px;
  text-align: center; }
.personal_page_settings .hed {
  text-align: left;
  margin-bottom: 40px; }
.personal_page_settings .status {
  text-align: left; }

.settings {
  display: inline-block;
  padding: 0;
}

.settings .control_point {
  width: 360px;
  margin: 0 auto 30px;
}
  .settings input[type="text"]:disabled {
    background: #e9e4d9;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .settings .ico {
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(/bitrix/templates/printup/images/personal_page/sprite_settings.png) bottom left no-repeat;
    right: -45px;
    top: 50%;
    margin-top: -12px; }
  .settings input[type="text"]:disabled ~ .ico {
    background-position: top left; }
  .settings .checking {
    width: 385px;
    padding: 10px;
    background: #d0e9f2; }
    .settings .checking input[type="text"] {
      width: 230px;
      height: 40px;
      display: inline-block;
      vertical-align: top; }
  .settings .btn3 {
    margin-bottom: 30px; }

.kod {
  background: #004a64;
  color: #fff;
  width: 110px;
  height: 40px;
  line-height: 40px;
  font-size: 22px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }

.top {
  color: #8f8282;
  font-size: 18px;
  position: relative;
  top: -5px;
  text-align: left; }

.accept {
  width: 760px;
  height: 85px;
  line-height: 85px;
  background: #d6f9bd; }
  .accept h5 {
    text-align: center;
    margin-bottom: 0;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    position: relative; }
    .accept h5 span {
      width: 25px;
      height: 20px;
      display: block;
      background: url(/bitrix/templates/printup/images/personal_page/sprite_settings.png) 0 -24px no-repeat;
      position: absolute;
      left: -30px;
      top: 50%;
      margin-top: -10px; }

/*
============ORDER_FORM=======================*/
.order_form_title {
  color: #000;
  font-size: 32px;
  margin: 0 0 20px 0;
  text-align: center
}

.oreder_form_page .title {
  margin: 0 0 50px;
}
/*
.oreder_form_page .pak {
  margin-bottom: 50px;
}
*/
.oreder_form_page .section-txt {
  font-size: 23px;
  font-family: "Arial Narrow";
  margin-bottom: 30px;
  text-align: justify;
}

.blank {
  text-align: left;
}

.blank .control_point {
  width: 340px;
  margin: 0 0 14px 0;
  position: relative;
}

.blank .text {
  width: 540px;
}

.blank .text h6 {
  font-style: italic;
  font-size: 21px;
  font-weight: normal;
  margin: 18px 0;
}

.blank textarea {
  overflow-y: auto;
  height: 235px;
}

.blank .btn3 {
  margin: 0;
}

.description {
  font-size: 18px;
  font-family: "PT Sans";
  color: #8f8282;
  margin-bottom: 10px;
}

.upload_file_info {
  color: #8f8282;
  font-style: italic;
  margin: 0 0 10px 0;
}

.file {
  font-style: italic;
  font-size: 22px;
  font-family: "PT Sans";
}

.file .file_ele {
  overflow: hidden;
}

.file .file_ele + .file_ele {
  margin-top: 10px;
}

.file .file_ele > div {
  float: left;
}

.file .legend {
  border-radius: 5px;
  background: #e9e4d9;
  color: #797979;
  font-size: 19px;
  height: 38px;
  padding: 5px 10px;
  width: 232px;
}

.file .block {
  position: relative;
  width: 108px;
  height: 38px;
}

.file input[type="file"] {
  cursor: pointer;
  height: 100%;
  opacity: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}

.file .anfas {
  background: #a9a9a9;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-style: normal;
  height: 100%;
  left: 0;
  line-height: 38px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.file .file_ele:hover .anfas {
  background: #797979;
}

.addmore {
  font-size: 17px;
  font-family: "Arial Narrow";
  margin: 3px 0 14px 14px;
  display: inline-block;
}

.example {
  color: #1e98cc;
  cursor: pointer;
  font-size: 21px;
  font-family: "Arial Narrow";
  position: relative;
  text-decoration: underline;
}

.example .hint {
  -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.4);
  box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.4);
  display: none;
  font-size: 16px;
  position: absolute;
  right: 0;
  bottom: 40px;
  padding: 15px;
  text-align: left;
  background: #fffce0;
  color: #929292;
  border-radius: 10px;
  margin: 0;
  width: 310px;
  z-index: 2;
}

.example .hint:after {
  bottom: -23px;
  content: "";
  position: absolute;
  left: 40%;
  background: url(/bitrix/templates/printup/images/form_ask.jpg) no-repeat 0 0;
  height: 23px;
  width: 20px;
}

.example .hint .head {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.example .hint p {
  font-size: 16px;
  font-style: italic;
  margin-bottom: 6px;
}

.example .hint .head + p {
  font-style: normal;
}

.example .hint .mark {
  font-style: normal;
  font-weight: bold;
}

.example:hover .hint {
  display: block;
  text-decoration: none;
}

/*
============404=======================*/
.page_404 .title {
  margin: 0 0 50px; }
.page_404 .pak {
  margin-bottom: 80px; }
.page_404 img {
  width: 1000px;
  height: 625px; }
.page_404 figure {
  margin: 0 0 30px 0; }
.page_404 p {
  font-size: 25px; }

/* footer
===================================*/

/*# sourceMappingURL=style.css.map */

a.btn-order {
  color: #000000 !important;
  display: block;
  height: 31px;
  line-height: 31px;
  margin-top: 10px;
  padding-left: 39px;
  text-decoration: none;
}

.offer_page a.btn-order {
  padding-top: 3px;
  width: 180px !important;
  white-space: nowrap;
}

.contacts-form{
  display: table-cell;
  width: 30%;
}

.clear { clear: both; }

/*===================================*/
.flexslider .slides {
  font-size: 0;
}

.main .oreder_form_page {
  margin-top: 60px;
}

.main .oreder_form_page .section-txt {
  margin-bottom: 30px;
}

.workarea a.btn-order {
  font-size: 26px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  width: 300px;
}

.workarea a.btn-order:hover {
  text-decoration: none;
}
/*===================================*/
.products_order:after, .cont_products .first:after, .content_block:after, .header .header_top:after, .header .top-panel.fixed .wrap:after, .light .top-panel .wrap:after, .workarea .slider1:after {
  content: '';
  display: block;
  clear: both;
}

.workarea .slider1 {
  margin-bottom: 30px;
}

.header .fixed .header_top:after, .header.light .header_top:after {
  display: none;
}

.header .menu_wrapper {
  padding: 16px 0 24px;  
}

.footer .menu {
  margin-bottom: 20px;
}

/*=============Fixed menu============*/
.header .fixed .menu_wrapper, .header.light .menu_wrapper {
  margin: 0;
  padding: 0 210px 0 120px;
}

/*===================================*/
.drop_down_btn {
  background-color: #8ca8b1;
  border: medium none;
  border-radius: 7px 7px 7px 7px;
  cursor: pointer;
  display: none;
  padding: 12px 6px 9px;
  width: 100%;
}

.drop_down_btn.active {
  border-radius: 7px 7px 0 0;
}

.drop_down_btn span {
  background-color: #4c4c4c;
  display: block;
  height: 3px;
  margin-bottom: 3px;
  width: 18px;
}

/*===================================*/
.content_block_area .advantage_box {
  box-shadow: none;
  margin-bottom: 36px;
}

.content_block, .content_block * {
  box-sizing: border-box;
}

.content_block {
  margin: 0 auto;
  padding: 0 10px;
  width: 1100px;
}

.left_section_list {
  float: left;
  padding-right: 10px;
  width: 23%;
}

.content_block_area {
  float: left;
  width: 77%;
}

.content_block_area .wrap {
  width: 100%;
}

/*===================================*/
.textAreaWrap {
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 8px;
  box-shadow: inset 2px 3px 3px #999;
  position: relative;
}

.textAreaWrap .textArea,
.textAreaWrap .placeholderDiv {
  color: #000;
  font-family: "PT Sans";
  font-size: 18px;
  font-style: italic;
}

.textAreaWrap .textArea {
  background-color: transparent;
  position: relative;
  z-index: 1;
}

.textAreaWrap .placeholderDiv {
  left: 0;
  padding: 10px;
  position: absolute;
  top: 0;
}

.textAreaWrap .placeholderDiv * {
  color: #000;
  font-family: "PT Sans" !important;
  font-size: 18px !important;
  font-style: italic !important;
  font-weight: normal !important;
  margin: 0 !important;
  text-decoration: none !important;
}

.textAreaWrap .placeholderDiv p + br,
.textAreaWrap .placeholderDiv h1 + br, 
.textAreaWrap .placeholderDiv h2 + br, 
.textAreaWrap .placeholderDiv h3 + br, 
.textAreaWrap .placeholderDiv h4 + br, 
.textAreaWrap .placeholderDiv h5 + br, 
.textAreaWrap .placeholderDiv h6 + br {
  display: none;
}

.form_desc_block {
  width: 260px;
  position: absolute;
  right: -280px;
  top: 0;
}

.workarea:after {
  background: #f8f5ed url(/bitrix/templates/printup/images/product_page_bottom.jpg) no-repeat center top;
  content: "";
  display: block;
  height: 150px;
  width: 100%;
}

.about_page_wrap.parent .workarea:after, .prices_page_wrap .workarea:after {
  display: none;
}

.content_block_area .buttons_block, .page_bottom .buttons_block {
  margin: 0 0 40px 0;
}

.content_block_area .buttons_block, .content_block_area .oreder_form_page {
  padding: 0 40px;
}

.products_order a.btn-order, .portfolio_page a.btn-order, .package_list a.btn-order {
  display: inline-block;
  float: none;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  padding: 0 16px 0 38px;
  width: auto;
}

.products_order a.btn-order {
  margin-top: 20px;
}

#responseBlock_ele {
  position: relative;
}

#responseBlock_ele .product_wrap {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  width: 100%;
}

#responseBlock_ele .product_wrap.active {
  opacity: 1;
  position: relative;
  visibility: visible;
}

.content_block_area .rev {
  width: 100%;
}

.content_block_area .blank .text {
  width: 62%;
}

/**/
.work_time {
  color: #004a64;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.1;
  margin-top: 6px;
}

.work_time span {
  color: #3d3838;
}

.fixed .work_time, .light .work_time {
  display: none;
}

.page_bottom .wrap {
  width: 800px;
}

.page_bottom .wrap .blank .text {
  width: 520px;
}

.center_break.title,
.products_page_wrap .title,
.portfolio_page_wrap .title,
services_page_wrap .title {
  margin: 20px 0 20px 13%;
}

.seo_desc_bottom {
  color: #8f8282;
  font-family: "Arial Narrow";
  font-size: 20px;
  text-align: justify;
}

.section_content_area .seo_desc_bottom {
  padding: 0 40px;
}

.for_clients_page_wrap .form.form-client,
.for_clients_page_wrap .form-client input.btn3[type="submit"] {
  margin-bottom: 0;
}

.workarea.maxDpth {
  margin-top: 26px;
}

.for_clients_page_wrap .inner .top-panel {
  padding-bottom: 14px;
}

.products_page .products_order .advantage_box {
  display: inline-block;
  float: none;
}

/* Slider */
.fancybox-slider.fancybox-wrap {
}

.fancybox-slider.fancybox-opened .fancybox-skin {
  background: rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow:    4px 4px 4px 0px rgba(50, 50, 50, 0.4);
  box-shadow:         4px 4px 4px 0px rgba(50, 50, 50, 0.4);
}

.fancybox-slider .fancybox-outer {
  background: #ffffff;
  position: static;
}

.fancybox-slider .fancybox-nav {
  left: -30px;
  width: 30px;  
}

.fancybox-slider .fancybox-prev {
  left: -30px;
}

.fancybox-slider .fancybox-next {
  left: auto;
  right: -30px;
}

.fancybox-slider .fancybox-nav span {
  background: url('/bitrix/templates/printup/images/slider_arrows.png') no-repeat left top;
  height: 40px;
  left: 0;
  margin-top: -20px;
  top: 50%;
  visibility: visible;  
  width: 19px;
}

.fancybox-slider .fancybox-next span {
  background-position: right top;
  left: auto;
  right: 0;
}

.fancybox-slider .fancybox-image-wrap {
  box-sizing: border-box;
  height: 100%;
  padding: 20px 20px 14px 20px;
  width: 100%;
}

.fancybox-slider .fancybox-image-wrap .fancybox-image {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.5);
  box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.5);
}

.fancybox-slider .fancybox-title {
  background: #ffffff;
  color: #000;
  font-size: 12px;
  font-family: Tahoma;
  padding: 0;
  text-align: center;
}

.fancybox-slider .fancybox-title .inner-title-fancybox {
  padding: 0 20px 12px;
}

.fancybox-slider .fancybox-title .inner-title-fancybox * {
  color: #000;
  display: inline;
  font-size: 12px;
  font-family: Tahoma;
  margin: 0;
  text-decoration: none;
}

.fancybox-slider .fancybox-title .inner-title-fancybox br {
  display: none;
}

.fancybox-slider .fancybox-title .image-num-fancybox {
  bottom: -50px;
  left: 0;
  position: absolute;
  right: 0;
}

.fancybox-slider .fancybox-title .image-num-fancybox div {
  background: #ffffff;
  border-radius: 20px;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.4);
  box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.4);
  color: #616161;
  display: inline-block;
  font-size: 17px;
  font-family: Tahoma;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  padding: 0 18px;
}

.fancybox-slider .fancybox-close {
  background: url('/bitrix/templates/printup/images/fancybox_close.png') no-repeat left top;
  height: 40px;
  right: -4px;
  top: -42px;
  width: 40px;
}


/**/
.maquette-btn-wrapper {
  margin: 0 0 10px 0;
}

.maquette-btn-wrapper a {
  background: #a9a9a9;
  color: #000;
  line-height: 56px;
  text-align: center;
}

.maquette-btn-wrapper a:hover {
  background-color: #797979;
}

.maquette-btn-wrapper a.disable,
.maquette-btn-wrapper a.disable:hover {
  background: #bdbdbd;
  color: #999;
  cursor: auto;
}

.printler-maquette-button.btn2 {
  font-size: 15px;
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

.main .api-yashare {
  text-align: center;
}

.product-text {
  margin-bottom: 20px;
}

.seo_desc_bottom + #api-qa-container {
  margin-top: 30px;
}

@media (min-width: 1101px) {
  .seo_desc_bottom + #api-qa-container {
    padding: 0 40px;
  }
}

.calc-form-title {
  color: #3e3e3f;
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
}

.need_employer_wrapper {
  padding: 20px;
}

.need_employer {
  text-align: center;
  max-width: 1310px;
  font-size: 21px;
  padding: 20px;
  margin: 0 auto;
  background: #fff;
}
/* End */
/* /bitrix/templates/printup/css/animate.css?162336826071108 */
/* /bitrix/templates/printup/css/flexslider.css?16233682603551 */
/* /bitrix/templates/printup/fancybox/jquery.fancybox.css?16233682604895 */
/* /bitrix/templates/printup/components/bitrix/breadcrumb/.default/style.css?1623368260700 */
/* /bitrix/templates/printup/components/kreattika/forms.flexyform/callback/style.css?16233682601061 */
/* /bitrix/templates/printup/template_styles.css?1755096354101144 */