@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

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

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

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

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

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

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

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

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

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

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

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

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

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

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

/* 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);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

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

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

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

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

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

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

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

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

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

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

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

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

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

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

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

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

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

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

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

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

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

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

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

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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 heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

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

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

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

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

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

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

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

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

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

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

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

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

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

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

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

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

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

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

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

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

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

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

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

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

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

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

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

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

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

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

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

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

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

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

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

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

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

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

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

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

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

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

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

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

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

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

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

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

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

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

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

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

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

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

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

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

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

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

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

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

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

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

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

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

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

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

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -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);
  }

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

@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);
  }

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

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

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

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

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

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

/* 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);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

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

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

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

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

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

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

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

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

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

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

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

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

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

.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.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

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

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

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
.datepicker_vista {
	position: absolute;
	font-size: 10px;
	font-family: Tahoma, sans-serif;
	color: #000;
	line-height: normal;
	width: 172px;
	height: 135px;
	padding: 14px;
	background: url(../images/datepicker/frame.png) no-repeat;
	z-index:9000;
}

/* header
********************************************************/
.datepicker_vista .header {
	position: relative;
	height: 15px;
	margin-bottom: 5px;
	padding-top: 1px;
}

.datepicker_vista .header .datepicker_title {
	text-align: center;
	margin: 0 18px 0 18px;
}

.datepicker_vista .header .titleText {
}

.datepicker_vista .header .previous,
.datepicker_vista .header .next,
.datepicker_vista .header .closeButton {
	position: absolute;
	cursor: pointer;
	text-indent: -40px;
	overflow: hidden;
	width: 12px;
	height: 12px;
	top: 2px;
	background-image: url(../images/datepicker/buttons.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.datepicker_vista .header .previous {
	left: 4px;
}
.datepicker_vista .header .previous:hover {
	background-position: left bottom;
}
.datepicker_vista .header .next {
	right: 4px;
	background-position: -13px top;
}
.datepicker_vista .header .next:hover {
	background-position: -13px bottom;
}
.datepicker_vista .header .closeButton {
	display: none;
	right: 0px;
	top: 0px;
	background-position: right top;
}
.datepicker_vista .header .closeButton:hover {
	background-position: right bottom;
}

/* body
********************************************************/
.datepicker_vista .body {
	position: relative;
	top: 0px;
	left: 2px;
	width: 168px;
	height: 112px;
	overflow: hidden;
}

/* time
********************************************************/
.datepicker_vista .time {
	position: relative;
	width: 100%;
	height: 100%;
}

.datepicker_vista .time .hour,
.datepicker_vista .time .separator,
.datepicker_vista .time .minutes {
	border: 1px solid #ccc;
	background: #fff;
	width: 50px;
	font-size: 32px;
	position: absolute;
	top: 10px;
	text-align: center;
	padding: 2px;
}

.datepicker_vista .time .hour {
	left: 15px;
}
.datepicker_vista .time .separator {
	background: transparent;
	border: 0px;
	width: 10px;
	left: 76px;
}

.datepicker_vista .time .minutes {
	left: 95px;
}
.datepicker_vista .time .ok {
	position: absolute;
	top: 65px;
	width: 136px;
	left: 15px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.datepicker_vista .days .day {
	float: left;
	text-align: center;
	overflow: hidden;
	width: 23px;
	height: 15px;
	margin: 0 1px 1px 0;
}


.datepicker_vista div{
font-size: 12px;
line-height: 1.2em;

}


.datepicker_vista .days .titles {
	height: 15px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 1px;
}
.datepicker_vista .days .day0 {
	margin-right: 0;
}

.datepicker_vista .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker_vista .days .week .day {
	cursor: pointer;

}
.datepicker_vista .days .week .day:hover {
	background: url(../images/datepicker/days.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .days .otherMonth {
	color: #aaa;
}

.datepicker_vista .days .selected {
	background: url(../images/datepicker/days.png) left bottom no-repeat;
	color: #316879;
}

/* months-grid
********************************************************/
.datepicker_vista .months .month {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 55px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_vista .months .month3,
.datepicker_vista .months .month6,
.datepicker_vista .months .month9,
.datepicker_vista .months .month12 {
	margin-right: 0;
}

.datepicker_vista .months .month10,
.datepicker_vista .months .month11,
.datepicker_vista .months .month12 {
	margin-bottom: 0;
}

/* months-colors
********************************************************/
.datepicker_vista .months .month:hover {
	background: url(../images/datepicker/months.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .months .selected {
	background: url(../images/datepicker/months.png) left bottom no-repeat;
	color: #316879;
}

/* years-grid
********************************************************/
.datepicker_vista .years .year {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 32px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.datepicker_vista .years .year4,
.datepicker_vista .years .year9,
.datepicker_vista .years .year14,
.datepicker_vista .years .year19 {
	margin-right: 0;
}

.datepicker_vista .years .year15,
.datepicker_vista .years .year16,
.datepicker_vista .years .year17,
.datepicker_vista .years .year18,
.datepicker_vista .years .year19 {
	margin-bottom: 0;
}

/* years-colors
********************************************************/
.datepicker_vista .years .year:hover {
	background: url(../images/datepicker/years.png) left top no-repeat;
	color: #0084AA;
}

.datepicker_vista .years .selected {
	background: url(../images/datepicker/years.png) left bottom no-repeat;
	color: #316879;
}

/* global
********************************************************/
.datepicker_vista .unavailable {
	background: none !important;
	color: #fbb !important;
	cursor: default !important;
}
UL.autocompleter-choices {
/*    BORDER-RIGHT: #cccccc 1px solid; */
    PADDING-RIGHT: 0px; 
/*    BORDER-TOP: #cccccc 1px solid; */
    PADDING-LEFT: 0px; Z-INDEX: 50; 
    PADDING-BOTTOM: 0px; MARGIN: 0px; 
/*    BORDER-LEFT: #cccccc 1px solid; */
    PADDING-TOP: 0px; 
/*    BORDER-BOTTOM: #ddd 1px solid; */
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    LIST-STYLE-TYPE: none; 
    POSITION: absolute; 
    BACKGROUND-COLOR: #fff; 
    TEXT-ALIGN: left;

}
UL.autocompleter-choices LI {
    PADDING-RIGHT: 1.5em; 
    DISPLAY: block; 
    PADDING-LEFT: 1em; 
    FONT-WEIGHT: normal; 
    FONT-SIZE: 12px; 
    FLOAT: none! important; 
    PADDING-BOTTOM: 0.2em; 
    MARGIN: -2px 0px 0px; 
    CURSOR: pointer; 
    LINE-HEIGHT: 1.5em; 
    PADDING-TOP: 0.2em; 
    WHITE-SPACE: nowrap; 
    POSITION: relative;
	BACKGROUND-COLOR: #f5fdff;
}
UL.autocompleter-choices LI.autocompleter-selected {
    COLOR: #fff; BACKGROUND-COLOR: #444
}
UL.autocompleter-choices SPAN.autocompleter-queried {
    PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL.autocompleter-choices LI.autocompleter-selected SPAN.autocompleter-queried {
    COLOR: #9fcfff
}
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
.eye_open { float:left; background:url('../images/sprite_cms.png') no-repeat 0px -2898px; width:40px; height:16px; cursor:pointer; }
.eye_close { float:left; background:url('../images/sprite_cms.png') no-repeat 0px -2923px; width:40px; height:16px; cursor:pointer; }

.pm_ugol { padding-top:5px; background:url('../images/sprite_cms.png') no-repeat -8px -2841px; height:18px; width: 18px; font-weight: bold; }
.pm_vline { width: 10px; height: 35px; margin-top: 4px; background:url('../images/vline_p.gif');}
.left_pict{float: left;}
.pm_hline{width: 17px; height: 16px;margin-left: -21px; background:url('../images/sprite_cms.png') no-repeat -21px -3260px;}
.left_line{width: 17px; height: 1px;margin-left: -21px; background:url('../images/sprite_cms.png') no-repeat -21px -3274px; margin-top: 13px;  float: left;}
.for_pm_vline{ padding-left:30px;background:url('../images/vline_p.gif') repeat-y;}
.bottom_div{width: 30px; height: 42px; margin-left: -30px; margin-top: -1px; background-color: #fff;}

.partition_manager { float:left; height:57px; }

.pm_item { padding:5px; border-radius: 6px; padding-bottom: 5px; }
.pm_item:hover { background-color: #f2f2f2;  }
.pm_item:hover .link1{background-color: #b20727;}
.pm_item:hover .link2{background-color: #087cb7;}
.pm_item:hover .link3{background-color: #08b357;}
.pm_item:hover .link4{background-color: gray;}
.pm_item:hover .hidden_id{color: #444;}
.pm_item:hover .pm_item3 a{color: #fff;}
.pm_item span { padding-left:5px; }
.pm_item span a { font-size:12px; color:#036596; }

.pm_item_del {padding:5px; border-radius: 6px; padding-bottom: 5px; }
.pm_item_del:hover { background-color: silver;  }
.pm_item_del:hover .link1{background-color: #b20727;}
.pm_item_del:hover .link2{background-color: #087cb7;}
.pm_item_del:hover .link3{background-color: #08b357;}
.pm_item_del:hover .link4{background-color: gray;}
.pm_item_del:hover .hidden_id{color: #444;}
.pm_item_del:hover .pm_item3 a{color: #fff;}
.pm_item_del span { padding-left:5px; }
.pm_item_del span a { font-size:12px; color:#036596; }

.pm_item2 { height:24px; }
.pm_item3 { height:24px; }
.pm_item3  a{color: transparent; font-size: 13px; text-decoration: none;}
.pm_name{float: left; font-size: 16px;}
.pm_link{float: left;}

.link1{ float:left;padding-top:1px; padding-bottom: 2px; padding-left: 5px;padding-right: 5px; border-radius: 2px;margin-left: 2px; cursor: pointer;}
.link2{ float:left;padding-top:1px; padding-bottom: 2px; padding-left: 5px;padding-right: 5px; border-radius: 2px;margin-left: 2px; cursor: pointer;}
.link3{ float:left;padding-top:1px; padding-bottom: 2px; padding-left: 5px;padding-right: 5px; border-radius: 2px;margin-left: 2px; cursor: pointer;}
.link4{ float:left;padding-top:1px; padding-bottom: 2px; padding-left: 5px;padding-right: 5px; border-radius: 2px;margin-left: 2px; cursor: pointer;}

#made_of_moving{width: 300px;height: auto;background-color: silver;color: #fff; border-radius: 2px;float: right;padding: 5px;font-size: 16px; display: none;}
#made_of_moving div{width: 80px; padding-top: 8px; padding-left: 111px; cursor: pointer; color: #444; font-weight: 600; }
#name_moving{border: 0; background-color: silver; padding: 0; color: #444}
.hidden_id{color: transparent;}

#descr_page{margin-left: 180px; font-size: 13px;}#modules_tab { padding-bottom:12px; }
#modules_tab a { padding-right:10px; }.file_block{position:relative;}
.file_block{position:relative; width:600px; min-height:20px; border:1px solid #ccc; border-radius:5px; padding:5px; overflow:hidden; 
	border:1px solid #ccc; border-radius:5px; text-align:center;}
.file_block  .a_file .f_file {opacity:0; position:absolute; left:0; top:0;}
.file_block .a_file, .file_block .a_fil2 {display:block; position:absolute; right:5px; top:5px; padding:5px 0 8px;}
.file_block .m_file {position:relative; top:0; left:0; width:96%; height:100%; padding:0; text-align:left; padding:0 2%; color:lightgreen; font-style:italic; text-align:left;}
.file_block .m_file.a1 {margin: 20px 0 0;}
.file_block .p_file {margin:8px 0; min-height:20px;}
.file_block .file_item {float:left; position:relative; width:150px; margin:10px; border:1px solid #ccc; padding:5px;}
.file_block .file_item img {display:block; width:150px; height:100px;}
.file_block .a_file {width:150px; border:1px solid #ccc; border-radius:5px;}
.file_block .a_fil2 {width:250px;}
.file_block h2{margin-top:0; text-align:left; padding:0 10px;}

.file_block a { cursor: pointer; }

#panel_articles .file_block { border:0; width: 125px; }
#panel_articles .file_block a { border:0; }
#panel_articles .f_file { width: 125px; cursor: pointer; }

#load_block { height: 30px; }

#load_block .file_block { border:0; width: 140px; height: 20px; overflow: hidden; padding: 0px; }
#load_block .file_block a { border:0; height: 20px; overflow: hidden; padding:0px; margin:0px;  }

#gallery_panel span .file_block{width: 160px; border: 0;}
#gallery_panel span .file_block a{ border: 0;}
#gallery_panel span .file_block a input[type=file]{margin-top: -25px;}
/*спрятать инпут для хрома и оперы*/
.banner_tbl td .file_block a input[type=file],#panel_articles .file_block a input[type=file]
{margin-top: -25px;}



.file_block a input[type=file]{margin-top: -25px;}
/*Каталог*/
#admin_photo div .file_block .a_file { width: 140px !important;}
#catalog_item .file_block{border: none;width: 140px;float: left;}
#catalog_item .file_block .a_file { border: none;}
#catalog_item .file_block .a_file {top:0; padding: 0;} 
#catalog_item .file_block {min-height: 10px;}
/*Каталог*/
#site_text_page .file_block{width: 160px; border: 0;}
#site_text_page .file_block a{ border: 0;}
#site_text_page .file_block a input[type=file]{margin-top: -25px;}
.info_block { }

.info_block p { line-height: 1.6; }
.info_block p span { font-weight: bold; }

#user_left { width: 160px; float: left; margin-right: 32px; }
.info_block { float: left; width: 280px; }

#user_left img { width: 100%; height: auto; }

#user_right { float: left;  width: 300px; }

#users_buttons {
    position: absolute;
    right: 64px;
    top: 87px;
}
#users_buttons a { margin-left: 16px; text-decoration: none; }


#catalog_list { padding-bottom: 84px; }

#catalog_list .user_item { float: left; width: 20%; }
#catalog_list .user_item a {
    display: block;
    margin-right: 16px;
    margin-bottom: 16px;
    background: #fff;
    height: 390px;
    padding: 16px;
    border-radius: 5px;
    text-decoration: none;
    padding-bottom: 32px;
    position: relative;
    border: 1px solid #ccc;
}


#catalog_list .user_item a:hover { box-shadow: 0 0 7px rgba(0,0,0,0.3); }


.user_item div { height: 180px; overflow: hidden; margin-bottom: 16px; }
.user_item div img { width: 100%; height: auto; }

.user_item a h3 { font-size: 20px; font-weight: 500; padding-bottom: 4px; height: 48px; }

.user_item a em { font-style: normal; font-weight: 500; }

.user_item a span { display: block; color: #666; margin-bottom: 16px; font-size: 14px; }


.user_item a .redbuttonnew {
    width: 160px;
    position: absolute;
    bottom: 16px;
    left: 10px;
    margin-top: 24px !important;
}

#catalog_left { float: left; width: 25%; padding: 16px; box-sizing: border-box; background: #fff; }

#catalog_left img { display: block; width: 100%; height: auto; }
#catalog_left p { font-size: 15px; color: #666; text-align: center; }

#catalog_center { float: left; width: calc(50% - 32px); padding: 16px; background: #fff; position: relative; padding: 16px; box-sizing: border-box; margin-left: 16px; margin-right: 16px; min-height: 500px; }

#catalog_center p span { font-weight: 500; }
#catalog_right p span { display: block; font-weight: 500; font-size: 18px; margin-bottom: 16px; }

#catalog_right { float: left; width: 25%; padding: 16px; background: #fff; box-sizing: border-box; }
#catalog_right h3 { font-weight: 400; margin-bottom: 16px; }

#user_item_descr { font-size: 17px; line-height: 1.4; font-weight: 400; }

#button_ur { margin-bottom: 24px; }
#lawyer_advokat { margin-bottom: 16px; }
.article_block { }


/* Для админки */
#articles_form { width: 99%; position: relative; }
#articles_form select, #articles_form input[type=text] { width: 99%; }
#articles_form input[type=submit] { float: right; margin-top: 7px; }
#articles_form textarea { width: 99%; }

#articles_form select { width: 270px; position: absolute; font-size: 15px; line-height: 32px; height: 32px; right: 0px; }


#articles_form label { display: block; padding-bottom: 3px; }

#articles_form #date_block { position: absolute; right: 240px; width: 200px; }
#articles_form #date_block label { display: block; float: left; width: 140px; }
#articles_form #date_block input { display: block; float:left; width: 140px; }

#articles_form #date_block, #articles_form select { top: -46px; }

/* Панель для админки */

/* Список статей */
.articles { margin-bottom:20px; height:170px; overflow: hidden; border: 1px solid #ccc; 
	background-color: #fff; padding-top: 10px; border-radius: 5px; }

.articles .photo { float:left; width:170px; }
.articles .content { margin-left:190px; margin-right: 20px; height: 150px; overflow: hidden; }
.articles .photo img { margin-left: 10px; }
.articles .content h2 a { font-size:18px; text-decoration:none; color:#444 }

.articles .content h2 a:hover { text-decoration: underline !important; }

.articles .content p a { font-size:15px; text-decoration: none; color:#444; }
.articles .content h2 a:hover, .articles .content p a:hover { text-decoration: none; }


.articles .photo img {  }
#right .articles { padding-top: 0; border: none; height:80px; }
#right .articles .photo { float:left; width:80px; }
#right .articles .content h2 { max-height: 47px; overflow: hidden; }
#right .articles .content h2, #right .articles .content h2 a { font-size: 14px; line-height: 1.2; 
	text-decoration: none; color: #444; padding-bottom: 6px; }

#right .articles .content { margin-left:94px; margin-right: 10px; height: 100px; }

#right .articles .content div { padding-top: 4px; color: #666; font-size: 13px; }


/* Одна статья */
.article_item { overflow: hidden; }
.article_item .actions_panel a { display: block; }

.article_item .photo { float:left; width: 300px; padding-right: 20px; padding-bottom: 20px; }
.article_item .content.new_articles_item { margin-left: 335px; }
.article_item .content.new_articles_item * {  text-align: justify; }
.article_item .content.new_articles_item p { font-size: 18px; color: #000; }
.article_item .caption_addon, .caption_addon { display: block; width: 110px; margin-bottom: 20px; color: #fff; background: #6a7788; height: 32px; line-height: 32px; font-weight: 500; text-align: center !important; font-size: 18px; border-radius: 5px; }


/*Панель загрузчика*/
.article_item .actions_panel .file_block { min-height: 25px; height: 25px; width: 130px; border: none !important; }
.article_item .actions_panel .file_block .a_file { border: none !important; }
#panel_articles .file_block { min-height: 25px; height: 25px; }


.photo div { position: relative; }
.photo div .panel_el { position: absolute; z-index: 18; background-color: #fff; left: 0; right: none; margin-top: 30px; width: 180px; }

.photo div .panel_el a { display: block; }

.articles_navi { padding-top: 40px; }
.articles_navi a { font-size: 17px; color: #ff9500; padding-right: 18px; }



#article_item .article_item .photo div img { width: 100%; }


.articles_line1 { overflow: hidden; padding-bottom: 30px; }
.articles_line1 .art_photo { height: 300px; float: left; }
.articles_line1 .art_photo a { display: block; height: 100%; }
.articles_line1 .art_photo a img { display: block; height: 100%; }
.articles_line1 .art_content { margin-left: 320px; }
.articles_line1 .art_content .date { font-size: 14px; color: #c9c9c9; font-family: robotoregular; padding-bottom: 15px; }
.articles_line1 .art_content .caption a { font-size: 30px; font-family: robotobold; text-decoration: none; color: #000; margin-bottom: 30px; display: block; text-align: justify; }
.articles_line1 .art_content .announcement a { line-height: 25px; font-size: 16px; font-family: robotolight; text-decoration: none; color: #333; display: block; text-align: justify; }

.new_articles_list { margin: 0 -20px; padding-left: 20px; overflow: hidden; position: relative; }
.articles_line2 { width: calc(33.333% - 20px); margin: 0 20px 30px 0; float: left; box-shadow: 0 0 10px 0px #c5c5c5; }
.articles_line2 .art_photo { height: 200px; overflow: hidden; }
.articles_line2 .art_photo a { display: block; }
.articles_line2 .art_photo a img { width: 100%; display: block; }
.articles_line2 .art_content { padding: 25px; }
.articles_line2 .art_content .date { color: #9cacb3; display: block; font-family: robotoregular; padding-bottom: 5px; }
.articles_line2 .art_content .caption a { font-size: 20px; color: #000; font-family: robotobold; padding-bottom: 12px; text-decoration: none; display: block; }
.articles_line2 .art_content .announcement a { height: 56px; overflow: hidden; line-height: 25px; font-size: 16px; font-family: robotolight; text-decoration: none; color: #333; display: block; }



#article_item .main_h { text-align: justify; }

#site_text_page { position: absolute; top: 25px; right:70px; z-index:17; }
#site_text_page { position: absolute; top: 25px; right:70px; z-index:17; }
#text_form select{width: 79%; float: right;}
#text_form label{width: 19%; float: right;}

#text_form { width:99%; height:400px; };
#text_form textarea { height:400px; }

.lefter { float: left; width: 255px; box-sizing: border-box; background: #f1f1f1; padding: 14px 0; }
.lefter a { display: block; color: #1564a6; font-size: 18px; padding: 3px 30px; margin-bottom: 15px; text-decoration: none; }
.lefter a:hover, .lefter a.active { color: #fff; background: #666; }

.contenter { margin-left: 275px; margin-bottom: 80px; }


#login_form { }
#login_form { position:relative; height:220px; }


#login_form input[type=submit] { position: static !important; }

#login_form #autorize_text_block { position: absolute; left: 0px; bottom:0; }
#login_form #autorize_text_block span { padding-left: 30px; }

#reg_form { position: relative; height: 260px; }
#reg_form input[type=submit] { position: static !important;  }
#reg_form input[type=radio] { width: 100%; line-height: 1.5; }

#reg_text_block { font-size: 13px; position: absolute; left:0; bottom:0; }
#reg_text_block a { text-decoration: none; font-size: 13px; }

#forget_form { position:relative; height:100px; }
#forget_form input[type=submit] { position: static !important; }

#panel_begin #small_panel.autorize_form form { height: auto; padding-bottom: 40px; }

.autorize_form .form_out label { float: none; display: block; width: auto; }
.autorize_form .form_out input[type=password] { width: 100% !important; }
  
#login_form div input[type=text], #login_form div input[type=password] { width: 65% !important; }
#panel_cap { }

/*Шапка панели */
#panel_cap { position: relative; overflow: hidden; background-color:#0479af; /*background:url('../../images/sprite_cms.png') repeat-x 0px -9px;*/ height:66px; }
#panel_cap { z-index: 10; position: fixed; top:0; left: 0; width: 100%; }

#panel_cap #panel_cap2 { font-size:27px; padding-left:20px; padding-top:15px; 
	float:left; color:#ffffff; padding-right: 40px; }
#panel_cap div, #panel_cap span, #panel_cap a { color:#ffffff; }
#panel_cap #panel_close { float:right; padding:23px; color:#ffffff; }

#panel_cap #menu a { text-decoration: none; font-size: 13px; text-align: center; 
	display: block; float: left; width: 80px; height: 22px; margin-top: 10px; padding-top: 26px; }



/*
#panel_cap #menu { cursor: pointer; position: absolute; left:300px; width: 370px; height: 70px; }
#panel_cap #menu { background:url('../../images/cmenu.png') no-repeat; top:-5px; }
*/

/*
#l_panel { background-color:#0479af; color:#fff; }
#l_panel a { padding-bottom: 4px; padding-top: 4px; background-color:#0479af; color:#fff; }
#l_panel a:hover { opacity: 0.9; }
*/

.circle { margin: 0; padding: 0; color:#fff; font-size: 12px; background-color: red; width: 20px; 
	height: 20px; border-radius: 13px; line-height: 18px; text-align: center; position: absolute; left: 150px; top:18px; }


#calendar_ico { background: url("../images/cmenu.png") no-repeat -9px -24px;  }
#messages_ico { background: url("../images/cmenu.png") no-repeat -102px -24px; }
#tasks_ico { background: url("../images/cmenu.png") no-repeat -189px -24px; }
#uch_ico { background: url("../images/cmenu.png") no-repeat -275px -24px; display: none !important; }
#projects_ico { background: url("../images/cmenu.png") no-repeat -358px -24px; }
#objects_ico { background: url("../images/cmenu.png") no-repeat -438px -24px; }
#show_panel_ico { background: url("../images/cmenu.png") no-repeat -524px -24px; }


#panel_cap #menu a#projects_ico { display: none; }
/*

#calendar_ico:hover { background: url("../images/cmenu.png") no-repeat -9px -91px;  }
#messages_ico:hover { background: url("../images/cmenu.png") no-repeat -102px -91px; }
#tasks_ico:hover { background: url("../images/cmenu.png") no-repeat -189px -91px; }
#uch_ico:hover { background: url("../images/cmenu.png") no-repeat -275px -91px; }
#projects_ico:hover { background: url("../images/cmenu.png") no-repeat -358px -91px; }
#objects_ico:hover { background: url("../images/cmenu.png") no-repeat -438px -91px; }
#show_panel_ico:hover { background: url("../images/cmenu.png") no-repeat -524px -91px; }

*/#msg_left { }

#msg_left { float:left; width:30%; height:150px;  }

#msg_left .form_out label { display: block; float:left; width: 60px;  }
#msg_left .form_out input[type=text] { display: block; float:left; width: 140px; border: 1px solid #ccc; }
#msg_left .form_out input[type=submit] { display: block; float:left; width: 50px; }

#msg_right { float:right; width:68.5%; text-align: left; }

#msg_personal { height:100px; border: 1px solid #ccc; padding: 14px; overflow: hidden; }
#messages_list { height:300px; overflow-y:scroll; border: 1px solid #ccc; padding: 16px; }

#msg_personal h3 { font-size: 24px; line-height: 1.2; }

#msg_form { margin-top: 14px; display: none; }
#msg_form textarea { height:100px; border: 1px solid #ccc; width: 100%; resize: none; padding: 16px; box-sizing: border-box; font-size: 15px; }



#msg_users_search { height:100px; border: 1px solid #ccc; padding: 14px; }


#messages_users { height:418px; overflow-y:scroll; border:1px #ccc solid; position: relative; }
#messages_users a { display: block; padding: 16px; text-decoration: none; }
#messages_users a  h3 { font-size: 16px; padding-bottom: 0; font-weight: 500; margin-left: 48px; padding-top: 8px; }

#messages_users a i { display: block; width: 36px; height: 36px; border-radius: 18px; float: left; overflow: hidden; }
#messages_users a i img { display:  block; width: 100%; height: auto; }

#messages_users span { display: block; width: 24px; height: 24px; border-radius: 12px; background: #db3a5b; color: #fff; line-height: 24px; text-align: center; 
	position: absolute; right: 24px; top: 22px; }

#messages_users .textsmall2, #messages_list .textsmall2 { 
	font-size:12px; color:#666; line-height: 1.2; }


#msg_form input[type=submit] { margin-left: 16px; margin-top: 10px; }
.msg_selected { display: block; background: #fdf7e7; padding: 16px; }

.msg_item { background: #fdf7e7; border-radius: 10px; padding: 16px; margin-bottom: 16px; position: relative; margin-left: 100px; margin-right: 100px; }
.msg_item > div { position: absolute; left: -100px; top: 10px; font-size: 13px; width: 80px; text-align: center; }

.msg_item em { display: block; font-style: normal; font-size: 13px; margin-bottom: 4px; color: #666; }
.msg_item p { margin-right: 100px; } 
.msg_item span { display: block; font-size: 13px; position: absolute; right: 16px; top: 16px; }

.msg_my { margin-right: 0; margin-left: 100px; background: #f2f2f2; }
.msg_my_search { margin-right: 0; margin-left: 0; background: #f2f2f2; }
.count2 { background: #ccc !important; }

#case_item {  }

#case_title { margin-bottom: 16px; position: relative; }

#case_button {
    position: absolute;
    right: 16px;
    top: 9px;
    margin-top: 0 !important;
    height: 36px !important;
    line-height: 36px !important;
    width: 130px;
}



#case_title {
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    padding: 16px;
    border-radius: 5px;
    margin-bottom: 32px;
}





.case_item { overflow: hidden; width: 25%; float: left; }
.case_item > a { display: block; padding: 16px; background: #fff; margin-right: 16px; margin-bottom: 16px; border: 1px solid #ccc; border-radius: 5px; height: 320px; text-decoration: none; position: relative; }


.case_item > a:hover { box-shadow: 0 0 7px rgba(0,0,0,0.3); }



.case_item h3 { display: block;
    
    /* white-space: nowrap; */
    overflow: hidden;
    /*text-overflow: ellipsis; */
    font-size: 18px;
    font-weight: 500;
 }



.case_item s {
    display: block;
    display: block;
    color: #444;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    margin-bottom: 4px;
    font-weight: 400;
}


.case_item em { display: block; margin-bottom: 8px; font-style: normal; color: #000; font-size: 16px; margin-top: 12px; margin-bottom: 32px; font-weight: 400; }

/*
.case_item em:before { content: ""; color: #000; font-family: fontawesome5freesolid900; font-style: normal; font-size: 13px; }
*/


.case_item strong, .case_item b { color: #000; }

.case_item div p { line-height: 1.4; }


.case_item span { display: block; color: #000; margin-top: 16px; }

.case_item i { position: absolute; left: 16px; bottom: 16px; width: 140px; height: 40px; line-height: 40px; font-style: normal; }



#case_item {  }
#case_item textarea { width: 100%; height: 150px; resize: none; box-sizing: border-box; }


#case_comment_form { width: 400px; }
#case_item_left { margin-right: 370px; background: #fff; padding: 16px; padding-bottom: 48px; box-shadow: 0 0 7px rgba(0,0,0,0.3); }


#case_item_right { width: 320px; background: #fff; position: absolute; right: 0; top: 0; min-height: 400px; padding: 16px; padding-top: 0; }

.case_info { overflow: hidden; }
.case_info p { line-height: 2.2; }
.case_info p span { font-weight: bold; margin-left: 16px; }
.case_info p a { text-decoration: none; color: #336699; }

.role_item { line-height: 1.2 !important; position: relative; margin-bottom: 12px; }
.role_item i { display: inline-block; border: 1px solid #db3a5b; color: #000; font-size: 11px; padding: 4px 8px; font-style: normal; border-radius: 5px; margin-left: 8px; }

.role_yes { border: 1px solid #666 !important; }




.case_event_item, .case_comments_item { position: relative; /* background: #fdf7e7; */ background: #fdf9f0; border-radius: 10px; 
    margin-bottom: 16px; padding: 16px; padding-bottom: 8px; margin-top: 7px; }
.case_event_item a, .case_comments_item div { text-decoration: none; }
.case_event_item s, .case_comments_item s { display: block; font-weight: 500; font-style: normal; color: #000; margin-bottom: 7px; text-decoration: none; } 
.case_event_item span, .case_comments_item span { display: block; margin-bottom: 7px; font-size: 13px; color: #666; position: absolute; right: 64px; top: 16px; display: none; }

.case_event_item em, .case_comments_item em { color: #000; font-style: normal; display: block; margin-bottom: 7px; }

.case_event_item p, .case_comments_item p { font-size: 19px; font-weight: 400; margin-bottom: 8px; }
.case_event_item div { position: absolute; right: 10px; top: 10px; width: 50px; }
.case_event_item div i { display: block; width: 50px; height: 50px; overflow: hidden; border-radius: 40px; margin: 0 auto; }
.case_event_item div i img { display: block; width: 100%; height: auto; }
.case_event_item div span { margin-top: 40px; display: none; }

#billing_form { overflow: hidden; }
#billing_form div { float: left; width: auto; margin-right: 16px; }
#billing_form div label { top: 2px; }
#billing_form div select { width: 280px; height: 36px; }
#billing_form div input[type=text] { width: 140px; height: 36px; }
#billing_form div p { width: 380px; margin-top: 16px; margin-left: 10px !important; }
#billing_form div p a { text-decoration: none; color: #4370ab; font-size: 17px; font-weight: 500; display: none; }

#billing_form input[type=submit] { width: 200px; margin-top: 32px; margin-bottom: 0; }




.calendar_item, .calendar_empty { width:14.2857%; float:left; }
.calendar_item div, .calendar_empty div { height:32px; border-right:1px solid #cccccc; border-top:1px solid #cccccc; }

.calendar_item div p { font-size: 14px; text-align: center; padding-top: 6px; }

.current_date { background-color:#a7d6f1; }
.class_vix { color:red; }

#calendar_block { width: 100%; height: auto; overflow: hidden; border-left: 1px #ccc solid; border-bottom: 1px #ccc solid; box-sizing: border-box; }
#calendar_cases_block_left div div { text-align: center; cursor: pointer; }

#calendar_cases_block_left div div:hover { background: #faecc6; }
#calendar_nav { position: absolute; right: 0; top: -2px; }
#calendar_nav a { display: inline-block; width: 24px; height: 24px; margin-left: 20px; font-size: 32px; text-decoration: none; color: #000;
text-align: center; line-height: 24px; }

#calendar_nav a:hover { color: #db3a5b; }

.events_yes { background: #ccff99; }


#calendar_bottom { margin-top: 8px; margin-left: 32px; color: red; margin-bottom: 32px; }

.case_addon_el { height: 36px; overflow: hidden; padding-bottom: 10px; border-top: 1px solid #ccc; cursor: pointer; background: url('../images/ico_arrow.png') no-repeat right 18px; }
.case_addon_el h3 { padding-bottom: 10px; padding-top: 10px; font-weight: 400; }
.case_addon_el:last-child { border-bottom: 1px solid #ccc;  }


.case_addon_el h3 span { margin-left: 9px; font-size: 14px; }


.height { height: auto !important; }

#cmenu_lk { overflow: hidden; position: absolute; left: 360px; top: 24px; }
#cmenu_lk a { margin-right: 48px; text-decoration: none; color: #a9b2b4; font-weight: 400; }
#cmenu_lk a:hover { color: #fff; }

#case_comments, #case_events { overflow: hidden; }
#case_events_form input { float: left; width: 40%; margin-right: 8px; }
#case_events p { font-size: 20px; margin-bottom: 8px; font-weight: 400; margin-top: 16px; }


#cases_events_out h3 { margin-left: 6px; padding-top: 16px; margin-bottom: 3px; font-size: 17px; font-weight: 400; }


#case_form_load { overflow: hidden; }
#camera_button, #camera_button2 { display: none; }

#case_filter { height: 48px; margin-left: -16px; margin-right: -16px; margin-top: -16px; margin-bottom: 16px; 
    position: relative; border-bottom: 1px solid #ccc; }

#case_filter p { line-height: 48px; margin-left: 16px; }
#case_filter p a { text-decoration: none; color: #336699; font-weight: 400; }

#button_load { display: block; width: 120px; height: 32px; line-height: 32px; border-radius: 5px; border: 1px solid #ccc; text-align: center; float: left; margin-right: 10px; }
#button_load:hover { background: #f2f2f2; }

#button_load2 { display: block; width: 140px; height: 32px; line-height: 32px; border-radius: 5px; border: 1px solid #ccc; text-align: center; float: left; margin-right: 10px; }
#button_load2:hover { background: #f2f2f2; }

#button_load, #button_load2 { font-size: 13px; }


#case_item_left img { width: 100%; height: auto; }


.shtora p { display: none; color: #fff; }

.shtora { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; }
.shtora:hover { background: rgba(0, 0, 0, 0.5); }
.shtora:hover p { display: block !important; text-align: center; font-weight: 500; margin-top: 80px; font-size: 20px; line-height: 1.4; }

#case_main h1 { font-weight: 400; line-height: 1.2; font-size: 36px; }
#case_main p { font-size: 18px; line-height: 1.4; font-weight: 400; padding-bottom: 48px; }

#case_main div { margin-bottom: 32px; }
#case_main div span { margin-right: 32px; }
#case_main div span b { font-weight: 500; }

#cases_docs { overflow: hidden; }
#cases_docs p { display: block; width: 20%; height: 80px; float: left; margin-right: 12px; overflow: hidden; margin-bottom: 12px; background: #f2f2f2; box-shadow: 0 0 5px rgba(0,0,0,0.5); }
#cases_docs p img { display: block; width: 100%; height: auto; }


.cases_files { overflow: hidden; clear: both; border-bottom: 1px solid #ccc; padding-bottom: 6px; }
.cases_files a {
    position: relative;
    display: block;
    margin-bottom: 8px;
    margin-top: 8px;
    height: 32px;
    padding-left: 28px;
}


.cases_files a:before {
    display: block;
    content: "";
    background: #ccc url('../images/icons_files2.jpg') no-repeat 0 0px;
    width: 28px;
    height: 32px;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.cases_files a i { display: none; }
.cases_files a:hover i { display: block; position: absolute; right: 0; top:10px; background: #ccc; width: 16px; height: 16px; border-radius: 8px; }

.cases_files p { line-height: 1.1; font-size: 13px; padding-top: 4px; font-weight: 400; }


.button_add_case { position: absolute; right: 0; top: -12px; }


.cases_info_button {
    
    transition: 0.3s;
    border: 0;
    background: #db3a5b !important;
    height: 38px !important;
    line-height: 38px !important;
    border-radius: 21px;
    color: #fff !important;
    text-decoration: none;
    box-shadow: 0 0 11px #db3a5b7a;
    display: block;
    width: 200px;
    margin-top: 16px;
    text-align: center;
    margin-bottom: 16px;
}


#case_invest { padding: 16px; padding-top: 0; margin-left: -16px; margin-right: -16px; }
#case_invest p { font-size: 20px; font-weight: 600; line-height: 44px; }

#case_invest span { font-weight: 400; font-size: 15px; }
#case_invest span a { text-decoration: none; font-weight: 600; color: #db3a5b; }

.case_item_small a { height: 280px !important; }

#block_arguments h3 { font-weight: 400; }
#block_arguments p { font-weight: 400; }



#case_form_begin { padding: 16px; background: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.3); }




#case_form_begin .form_out textarea { height: 120px; }


#calendar_cases_block { background: #fff; padding: 16px; overflow: hidden; margin-bottom: 16px; }
#calendar_cases_block_left { float: left; width: 320px; overflow: hidden; position: relative; }
#calendar_cases_block_right { margin-left: 356px; padding-top: 62px; }
#calendar_cases_block_right form { width: 500px; }


#cases_images_right { overflow: hidden; }

#cases_images_right p {
    display: block;
    width: 20%;
    height: 80px;
    float: left;
    margin-right: 12px;
    overflow: hidden;
    margin-bottom: 12px;
    background: #f2f2f2;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}


#cases_images_right p img {
    display: block;
    width: 100%;
    height: auto;
}

#cases_images_right .selected p { box-shadow: 0 0 5px rgba(50,70,20,0.5) !important; border: 1px solid #ed122b; box-sizing: border-box; }


#publish_block {
    background: #faecc6;
    /* margin-bottom: 32px; */
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px;
}




#publish_block strong { display: block; margin-bottom: 5px; }
#publish_block p { font-size: 13px; }
#publish_block a { display: block; width: 180px; height: 32px; line-height: 32px; text-align: center; 
    text-decoration: none; background: #d29f14; border-radius: 5px; color: #fff; margin-top: 8px; font-weight: 400; }


#invest_button {
    display: block;
    width: 230px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    background: #6699cc;
    border-radius: 5px;
    color: #fff;
    margin-top: 8px;
    font-weight: 400;
    font-size: 15px;
}


#case_addon_button { display: block; font-size: 20px; text-decoration: none; margin-bottom: 32px; color: #000;
border: 1px solid #ccc; line-height: 32px; padding: 12px; border-radius: 8px; font-weight: 400; position: relative; }
#case_addon_button:before { content: ""; display: block; position: absolute; right: 6px; top: 4px; width: 48px; height: 48px; background: url('../images/ico_arrow.png') no-repeat center center;  }

#case_addon_button:hover { background: #f2f2f2; }



}
#case_addon_button:hover { background: #f2f2f2; }

#case_addon_form { display: none; }


.subform_title { font-size: 18px; font-weight: 400; margin-top: 32px; margin-bottom: 10px; }

#cases_list { margin-right: -16px; padding-bottom: 84px; overflow: hidden; }
#cases_list h2 { font-size: 32px; font-weight: 300; margin-bottom: 8px; }

#multi_text { font-size: 13px; line-height: 1.4; margin-top: 16px; }

#calendar_cases_block { box-shadow: 0 0 7px rgba(0,0,0,0.3); }

.current_date { font-weight: 400; }

#filter_panel { box-shadow: 0 0 7px rgba(0,0,0,0.3); padding: 16px; border-radius: 5px; margin-bottom: 32px; }
#filter_panel a { text-decoration: none; margin-right: 32px; color: #666; }
#filter_panel p { float: right; }

.button_load2_active { background: #66cc33 !important; color: #fff !important; border: 1px solid #66cc33; }

#case_edit_button { position: absolute; text-decoration: none; left: 100px; top: 15px; }


#case_doc_form {  }
#case_doc_form .form_out div input[type=text] { width: 100%; }

#case_doc_form span { display: block; margin-top: 8px; font-size: 14px; color: #666; }

.button_left { margin: 0 !important; margin-top: 16px !important; width: 200px !important; }


#case_item_left video { width: 100%; height: auto; }

#file_export { display: inline-block; text-decoration: none; font-weight: 400; margin-top: 16px; }


#case_item_left video { width: 40%; height: auto; }

#audio_video { margin-top: 32px; overflow: hidden; }
#audio_video p { line-height: 1.4; }
#audio_video p span { font-weight: 500; }

#case_files_block h4 { margin-bottom: 16px; font-size: 17px; font-weight: 400; }

#case_files_block h4 span { font-size: 14px; margin-left: 8px; font-weight: 300; }

#invite_block1 { width: 50%; float: left; }

#case_invite_list { text-decoration: none; font-weight: 400; position: absolute; left: 400px; top: 166px; }


#case_item_lawyer {
    background: #d7e4fc;
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px;
}


#case_item_lawyer a {
    display: block;
    width: 180px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    background: #6868c1;
    border-radius: 5px;
    color: #fff;
    margin-top: 8px;
    font-weight: 400;
}

#case_item_lawyer strong {
    display: block;
    margin-bottom: 5px;
}

#case_item_lawyer p {
    font-size: 13px;
}


#case_author_phone {
    background: #faecc6;
    margin-bottom: 32px;
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px;
}

#case_author_phone a { font-weight: 500; font-size: 18px; margin-left: 8px; text-decoration: none; color: #000; }


#cases_file_del { margin-top: 64px; display: block; width: 140px; height: 32px; line-height: 32px; border: 1px solid #ccc; border-radius: 5px; 
    padding-left: 8px; padding-right: 8px; color: #336699; text-decoration: none; font-weight: 400; text-align: center; }


#admin_ocenka {
    background: #d0dbea;
    margin-bottom: 32px;
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px;
}

#admin_ocenka a {
    display: block;
    width: 240px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    background: #8593a8;
    border-radius: 5px;
    color: #fff;
    margin-top: 8px;
    font-weight: 400;
}

.message_panel { position: relative; }
.message_panel a { position: absolute; right: 16px; top: 32px; }
.message_panel .form_out input[type=text] { width: 360px; }

#invite_result { overflow-y: scroll; min-height: 100px; }

#filter_panel .selected { color: #db3a5b !important; }

#photo_edu { overflow: hidden; margin-top: 16px; }
#photo_edu img { display: block; width: 100px; height: auto; margin-right: 10px; }

#lk_right h1 a { font-size: 17px; text-decoration: none; margin-left: 32px; }#my_profile {  }

#profile_block { overflow: hidden; }

#my_profile { }
#my_profile h3 { font-size: 26px; margin-top: 15px; margin-bottom: 8px; }
#my_profile h3 a { font-size: 16px; margin-left: 18px; text-decoration: none; }

#services { padding: 16px; border-radius: 10px; background: #faecc6; margin-bottom: 32px; }

#services span { display: inline-block; margin-right: 32px; margin-bottom: 7px; }

/*
#my_profile > div { border-radius: 5px; border: 1px solid #b7b7b7; background-color: #fff; min-height: 63px; padding: 20px; margin-bottom: 10px; position: relative; }

#my_profile div p { font-weight: bold; margin-top: 7px; margin-bottom: 16px; font-size: 17px; }
*/

#profile_edit { box-shadow: 0 0 7px rgba(0,0,0,0.3); border-radius: 5px; padding: 16px; margin-bottom: 32px; position: relative; }


.my_profile_edit { position: absolute; right: 0; top: 0; border-radius: 16px; background: #fff; color: #000; text-align: center; border: 1px solid #ccc; font-weight: 500;
    text-decoration: none !important; padding: 4px; padding-left: 12px; padding-right: 12px; font-size: 14px; height: 27px; line-height: 27px; }

.my_profile_edit:hover { background: #f2f2f2; }

#profile_descr .my_profile_edit { top: -24px; }


#profile_left { width: 20%; float: left; }
#profile_left img { display: block; background: #ccc; width: 100%; }
#profile_left a { text-align: center; line-height: 2.4; text-decoration: none; display: block; color: #666; }
#button_user_photo { border: 1px solid #ccc; border-radius: 5px; height: 32px; width: 120px; line-height: 32px !important; margin: 0 auto; margin-top: 24px; color: #336699 !important; font-weight: 400; }
#button_user_photo:hover { background: #f2f2f2; }


#profile_right {
    float: right;
    width: 70%;
    position: relative;
}


#profile_descr { position: relative; }

#profile_right span { display: block; font-size: 14px; padding-bottom: 3px; }
#profile_right p { font-weight: 500; padding-bottom: 12px; font-size: 17px; }

#profile_right span a { text-decoration: none; }

#profile_right div { float: left; width: 50%; }


#profile_descr > p { line-height: 1.4; font-size: 18px; padding-top: 16px; font-weight: 400; }

#profile_descr #button_roles_block { display: block; margin-top: 32px; }

#profile_descr #button_roles_block p { display: block; width: 400px; height: 44px; margin-bottom: 32px; text-decoration: none; line-height: 44px; 
    border-radius: 16px; padding-left: 16px; color: #000; font-weight: 500; background: #faecc6; }

#profile_descr #button_roles_block p a { text-decoration: none; font-weight: 500; }

/* #fdf7e7*/

#profile_descr #button_roles_block p span { margin-left: 8px; font-size: 14px; color: #666; font-weight: 500; }


#password_edit a { position: static !important; display: inline-block; background: #fd931b !important; color: #fff; border-radius: 16px; text-align: center; text-decoration: none; padding: 4px;
    padding-left: 12px; padding-right: 12px; font-size: 14px; height: 27px; line-height: 27px;  width: auto !important; }

#password_edit a:hover { background: #75bb22 !important; }

#telegram_edit i, #telegram_edit i a { font-style: normal; font-size: 14px; }

#telegram_edit a { text-decoration: none; font-weight: 400; }



#telegram_edit { clear: both; }


/*
.my_orders_filter a {
    float: left;
    margin-left: 20px;
    margin-right: 10px;
    text-decoration: none;
    font-size: 15px;
}

.my_orders_filter a.my_status_active,
.my_orders_filter a:hover {
    text-decoration: underline;
}

*/




.sum_total { font-weight: bold; text-align: right; font-size: 19px; margin-top: 32px; }

#my_orders_block_left { overflow: hidden; float: left; width: 50%; }
#my_itogo { float: left; width: 50%; overflow: hidden; }

#link_company { position: absolute; right: 32px; top:32px; width: 320px; background-color: #f2f2f2; padding: 16px; border-radius: 12px; }
#link_company h3 { font-size: 24px; padding-bottom: 4px; }
#link_company p { line-height: 1.2; }

#my_orders_open { background: #fff; }
#my_orders_block_left p span, #my_itogo p span { font-weight: bold; }

.button_pay { display: block; width: 200px; height: 44px; border-radius: 5px; background: #e6040b; color: #fff; text-align: center; line-height: 44px; text-decoration: none; }
.button_pay:hover { color: #fff; opacity: 0.85; }

/*

#subscribe_div { margin-left: 16px; margin-top: 32px; }

.link_gal {
    display: block;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    margin-bottom: 7px;
    padding-left: 44px;
    position: relative;
    padding-left: 48px;
}


.link_gal a { text-decoration: none; }

.link_gal .selected:before {
    content: "";
    background: url('../images/icons_gal_mini.svg') no-repeat 0 0;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 5px;
    width: 28px;
    height: 28px;
}


.link_gal a:before {
    content: "";
    background: url('../images/icons_gal_mini.svg') no-repeat 0 -38px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 5px;
    width: 28px;
    height: 28px;
}



#edit_telegram i { display: block; font-style: normal; margin-top: 7px;  margin-bottom: 7px; color: #666; }
#edit_telegram i, #edit_telegram i a { font-size: 14px; }
#edit_telegram i a { position: static !important; }

#my_profile input[type=submit] { padding: 0; height: 47px; line-height: 47px; }

*/

#orders_tab { clear: both; overflow: hidden; height: 60px; }
#orders_tab a { display: inline-block; padding: 8px; padding-left: 16px; padding-right: 16px; border: 1px solid #ccc; border-radius: 5px; margin-right: 8px; }
#orders_tab a:hover { text-decoration: none; }
#orders_tab .selected { background: #85bc39 !important; color: #fff; }


/* Итоги */
.sum_total { position: relative; }
.sum_total span { display: block; }

.sum_total span s { color: #ccc; font-size: 15px; font-weight: normal; }
.sum_total span em { color: #fd931b; font-size: 15px; font-weight: normal; font-style: normal; }

.sum_total p { font-weight: bold; margin-bottom: 16px; }
.sum_total div { position: absolute; left: 0; top: 0; }
.sum_total div p { text-align: left; font-weight: normal !important; }


#order_accept { display: block; width: 200px; height: 44px; line-height: 44px; background: #fd931b; color: #fff; text-align: center; text-decoration: none; border-radius: 5px; margin-right: 16px; }
#order_otkaz { display: block; width: 200px; height: 44px; line-height: 44px; background: #f2f2f2; text-align: center; text-decoration: none; border-radius: 5px; font-size: 16px; }
#order_accept, #order_otkaz { float: left; }


/* Баллы */
#fox_trail .right { overflow: hidden; }
#fox_trail .right div { width: 20%; float: left; text-align: center; }

#fox_trail .right div p { margin-bottom: 8px;  }
#fox_trail .right div p span { margin-top: 10px; display: block; width: 64px; height: 64px; line-height: 64px; background: #fd931b; border-radius: 100%; color: #fff; text-align: center; margin: 0 auto; }


.hsw { color: #2ea5bb; text-decoration: none; font-size: 19px; transition: 0.3s; position: absolute; right: 0; top: 10px; }
.hsw:hover { text-decoration: none; color: #fd931b; }



.sum_total h3 { text-align: left; clear: both; }
.sum_total p {  }



#fox_trail { margin-bottom: 32px; }

#fox_trail .right div p {
    margin-bottom: 8px;
    padding-top: 10px;
}


#form_charity { width: 250px; position: relative; margin-bottom: 32px; }
#form_charity input[type="number"] { width: 100px; }
#form_charity input[type="submit"] { position: absolute; right: 0; top: 3px; border-radius: 5px; background: #2ea5bb; }

.cafo_text { margin-top: 16px; }


#fox_trail { background: #f2f2f2; margin-top: 16px; }

.autorize_form .form_out textarea { width: 100%; height: 150px; }


#profile_right i { display: inline-block; font-style: normal; background: #75bb22; color: #fff; font-size: 12px; padding: 4px 8px; margin-bottom: 22px; border-radius: 5px; }
#profile_right #status_u_no { background: #faecc6; color: #000; }

#profile_right i a { display: block; font-size: 12px; padding: 4px 8px; text-decoration: none; }
#profile_right i a:hover { color: #000; }


.education_block { overflow: hidden; margin-top: 16px; }
.education_block h3 { margin-bottom: 16px; }
.education_block p { float: left; width: 20%; margin-right: 16px; margin-bottom: 16px; background: #f2f2f2; height: 200px; position: relative; }
.education_block p img { display: block; width: 100%; height: auto; }

.education_block p a { display: block; position: absolute; right: 4px; top: 4px; width: 32px; height: 32px; background: #fff; color: #000; 
    text-align: center; line-height: 31px; text-decoration: none; border-radius: 16px; font-size: 22px; }

.education_block p a:hover { background: #ccc; }

.education_block span { display: block; margin-bottom: 8px; position: relative; height: 32px; }
.education_block span a { text-decoration: none; color: #000; }
.education_block span .edu_file_del {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #f2f2f2;
    color: #000;
    text-align: center;
    line-height: 31px;
    text-decoration: none;
    border-radius: 16px;
    font-size: 22px;
    margin-left: 16px;
}

.education_block span .edu_file_del:hover { background: #ccc; }





#edications_files_status { margin-top: 16px; }

#button_diplom { margin-left: 0; float: left; margin-right: 32px; }

#button_diplom_send { float: left;
    
    border: 0;
    background: #d0dbea !important;
    height: 45px !important;
    line-height: 45px !important;
    border-radius: 21px;
    color: #000 !important;
    text-decoration: none;
    box-shadow: 0 0 11px #d0dbea;
    margin: 0 auto;
    display: block;
    width: 280px;
    text-align: center;
    margin-top: 48px;
}


#button_diplom_send:hover { opacity: 0.9; }

.photo_edu { overflow: hidden; margin-top: 32px; }
.photo_edu a { display: block; float: left; width: 20%; margin-right: 16px; margin-bottom: 16px; background: #f2f2f2; height: 200px; position: relative; }
.photo_edu a img { display: block; width: 100%; height: auto; }

.photo_edu span { display: block; }
.photo_edu span a { float: none; width: auto; height: 32px; margin-bottom: 8px; background: none; color: #000; text-decoration: none; }
.photo_edu span a:hover { text-decoration: underline; }/*@import url('http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,900&subset=latin,cyrillic');*/

* { margin: 0px; padding: 0px; }
html { min-height: 100%; height:100%;  overflow-y: scroll; }


body { margin:0; padding:0; height:100%; font-size: 15px; }

img { border: 0px; }
ul, ol { list-style:none; }
ul, ol, li, dl, dt, dd, h1, h2, h3, pre, form, body, html, p, blockquote, input, td, th, a, textarea { margin:0; padding:0; font-family: "Roboto", sans-serif; color:#000; font-weight: 400; }

ul.autocompleter-choices { background: 0; padding-top: 3px; width: 500px; }
ul.autocompleter-choices li { list-style-type: none; margin-left: 5px; margin-right: 5px;
background-color:#fffbd5; font-size: 14px; line-height: 1.5; }


input[type=submit] { 
    
    cursor: pointer;
    font-size: 16px;
   -webkit-appearance: none;

    transition: 0.3s;
    border: 0;
    background: #db3a5b !important;
    height: 45px !important;
    line-height: 45px !important;
    border-radius: 21px;
    color: #fff !important;
    text-decoration: none;
    box-shadow: 0 0 11px #db3a5b7a;
    margin: 0 auto;
    display: block;
    width: 180px;
    text-align: center;

}



input, textarea, input:active, textarea:active {outline:none;}
:focus {outline:none;}

input.delivery_type {
    float: right;
    position: relative; 
	margin:9px 5px 5px 0px;

}

input.delivery_pay {
     float: right;
     position: relative;
     margin:9px 5px 0 -15px;

}


hr {background: #deded6; border: none; height: 1px; width: 100%; margin-bottom: 8px;}

h1{  FONT-SIZE: 28px; LINE-HEIGHT:1.2; padding-bottom: 14px; }
h2{  FONT-SIZE: 24px; LINE-HEIGHT:1.2; padding-bottom: 12px; font-weight: 400; }
h3{  FONT-SIZE: 20px; LINE-HEIGHT:1.2; padding-bottom:10px; font-weight: 400; }

a { COLOR: #ed122b; TEXT-DECORATION: underline; cursor:pointer }
a:hover{ text-indent: 0; TEXT-DECORATION: none; /*DO NOT REMOVE THIS OTHERWISE HOVER WILL NOT WORK IN IE6!*/ }

ol li { padding:0px 0px 4px 0px; margin:0 0 0 0px; }
ol { margin-left: 20px; }

table { border-spacing: 0; }

legend {padding: 3px; background-color: #000000;}
fieldset { border:solid 1px #5b5b5b; padding:10px; }

.message, .message_link { COLOR:#f59823; TEXT-DECORATION: none; font-weight: bold; }
.message_link:hover { TEXT-DECORATION: underline }




ul li { list-style-type: none; background: url("../images/circle_black.png") no-repeat 7px 11px;  padding-left: 24px; padding-bottom: 8px; color: #000; } 
ol li { padding:0px 0px 4px 0px; margin:0 0 0 0px; list-style-type: decimal;padding-left: 24px; }

#tinymce ul li { list-style-type: none; background: url("../images/circle_black.png") no-repeat 7px 11px; padding-left: 24px; padding-bottom: 8px; color: #000; }
#tinymce ol li { padding: 0px 0px 4px 0px; margin: 0 0 0 0px; list-style-type: decimal; padding-left: 24px; color: #000; }

#tinymce h3, .text_out h3 { color: #6a7788; font-size: 22px; font-weight: 500; }
/* Стили оформления для редактора */


.style_hitech { border: 0; border-left: 5px solid #dd2a26; border-radius: 0; background: #fff; padding: 5px 25px !important; margin: 0; }

.style_barokko { border: 0; border-left: 5px solid #8dbb4f; border-radius: 0; background: #f7fae9; padding: 20px 25px !important; }

.style_modern { background-color: #e0e7f1; padding: 25px 30px; border-radius: 3px; }


/* Отступы между абзацами */
#block_index p, #tinymce p, #catalog_item p { padding-bottom:8px; }
.style_barokko, .style_modern { margin-top:10px; margin-bottom: 20px; padding-bottom: 25px !important }

#index_text_page p { padding-bottom:8px; }

#tinymce .small_text, .text_out .small_text, .small_text { font-weight: normal !important; font-style: italic; padding: 20px 40px !important; background: url('../images/quote_img.png') #fff no-repeat 0 26px; }

#tinymce .emclass, .text_out .emclass, .emclass { font-style: italic; }

#tinymce ul li { list-style-type: none; background: url("../images/circle_black.png") no-repeat 7px 11px; padding-left: 24px; padding-bottom: 8px; }
#tinymce ol li { padding: 0px 0px 4px 0px; margin: 0 0 0 0px; list-style-type: decimal; padding-left: 24px; }

/*таблицы*/
#tinymce table { width: 99%; }

.main_table { border: 1px solid #ccc;  padding: 4px; width: 100%;
     border-collapse:collapse; empty-cells:show; margin:0; vertical-align:top; 
     border-spacing: 0; font-size:80%; }

/*
.main_table tr:first-child { background-color: #fff; }
.main_table tr:first-child td { border-color:#fff; border-bottom: 4px #ff6c02 solid; }
.main_table tr:nth-child(even) { background-color: #f8e6d1; }
*/




.text_out, #tinymce { color: #000; font-size: 17px; line-height: 1.4; }
#tinymce { padding: 15px; }

.text_out a, #tinymce a { color: #1564a6; }

.text_out p, .text_out div, .text_out span, .text_out strong, #tinymce p, #tinymce div, #tinymce span, #tinymce strong { font-size: inherit; line-height: inherit; color: inherit; }




.main_table td:first-child { width: 70%; }
.main_table tr:nth-child(even) { background-color: #f2f2f2; }
.main_table tr td { border: 1px #ccc solid; padding: 8px; text-align: left; }


#tinymce.dci ul li { background-position: 7px 6px;  }
#tinymce.dci .red_string { text-indent: 20px; }
#tinymce.dci .normal_string { text-indent: 0; }
#tinymce.dci .small { font-size: 12px; color: #888; }
#tinymce.dci .main_table { border: 1px solid #ccc; padding: 4px; border-collapse:collapse; empty-cells: show; margin: 0; vertical-align: top; border-spacing: 0; font-size: inherit; }
#tinymce.dci .transparent_table { border: 0 solid transparent; padding: 0; }
#tinymce.dci .go_new_page { height: 40px; margin: 40px -45px; padding-bottom: 0; background: #eee; }
#tinymce.dci table { width: 100%; }
#tinymce.dci table tr th:last-child { text-align: right; }
#tinymce.dci table tr th:last-child > * { text-align: right; }
#tinymce.dci table tr td:last-child { text-align: right; }
#tinymce.dci table tr td:last-child > * { text-align: right; }
#tinymce.dci table tr th:first-child { text-align: left; }
#tinymce.dci table tr th:first-child > * { text-align: left; }
#tinymce.dci table tr td:first-child { text-align: left; }
#tinymce.dci table tr td:first-child > * { text-align: left; }
#tinymce.dci table tr td { text-align: center; }
#tinymce.dci table tr td > * { padding-bottom: 2px; }
#tinymce.dci table tr th { text-align: center; }
#tinymce.dci table tr th > * { padding-bottom: 2px; }
#tinymce.dci table tr td .topright_key { padding-bottom: 15px; }
/* NEED CORRECT WHERE GENERATE PDF */










.smooth-half-opacity { opacity: 0.3; tansition: opacity 0.3s; }
.smooth-half-opacity.active { opacity: 1; }
.cdncl a.smooth-half-opacity:hover, .cdncm_left a.smooth-half-opacity:hover { opacity: 1; }

.get-my-photo { background-size: cover; background-repeat: no-repeat; background-position: center; }

.file_block .m_file.getloading#m_upload_photo { line-height: 20px; position: absolute; left: 0; right: 0; width: auto; padding: 0 !important; bottom: 0; height: 20px; top: auto; text-align: center; color: #fff; }
#panel_begin #small_panel .educations .file_block .m_file.getloading { text-align: center; position: absolute; left: 0; right: 10px; bottom: 0; padding: 0 !important; margin: 0; width: auto; top: auto; height: 20px; }

.file_block .m_file.getloading { padding: 0 43px 9px !important; position: absolute; left: 200px; }
.file_block .m_file.getloading#m_attach_update_4 { left: 287px; }
.file_block .m_file.getloading .p_file { margin-top: 0; }

ol li { color: #000; }
.meetingblock #fully_list_all .buttons > a i { position: absolute; font-style: normal; color: #fff; background: #2980b9; line-height: 16px; height: 16px; width: 16px; border-radius: 50%; font-size: 10px; }
#text_33, #text_166, #text_167, #text_169, #text_170 { padding-left: 31px; }

#messages_ico { display: none !important; }

.hea { box-sizing: border-box; height: 96px; padding: 39px 0 0 65px; background: url('../images/work_img_hea_1.png') no-repeat 0 34px; }
.hea.tow { background: url('../images/work_img_hea_2.png') no-repeat 0 34px; }
.hea a { font-size: 35px; color: #1564a6; }
.block_tray { overflow: hidden; margin-right: -20px; }
.block_tray > div { position: relative; padding: 31px 29px; background: #f3f5f9; margin-right: 20px; width: calc(33.333% - 20px); float: left; box-sizing: border-box; }
.block_tray > div > p { font-size: 20px; color: #000; font-weight: 500; padding-bottom: 17px !important; }
.block_tray > div > .text_out { background: transparent; color: #000; font-size: 16px; }
.block_tray.fifty > div { width: calc(50% - 20px); }
.block_tray.fifty { padding-bottom: 95px; }


.filtautifxp { overflow: hidden; position: absolute; top:6px; right: 0; }
.filtautifxp a { float: left; margin-right: 10px; color: #0479af; border-radius: 4px; font-size: 14px; padding: 4px 8px; }
.filtautifxp a.active { background: #0479af; color: #fff; text-decoration: none; }


#content.loader { background: url('/images/loader.gif') no-repeat center; }
#content.loader #block_index { opacity: 0.2; }


select::-ms-expand { display: none; }

#adm_transfer_cancel { position: absolute; right: 0; top: -2px; font-size: 14px; line-height: 33px; }
#adm_transfer_cancel.hide { display: none; }

#adm_transfer_cancel span { font-weight: 500; color: #000; display: block; text-align: right; line-height: 18px; }
#adm_transfer_cancel em { font-style: normal; color: #999; display: block; text-align: right; line-height: 14px; }
#adm_transfer_cancel a { display: block; text-align: right; line-height: 14px; }



.form_out div textarea { box-sizing: border-box; }
.form_out div.qcb input[type=checkbox] { float: left; width: 13px; margin-right: 7px; margin-top: 8px; } 
.form_out div.qcb label { width: calc(100% - 20px); padding: 4px 0; margin: 0; }

.checkboxshower.hide { display: none !important; }

/*.datepicker_vista .header .titleText { opacity: 0; }*/
.new_filecontainer .article_finder { border: 1px solid #cbcbcb; padding: 25px; overflow: hidden; background: #fff; }
.new_filecontainer .article_finder div { overflow: hidden; border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; padding-bottom: 20px; }
.new_filecontainer .article_finder div:last-child { margin-bottom: 0; }
.new_filecontainer .article_finder div p { font-size: 17px; color: #1564a6; }
.new_filecontainer .article_finder div p a { color: inherit; text-decoration: none; }
.new_filecontainer .article_finder div p a:hover { text-decoration: underline; }
.new_filecontainer .article_finder div span { display: block; color: #333; font-size: 16px; }


.new_filecontainer { overflow: hidden; background: #f1f1f1; padding: 20px; margin: 0 40px 7px 0; }
.new_filecontainer .new_fblocks { border: 1px solid #cbcbcb; padding: 25px; overflow: hidden; background: #fff; }
.new_filecontainer .new_fblocks div { float: left; width: 50%; border-bottom: 1px solid #e2e2e2; box-sizing: border-box; padding: 0 0 20px 0; }
.new_filecontainer .new_fblocks div:nth-child(1), .new_filecontainer .new_fblocks div:nth-child(3), .new_filecontainer .new_fblocks div:nth-child(5) { border-right: 1px solid #e2e2e2; }
.new_filecontainer .new_fblocks div:nth-child(5), .new_filecontainer .new_fblocks div:nth-child(6) { border-bottom: 0; padding: 20px 0 0 0; }
.new_filecontainer .new_fblocks div:nth-child(3), .new_filecontainer .new_fblocks div:nth-child(4) { padding: 15px 0 20px; }
.new_filecontainer .new_fblocks div p { font-size: 28px; text-align: center; color: #333; }
.new_filecontainer .new_fblocks div span { font-size: 16px; text-align: center; display: block; color: #333; }
.new_filecontainer .new_fblocks div em { display: block; font-style: normal; font-size: 16px; color: #737f8f; text-align: center; padding: 0 15px; }
.new_filecontainer .new_fblocks div .redbutton { height: 40px; width: 280px; line-height: 40px; margin: 15px auto 10px; }
.new_filecontainer .new_fblocks div .redbutton strong { font-weight: 400; }
.new_filecontainer .new_fblocks div .redbutton b { position: absolute; background: #54b178; width: auto; height: auto; padding: 6px 8px; margin-top: 7px; line-height: 14px; color: #fff; font-weight: 500; font-size: 17px; border-radius: 50%; margin-left: 5px; }


.question_item .right .rdflink { overflow: hidden; padding: 10px 0; }
.question_item .right .rdflink a { text-decoration: none; display: inline-block; padding: 0; margin-top: 0; margin-left: 10px; color: #1564a6; font-size: 18px; border-bottom: 2px dotted #1564a6; line-height: 22px; }
.question_item .right .rdflink a:hover { border-bottom: 2px dotted transparent; }
.question_item .right .rdfstrong { font-weight:500; font-size: 18px; color: #888; display: block; margin-left: 10px; padding: 20px 0; }
.question_item .right .rdfph { margin-left: 10px; border-left: 3px solid #dd2828; background: none; padding-left: 32px; padding-top: 10px; padding-bottom: 10px; }

#notice_container.block { display: block; }
#notice_container.block.opacity { opacity: 1; transition: 0.3s; }
#notice_container { position: fixed; z-index: 3; overflow: hidden; bottom: 20px; right: 0; display: none; opacity: 0; transition: 0.3s; }
#notice_container .notice_block { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); border: 1px solid #ccc; width: 250px; margin: 30px 30px 10px; padding: 20px; overflow: hidden; }
#notice_container .notice_block div { float: left; padding-right: 10px; } 
#notice_container .notice_block div a { display: block; text-decoration: none; }
#notice_container .notice_block div p { font-size: 20px; font-weight: 500; color: #000; }
#notice_container .notice_block div span { display: block; font-size: 16px; color: #000;  }

#docs_new_container.loader { background: url('/images/loader.gif') no-repeat center; }
#docs_new_container .transfer { float: right; }

.doc_create .right #docs_catalog_descr.block { display: none; }

#content .main_h.main_docs_title { font-size: 45px; letter-spacing: 0.6px; margin-left: -2px; }
#if_use_search { display: none; }

#doc_create_full.doc_create.loader { background: url('/images/loader.gif') no-repeat center; min-height: 600px; }
#doc_create_full.doc_create.loader .right { display: none !important; }
#doc_create_full.doc_create.loader #doc_create { display: none !important; }

.datepicker_vista .time .ok {
    position: absolute;
    top: 65px;
    width: 136px;
    left: 15px;
    padding: 0;
    background: #dd2828;
    line-height: 26px;
    border-radius: 2px;
    font-size: 20px;
}
.add_q .form div input[type=text].date, .add_q .form div input[type=text].datentime { background: url('../images/calendar.png') #f5f5f7 no-repeat 95% center; cursor: pointer; }
.add_q .form #check_now_email_password { display: none; padding: 0; }
.add_q .form #check_now_email_password.show { display: block; }

.add_q .form .button_show_mem .hide { display: none; }



#content .services .list.newsizetextlist { overflow: hidden; text-align: center; font-size: 0; }
#content .services .list.newsizetextlist div { text-align: center; margin: 0 !important; width: 25%; display: inline-block; float: none; vertical-align: bottom; }
#content .services .list.newsizetextlist div span { height: 178px; display: block; background-image: url('../images/sprite_main_new_size08.png'); background-size: auto; }
#content .services .list.newsizetextlist div a { display: inline-block; width: 176px;/*216px;*/ }
#content .services .list.newsizetextlist div:nth-child(1) span { background-position: center 22px; }
#content .services .list.newsizetextlist div:nth-child(2) span { background-position: center -126px; }
#content .services .list.newsizetextlist div:nth-child(3) span { background-position: center -266px; }
#content .services .list.newsizetextlist div:nth-child(4) span { background-position: center -414px; }
#content .services .list.newsizetextlist div:nth-child(5) span { background-position: center -562px; }
#content .services .list.newsizetextlist div:nth-child(6) span { background-position: center -710px; }
#content .services .list.newsizetextlist div:nth-child(7) span { background-position: center -858px; }

#content .services .list.taftex.threequest div:nth-child(1) { display: none; }
#content .services .list.taftex.threequest div { width: 31.333% !important; position: relative; }
#content .services .list.taftex.threequest div a strong { display: none !important; /*inline;*/ position: absolute; right: 8px; top: 5px; background: #54b178; line-height: 1; color: #fff; padding: 2px 6px 3px; border-radius: 50%; font-weight: 400; margin-top: 1px; margin-left: 5px; }
#content .services .list.taftex.threequest div:hover a strong, #content .services .list.taftex.threequest div.active a strong { background: #fff; color: #dd2828; }


#content .services { overflow: hidden; }

#content .services h3, #content h3.ttfix {
    font-size: 36px;
    color: #000;
    text-align: center;
    padding: 20px 0 12px;
}

#text_149 { display: none; }


#content .services .list { overflow: hidden; width: 880px; margin: 0 auto; padding-bottom: 72px; }
#content .services .list.taftex { height: auto; margin-right: -2%; width: auto; padding: 33px 25px 50px; }
#content .services .list.taftex div { cursor: pointer; margin: 0 2% 0 0 !important; width: 22%; height: 70px; box-sizing: border-box; border: 2px solid #dd2828; color: #dd2828; overflow: hidden; border-radius: 3px; }
#content .services .list.taftex div span { float: left; width: 46px; height: 46px; background-size: cover; margin: 12px 0 0 6px; }
#content .services .list.taftex div a { float: none; display: block; margin-left: 50px; border: 0; border-radius: 0; line-height: 20px; padding-top: 14px; width: 120px; text-align: left; transition: 0s; font-size: 15px; }
#content .services .list.taftex div:hover, #content .services .list.taftex div.active { border-bottom: 2px solid #a32526; background: #dd2828; color: #fff; transition: 0s; }
#content .services .list.taftex div:hover span, #content .services .list.taftex div.active span { color: #fff; }
#content .services .list.taftex div:hover a, #content .services .list.taftex div.active a { background: transparent; color: #dd2828; color: #fff; border-bottom: 0; }

#content .services .list.taftex div:nth-child(2) { width: 21%; }
#content .services .list.taftex div:nth-child(4) { width: 27%; }

#content .services .list.taftex div:nth-child(1) span { background-position: 3px 0 !important; }
#content .services .list.taftex div:nth-child(2) span { background-position: 3px -53px !important; margin-right: 5px; }
#content .services .list.taftex div:nth-child(3) span { background-position: 3px -109px !important; }
#content .services .list.taftex div:nth-child(4) span { background-position: 3px -221px !important; margin-right: 5px; margin-left: 2px; }

#content .services .list > div { /*overflow: hidden;*/  float: left;  width: 216px; margin: 0 76px 18px 0; }
#content .services .list > div:nth-child(1), #content .services .list > div:nth-child(4) { margin-left: 38px; }
#content .services .list > div:nth-child(3n+3) { margin-right: 0; }

#content .services .list > div span { display: block; height: 111px; background: url('../images/main_sprite.png') no-repeat; background-size: 90px; }
#content .services .list > div a { transition: 0.3s; box-sizing: border-box; display: block; border: 2px solid #dd2828; color: #dd2828; height: 50px; line-height: 46px; text-align: center; font-size: 17px; text-decoration: none; border-radius: 3px; }
#content .services .list > div a:hover { background: #dd2828; border-bottom: 2px solid #a32526; color: #fff; }
#content .services .list > div > div { overflow: hidden; height: 58px; margin-right: -20px; }
#content .services .list > div:nth-child(1) span { background-position: 61px 12px; }
#content .services .list > div:nth-child(2) span { background-position: 62px -94px; }
#content .services .list > div:nth-child(3) span { background-position: 62px -204px; }
#content .services .list > div:nth-child(4) span { background-position: 52px -310px; }
#content .services .list > div:nth-child(5) span { background-position: 54px -422px; }
#content .services .list > div:nth-child(6) span { background-position: 61px -529px; }
#content .services .list > div:nth-child(6) a { line-height: 20px; padding: 3px 10px; }

#content .services .list > div > div strong { float: left; font-size: 46px; line-height: 46px; font-weight: 900; color: #abb7d1; margin-top: 15px; }
#content .services .list > div > div em { font-style: normal; color: #000; margin: 22px 0 0 15px; float: left; max-width: 80px; }

#content .create_documents { overflow: hidden; background: url('../images/bg2.jpg') no-repeat center; background-size: cover; position: relative; padding-bottom: 50px; }
#content .create_documents .container { position: static; }
#content .create_documents .right { float: right; width: 310px; position: relative; }
#content .create_documents .right { display: none; /*НЕОБХОДИМОСТЬ*/ }
#content .create_documents .right .opacity { position: absolute; top: 0; right: -1000%; bottom: -1000%; left: 0; background: rgba(32, 44, 60, 0.8); }
#content .create_documents .right > h3 {
    text-align: left;
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 30px;
    line-height: 38px;
    padding: 30px 0 23px 49px;
}

#content .main_h { font-size: 42px; padding-left: 16px; color: #000; font-weight: 400; }
#content .main_h.main_h-nowrap { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }



#kroxi { overflow: hidden; padding: 5px 0 27px 32px; border-radius: 18px; }
#kroxi a { float: left; color: /*#1564a6;*/#2277ae; text-decoration: underline; font-size: 14px; min-height: 22px; }
#kroxi a:hover { text-decoration: none; }
#kroxi a.def { cursor: default; color: #000; text-decoration: none; }
#kroxi a.def:hover { text-decoration: none; }
#kroxi span { float: left; margin: 0 10px; min-height: 22px; }

.scbutton { overflow: hidden; }
.scbutton a { float: left; color: #1564a6; font-size: 19px; text-decoration: none; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 3px; margin-top: 21px; }
.scbutton a.active { background: #6a7788; color: #fff; }

.scblock > div { display: none; }
.scblock > div .noinfo { padding: 40px 0; font-size: 18px; color: #000; }

.scblock > div.active { display: block; }


.anounce_list { overflow: hidden; }
.anounce_list div { overflow: hidden; padding-bottom: 27px; }
.anounce_list div p { overflow: hidden; }
.anounce_list div p em { float: left; background: #868ea1; font-style: normal; font-size: 16px; line-height: 21px; padding: 0 7px; color: #fff; }
.anounce_list div p span { float: left; color: #000; font-size: 16px; line-height: 21px; padding: 0 16px; }
.anounce_list div p strong { float: left; color: #000; font-size: 16px; line-height: 21px; padding-left: 9px; font-weight: 500; }
.anounce_list div a { font-size: 20px; color: #1564a6; text-decoration: none; }
.anounce_list div a:hover { text-decoration: underline; }

.max_width { max-width: 1000px; }

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




input[type=submit].redbutton, a.redbutton { transition: 0.3s; background: #fff; font-size: 18px; text-align: center; width: 252px; height: 53px; border-radius: 3px; border: 2px solid #dd2828; color: #dd2828; display: block; margin: 0 auto; }
input[type=submit].redbutton:hover, a.redbutton:hover { transition: 0.3s; background: #dd2828; border-bottom: 2px solid #a32526; color: #fff; }

.catalog_case_work div a.redbutton.active { transition: 0.3s; background: #dd2828; border-bottom: 2px solid #a32526; color: #fff; }

.redbutton { line-height: 53px; text-decoration: none; }

.add_q .form .button_sender { background: #fff; padding: 0; overflow: hidden; padding-top: 16px; }
.add_q .form .button_sender input[type=submit] { float: left; }
.add_q .form .button_sender p { padding-top: 8px; width: auto; float: none; margin-left: 250px; font-size: 16px; padding-left: 23px; box-sizing: border-box; }
.add_q .form .button_sender p a { font-size: 16px; color: #1564a6; text-decoration: none; }
.add_q .form .button_sender p a:hover { text-decoration: underline; }


#content .questions_main .add_q_change { font-size: 16px; color: #000; line-height: 19px; padding-bottom: 0; }
#content .questions_main .list.add_q_change { width: auto; }

.min_h { padding: 33px 0 30px !important; overflow: hidden; font-size: 30px; line-height: 30px; font-weight: 500; color: #000; }

.min_h_s { font-size: 30px; color: #000; font-weight: 400; }


.crowddemobg .showagain { font-size: 10px; color: #4b5b69; }



#q_begin { cursor: pointer; font-size: 18px; z-index: 10; position: fixed; 
    right: -230px; top:50px; background-color: #d7c718; width: 260px; height: 220px; 
    border-radius: 3px 3px 0px 0px; }

#q_begin div { position: relative; }

#q_begin:hover { opacity: 0.9; }


#q_begin h3 { width: 190px; padding-top: 6px; width: 181px; background-color: #d7c718; z-index: 30; 

    position: absolute; color: #fff; left: -72px; top: 72px;
    text-transform:uppercase; font-size: 17px;

  
  -webkit-transform: rotate(-90deg); /* не забываем префиксные свойства */
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);


}



#q_begin p { text-transform:uppercase; line-height: 1; padding-left: 50px; color: #fff; 
     padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #fff; font-size: 14px; }


#q_begin p:hover { cursor: pointer; background-color: #bdae0a; }

#wrap { margin: 0; padding: 0; width:100%; min-height:100%; height:auto; min-width: 1000px; }


.close_form { position: absolute; top:12px; right:12px; width: 31px; height: 31px; 
    background-color: #ccc; cursor: pointer; background: url('../images/sprite.png') no-repeat 0px -1380px; }

.close_form:hover { opacity: 0.9; }


.container { position: relative; width: auto; min-width: 1000px; max-width: 1380px; padding: 0 40px; box-sizing: border-box; margin:0 auto; }

#left { width: 280px; float: left; text-align: left; position: relative; min-height: 600px; }
#right { width: 240px; float: right; text-align: left; position: relative; min-height: 600px; }

#content { margin-left: 320px; margin-right: 270px; }
#block_index { position:relative; overflow: hidden; min-height: 600px; }

#loader_page_cd.loader { height: 100%; background: url('/images/loader.gif') no-repeat center; min-height: 500px; }
#loader_page_cd.loader div { display: none !important; }
#loader_page_cd.loader h1 { display: none !important; }

.text_out, .article_item { border: 0px solid #ccc; background-color: #fff; padding: 0; border-radius: 0; }

.clear { clear:both; }


/* Постраничник */
#site_pagenator { float: right; overflow: hidden; }

#site_pagenator .p_item { color: #fff; display: inline-block; border-radius:18px; margin:3px; padding-top: 9px; text-decoration: none; }
#site_pagenator .p_item { text-align: center; width: 36px; height: 28px; background-color:#02407b; }
#site_pagenator .current { color:#fff; background-color:#3399cc; text-decoration: none; }

#site_pagenator .p_item:hover { opacity: 0.9; }
#site_pagenator .current:hover { opacity: 0.9; }


#site_pagenator .site_pege_next { padding-left:26px; }
#site_pagenator .site_pege_back { padding-right:26px; }

/* Навигация админки */
#site_text_page { position: absolute; top:0px; right:0px; 
	z-index:17px; background-color: #ffffff; padding: 4px; 
	border:1px solid #cccccc; border-radius: 8px; width: 130px; padding-left: 14px; }

#index_text_page { position: relative; }
#index_text_page #site_text_page { top:-45px; }


/* Панелька управления */
.actions_panel { background-color: #85bc39; color:#fff; border-radius: 4px; position: absolute; top:0; right:0; padding: 4px; padding-left: 8px; padding-right: 8px; z-index: 2;}
.actions_panel a { padding-left: 4px; padding-right: 4px; color:#fff; text-decoration: none; }
.actions_panel a:hover { background-color:#246c0b; }

/* Хак для админки */
#out_center .actions_panel { top:20px; right:20px; }

.panel_el { display: block !important; }
.panel_el .vd { display: none; }
.panel_el a { font-size: 13px; line-height: 1.2; }

.autorize_form { width: 640px !important; min-height: 200px; }
.autorize_form .form_out div input[type=text], .autorize_form .form_out div input[type=date], .autorize_form .form_out div select { width: 96%; }

.autorize_form label, .autorize_form p { font-weight: 400; }
 

#forget_form { height: 140px !important; }

.nttextf { overflow: hidden; padding-bottom: 10px; }
.nttextf img { border-radius: 50%; }
.nttextf p { color: #000; font-size: 14px; }
.nttextf p a { color: #1564a6; }
.editedmy .content_me .def_ctr .def_main .nbuttons.text_big div.file_block a { font-size: 20px !important; line-height: 16px; }


.ur_left a { text-decoration: none; }

.ur_left { overflow: hidden; margin-top: 14px; margin-bottom: 14px; }
.ur_left img { display: block; float: left; width: 90px; height: 90px; border-radius: 45px; }
.ur_left h3 { font-size: 17px; line-height: 1.2; font-weight: 500; }
.ur_left h3, .ur_left p { margin-left: 100px; }

.ur_left p { color: #666; font-size: 13px; }

.ur_left h3:hover { text-decoration: underline; }

.h3 { font-size: 21px; margin-bottom: 20px; }



#ur_right { margin-top: 20px; border: 1px solid #ccc; background-color: #f2f2f2; padding: 14px; border-radius: 10px; margin-bottom: 20px; }
#ur_right a { color: #1669ab; display: block; margin-bottom: 7px; text-decoration: none; }
#ur_right a:hover { text-decoration: underline; }

#button_block { position: relative; }
.button_cons { cursor: pointer; font-size: 19px; line-height: 1; padding: 0 !important; margin: 0 !important; background-color: #ef9e29; color: #fff; width: 280px; height: 44px; border: 1px solid #ccc; border-radius: 10px;
box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .35); }

.button_info { width: 32px; height: 32px; margin: 0 !important; padding: 0 !important; line-height: 32px; border-radius: 16px; 
  text-align: center; background-color: #c2c2c2; color: #fff; font-weight: bold; font-size: 18px; 
  position: absolute; left: 300px; top:5px; }

.button_cons:hover { background-color: #d48410; }


.item_short { font-size: 13px; color: #666; margin-bottom: 20px; }
.item_full { margin-bottom: 20px; }
.item_edu { margin-top: 20px; }


#item_left_block { padding: 14px; padding-top: 0; }

#item_left_block button { cursor: pointer; font-size: 17px; line-height: 1; padding: 0 !important; 
  margin: 0 !important; background-color: #339900; color: #fff; width: 252px; height: 44px; border: 1px solid #ccc; border-radius: 10px;
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .35); }


#item_left_block .ul a { display: block; padding-bottom: 4px; color: #1668aa; text-decoration: none; }
#item_left_block .ul a:hover { text-decoration: underline; }

#item_left_block .spec { font-size: 18px; }
#item_left_block .edit_el { padding:0; margin: 0; text-align: right; }




#otziv_index { border: 1px solid #ccc; background-color: #f2f2f2; padding: 20px; border-radius: 10px; }
#otziv_index p { font-style: italic; font-size: 14px; }
#otziv_index span {  color: #1669ab; font-size: 13px; }

#template_block { border: 1px solid #ccc; background-color: #f2f2f2; padding: 14px; border-radius: 10px; }

/*
.right { text-align: right; }
*/

#second #content { margin-left: 0px;  }



.taou { overflow: hidden; }
.taou input[type=radio] { width: auto !important; margin: 2px 6px 0 0; float: left; }
.taou p { float: left; }

.loader_msg { height: 432px; background-image: url('/images/loader.gif'); background-repeat: no-repeat; background-position: center; }

.response_err_question { color: red; display: block; border: 1px solid red; padding: 5px; font-weight: normal; margin: 10px 0 20px; }

.get_paid_question { margin: 10px 0 20px; overflow: hidden; padding: 8px 10px; border: 1px solid #bbb; }
.get_paid_question a { display: block; background: orange; color: #fff; padding: 5px 0; width: 80px; text-align: center; text-decoration: none; transition: 0.3s; }
.get_paid_question a:hover { background: rgba(255, 165, 0, 0.8); transition: 0.3s; }

#password_checker { margin-top: -20px; }

.new_notice { position: absolute; width: 20px; height: 20px; line-height: 20px; background: red; text-align: center; color: #fff; border-radius: 100%; font-size: 12px; top: 8px; cursor: pointer; left: -8px; }

.attach_doc2doc { overflow: hidden; }
.attach_doc2doc div { overflow: hidden; padding-bottom: 5px; }
.attach_doc2doc div input[type=checkbox] { float: left; margin-top: 2px; }
.attach_doc2doc div label { float: left; margin-left: 3px; }
.attach_doc2doc div input[type=submit] { margin-top: 15px; position: static !important; width: 200px; }


#job_order { overflow: hidden; padding: 30px 0; }
#job_order .form_out div input[type=text], #job_order .form_out div textarea { width: 100%; box-sizing: border-box; resize: none; margin: 0; border: 1px solid #ccc; }
#job_order .form_out input[type=submit] { background: orange; border-radius: 6px; }


#consultation_end { display: none; float: left; margin-left: 10px; background: green; color: #fff; text-decoration: none; padding: 0 10px; font-size: 16px; height: 34px; line-height: 34px; }
#consultation_end.active { display: block; }

.form_out .anybuttons #set_cln.hide { display: none; }


#panel_begin #small_panel.webinar_form { height: 150px; }
#panel_begin #small_panel.webinar_form input[type=submit] { bottom: 35px; right:30px; }
#panel_begin #small_panel.webinar_form  .form_out div input[type=text] { width: 100%; margin: 0; }


.all_lawyers { overflow: hidden; }

.faq_menu_list { overflow: hidden; }
.faq_menu_list div { min-height: 31px; line-height: 31px; }
.faq_menu_list div a { color: #1564a6; font-weight: 500; text-decoration: none; }
.faq_menu_list div a:hover { text-decoration: underline; }
.faq_menu_list div div { padding-left: 30px; background: url('../images/faq_menu_adm_nav.png') no-repeat 5px 0; }
.faq_menu_list div div a { font-weight: 400; }

.faq_site { overflow: hidden; padding-bottom: 90px; }

.faq_site .right { float: right; width: 350px; }
.faq_site .right input[type=text], .faq_site .right textarea { transition: 0.3s; width: 79%; box-sizing: border-box; float: left; margin: 0; padding: 0 16px !important; font-size: 18px; height: 46px; border-radius: 5px; background: #f7f7f8; border: 0; box-shadow: inset 0 2px 10px -6px #bbb; font-size: 14px; padding-left: 27px; color: #7d7d7d; border: #dbdbe1 solid 1px; }
.faq_site .right textarea { height: 150px; padding-top: 10px !important; }

.faq_site .right .robby { margin-left: 20px; border: 1px solid #4e6ab2; padding: 20px 30px; }
.faq_site .right .robby p { font-size: 18px; color: #000; font-weight: 500; padding-bottom: 3px !important; }
.faq_site .right .robby span { display: block; font-size: 18px; color: #000; padding-bottom: 10px; }

.career_list:hover { border-color: #a9b2b4; }
.career_list { cursor: pointer; margin-left: 34px; background: #f5f5f5; border: 2px solid transparent; color: #000; display: block; margin-bottom: 30px; padding: 20px 40px 20px 73px; position: relative; }
.career_list em { position: absolute; left: 29px; width: 27px; height: 27px; background: url('../images/fa_contact.svg') no-repeat; background-size: contain; top: 50%; margin-top: -13px; }
.career_list a { color: inherit; text-decoration: none; display: block; }
.career_list i { position: absolute; top: 21px; right: 24px; }

.faq_site .main { margin-right: 420px; border-top: 1px solid #e6e6e6; margin-top: 16px; }
.faq_site .main div { height: 62px;  padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #e6e6e6; }
.faq_site .main div.active { transition: 0.3s; }
.faq_site .main div a { background: #fff url('../images/header_menu_nav.png') no-repeat right 15px center; /*ftl_stl*/ padding-left: 10px; display: block; overflow: hidden; height: 72px; line-height: 72px; font-size: 18px; color: #000; text-decoration: none; }
.faq_site .main div div a { height: 28px; line-height: 38px; color: #4c5c6b; background: none; font-size: 17px; }
.faq_site .main div div { height: 28px; border-bottom: none; }
.faq_site .main div div div { border-bottom: none; }
.faq_site .main div p { border-bottom: none; height: auto; padding: 10px 10px 15px !important; font-size: 16px; color: #000; }


* { margin: 0; padding: 0; }
body { }
.container { max-width: 1240px; padding: 0; margin: 0 auto; }


.redbuttonnew {
    opacity: 1;
    transition: 0.3s;
    border: 0;
    background: #db3a5b !important;
    height: 45px !important;
    line-height: 45px !important;
    border-radius: 21px;
    color: #fff !important;
    text-decoration: none;
    box-shadow: 0 0 11px #db3a5b7a;
    margin: 0 auto;
    display: block;
    width: 180px;
    text-align: center;
    margin-top: 48px;
}



.redbuttonnew:hover { opacity: 0.8; transition: 0.3s; }


.redbuttonnew.icowrite { padding-right: 58px; background: url('../images/redbuttonnew_icowrite.png') #db3a5b no-repeat center right 27px !important; }
.redbuttonnew.icofly { padding-right: 58px; background: url('../images/redbuttonnew_icofly.png') #db3a5b no-repeat center right 27px !important; }
.redbuttonnew.icocrowd { background: url('../images/redbuttonnew_crowd.png') #db3a5b no-repeat center right 27px !important; }
.redbuttonnew.grayt { background: #ccc !important; box-shadow: 0 0 11px #828282; margin-left: 4px; margin-right: 24px; }
.redbuttonnew.tafif { margin-left: 10px; margin-right: 24px; }


.mainform { position: relative; width: 910px; margin: 0 auto; padding: 35px 0; }
.mainform input[type=text] { background: #f5f6f8; height: 46px; border: 0; margin: 0; padding: 0 28px; box-sizing: border-box; width: 100%; border-radius: 21px; box-shadow: inset 0 0 20px 0px #dedede; }
.mainform input[type=submit] { position: absolute; right: -1px; top: 35px; font-size: 15px; cursor: pointer; }
.mainform span { top: 50px; left: 28px; position: absolute; font-size: 14px; color: #989898; }
.mainform span.hide { display: none; }
.mainform span strong { font-weight: 400; color: #414141; }
.mainform .arrowdown { background: url('../images/mainform_nav.png'); width: 29px; height: 32px; position: absolute; bottom: 12px; left: 30px; }





.slidermain { position: relative; padding-bottom: 48px; min-height: 650px; } 
.slidermain .image { z-index: 0; opacity: 0; transition: 0.5s; /*0.3s;*/ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center 38%; /*60%;*/ background-repeat: no-repeat; }
.slidermain .image.active { opacity: 1; transition: 0.5s; /*0.3s;*/ }
.slidermain .transparent { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(-90deg, #2f3133 0%, #12263a 100%); opacity: 0.75; }
.slidermain .container { position: relative; z-index: 2; height: 100%; }
.slidermain .texts { padding: 120px 0 0 0; /*235px 0 0 0;*/ }
.slidermain .texts .text1 { font-size: 110px; line-height: 110px; color: #fff; text-align: center; }
/*.slidermain .texts .text2 { font-size: 72px; line-height: 36px; font-family: robotolight; color: #fff; text-align: center; }*/
.slidermain .texts .text2 { font-size: 36px; line-height: 1.2; color: #fff; text-align: center; }
.slidermain .texts .text3 { font-size: 24px; color: #fff; text-align: center; padding: 32px 0 0 0; }
.slidermain .gobutton { text-align: center; padding: 46px 0; }
.slidermain .radiobuttons { overflow: hidden; position: absolute; text-align: center; left: 0; right: 0; bottom: 39px; height: 15px; }
.slidermain .radiobuttons a { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #a99d9d; margin: 0 8px 0 0; }
.slidermain .radiobuttons a.active { background: #fff; }
.slidermain .radiobuttons a:last-child { margin: 0; }
.slidermain .leftslider { display: none; left: 70px; top: 50%; margin: -13px 0 0; z-index: 3; opacity: 1; position: absolute; width: 29px; height: 54px; background: url('../images/leftslider.png') no-repeat 0 0; }
.slidermain .leftslider:hover { opacity: 0.8; }
.slidermain .rightslider { display: none; right: 70px; top: 50%; margin: -13px 0 0; z-index: 3; opacity: 1; position: absolute; width: 29px; height: 54px; background: url('../images/rightslider.png') no-repeat 0 0; }
.slidermain .rightslider:hover { opacity: 0.8; }

.servicesforus { min-height: 744px; }
.servicesforus .headtext { padding: 66px 0 0 0; }
.servicesforus .blockcontent { overflow: hidden; margin-left: -10px; padding-left: 10px; }
.servicesforus .blockcontent div { cursor: pointer; float: left; width: 33.333%; height: 200px; padding: 56px 0 0 0; }
.servicesforus .blockcontent div em { box-shadow: 0 0 20px transparent; transition: 0.3s; display: block; height: 118px; width: 118px; border-radius: 50%; }
.servicesforus .blockcontent div strong { text-decoration: none; color: #000; display: block; font-weight: 400; font-size: 30px; padding: 0 0 9px 82px; margin: -20px 0 0 0; }
.servicesforus .blockcontent div p { color: #000; font-size: 14px; padding: 0 0 0 82px; }
.servicesforus .blockcontent div:hover strong { text-decoration: none; }
.servicesforus .blockcontent div:hover em { box-shadow: 0 0 20px #c7c7c7; transition: 0.3s; }
.servicesforus .blockcontent div:nth-child(1) em { background: url('../images/sf_3.png') no-repeat 9px 18px; }
.servicesforus .blockcontent div:nth-child(2) em { background: url('../images/sf_2.png') no-repeat 18px 2px; }
.servicesforus .blockcontent div:nth-child(3) em { background: url('../images/sf_1.png') no-repeat 20px 13px; }
.servicesforus .blockcontent div:nth-child(4) em { background: url('../images/sf_4.png') no-repeat 5px 18px; }
.servicesforus .blockcontent div:nth-child(5) em { background: url('../images/sf_5.png') no-repeat 27px 22px; }
.servicesforus .blockcontent div:nth-child(6) em { background: url('../images/sf_6.png') no-repeat -44px 9px; }

.servicesforus .blockcontent div:nth-child(4), .servicesforus .blockcontent div:nth-child(5), .servicesforus .blockcontent div:nth-child(6) { padding: 29px 0 0 0; }

.servicesforus.firstupdateservice { min-height: 500px; }
.servicesforus.firstupdateservice .blockcontent div { width: 25%; padding-top: 56px; height: auto; }
.servicesforus.firstupdateservice .blockcontent div:nth-child(1) em { background: url('../images/sf_1.png') no-repeat 20px 13px; }
.servicesforus.firstupdateservice .blockcontent div:nth-child(2) em { background: url('../images/sf_5.png') no-repeat 27px 22px; }
.servicesforus.firstupdateservice .blockcontent div:nth-child(3) em { background: url('../images/sf_6.png') no-repeat -44px 9px; }
.servicesforus.firstupdateservice .blockcontent div:nth-child(4) em { background: url('../images/sf_4.png') no-repeat 5px 18px; }



.servicesforus.secondupdateservice .blockcontent div { height: 220px; cursor: default; }
.servicesforus.secondupdateservice .blockcontent div strong { text-decoration: none; }
.servicesforus.secondupdateservice .blockcontent div:hover em { box-shadow: none; }

.servicesforus.secondupdateservice .blockcontent div:nth-child(1) em { background: url('../images/sf_5.png') no-repeat 27px 22px; }
.servicesforus.secondupdateservice .blockcontent div:nth-child(2) em { background: url('../images/sf_2.png') no-repeat -6px 13px; border-radius: 0; }
.servicesforus.secondupdateservice .blockcontent div:nth-child(3) em { background: url('../images/sf_4.png') no-repeat 5px 18px; }
.servicesforus.secondupdateservice .blockcontent div:nth-child(4) em { background: url('../images/sf_3.png') no-repeat 9px 18px; }
.servicesforus.secondupdateservice .blockcontent div:nth-child(5) em { background: url('../images/sf_6.png') no-repeat -44px 9px; }
.servicesforus.secondupdateservice .blockcontent { padding-bottom: 98px; }



.crowdfunding { min-height: 526px; background: url('../images/cf_bg.jpg') no-repeat center bottom 20%; background-size: cover; position: relative; }
.crowdfunding .transparent { z-index: 1; background-image: linear-gradient(-90deg, #0f1f27 0%, #1f3943 48%, #2b5363 100%); opacity: 0.9; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.crowdfunding .container { position: relative; z-index: 2; }
.crowdfunding .container .headtext { color: #fff; }
.crowdfunding .container .subtext { color: #fff; }
.crowdfunding .blockcontent { overflow: hidden; margin-left: -10px; padding-left: 10px; padding-bottom: 50px; }
.crowdfunding .blockcontent div { cursor: default; float: left; width: 33.333%; height: auto; padding: 56px 0 0 0; }
.crowdfunding .blockcontent div em { box-shadow: 0 0 20px transparent; transition: 0.3s; display: block; height: 118px; width: 118px; border-radius: 50%; }
.crowdfunding .blockcontent div strong { display: block; font-weight: 400; font-size: 30px; padding: 0 0 9px 82px; margin: -20px 0 0 0; color: #fff; }
.crowdfunding .blockcontent div p { font-size: 14px; padding: 0 0 0 82px; color: #fff; }
.crowdfunding .blockcontent div:nth-child(1) em { background: url('../images/cf_1.png') no-repeat center; }
.crowdfunding .blockcontent div:nth-child(2) em { background: url('../images/cf_2.png') no-repeat center; }
.crowdfunding .blockcontent div:nth-child(3) em { background: url('../images/cf_3.png') no-repeat center; }

.headtext { font-size: 48px; text-align: center; padding: 42px 0 0 0; }
.subtext { font-size: 24px; text-align: center; padding: 20px 0 0 0; }




.bbuto .redbuttonnew { height: 40px !important; line-height: 40px !important; }





.lawyerleftslide { cursor: pointer; opacity: 1; transition: 0.3s; filter: invert(100%); position: absolute; left: -50px; background: url('../images/leftslider.png') no-repeat center; width: 50px; height: 380px; }
.lawyerleftslide:hover { opacity: 0.7; transition: 0.3s; }
.lawyerrightslide { cursor: pointer; opacity: 1; transition: 0.3s; filter: invert(100%); position: absolute; right: -50px; background: url('../images/rightslider.png') no-repeat center; width: 50px; height: 380px; }
.lawyerrightslide:hover { opacity: 0.7; transition: 0.3s; }
.lawyerleftslide.hide, .lawyerrightslide.hide { opacity: 0.2; cursor: default; transition: 0.3s; }


.faqtx { padding: 32px; box-shadow: 0 0 20px #cecece; border-radius: 18px; margin-bottom: 40px; background: #fff; }


.crowddemobg .notice_maiter.hide { display: none; }
.crowddemobg .notice_maiter { box-shadow: 2px 1px 5px 1px #d4d4d4; }
.crowddemobg .notice_maiter a { position: absolute; top: 16px; right: 20px; font-size: 10px; color: #4b5b69; }


.changer .offstyle.fireblcff a:hover { text-decoration: underline; }
.changer .offstyle.fireblcff a { height: auto; margin-bottom: 10px; }


form.miniform {
    position: relative;
    position: relative;
    padding: 0;
    margin: 0;
    width: 440px;
    position: absolute;
    right: 0;
    top: 70px;
}



#getvideofullblock .cross { cursor: pointer; font-size: 55px; line-height: 55px; color: #fff; text-shadow: 0 0 6px #000; right: 26px; top: 67px; position: absolute; z-index: 4; }
#getvideofullblock { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; transition: 0.3s; opacity: 0; overflow: hidden; }
#getvideofullblock.show { transition: 0.3s; opacity: 1; background: #000; z-index: 4; }
#getvideofullblock video { height: 100%; width: auto; display: block; margin: 0 auto; }



.bigredbuttonxb { font-size: 13px; color: #fff; width: 35px; height: 35px; text-align: center; line-height: 35px; font-family: robotobold; border-radius: 50%; position: fixed; z-index: 101; top: 310px; right: 15px; background: red; }
.calxtt { padding-left: 37px; height: 24px; line-height: 28px; color: #62707d;  position: absolute; right: 15px; top: 78px; }


.green_access { background: #09bc6d; position: fixed; top: 0; left: 0; right: 0; z-index: 1; height: 26px; color: #fff; text-align: center; line-height: 26px; }
.scroll .green_access { top: 71px; z-index: 0; }
.green_access a { color: #000; }


.paymentsysteminfo { position: static; width: auto !important; padding: 0 !important; float: none !important; }
.paymentsysteminfo a { display: inline !important; margin: 0 !important; }
.paymentsysteminfo img { margin-right: 10px; }


.filesizetexter { position: absolute; top: 0; left: 0; font-size: 8px; color: #fff; line-height: 12px; height: 12px; padding: 0 2px; background: #2980b9; }



#fla_c_7 #attach_update_3 { display: none; } 
#fla_c_5 #attach_update_2 { display: none; } 
#fla_c_4 #attach_update_4 { display: none; }



#urist360 { background: #ccc url('../images/urist360.png') no-repeat; width: 95px; height: 25px; position: absolute; left: 0; top:185px; }


#q_begin { display: none; }



.footer {
    background: #151e27;
    height: 355px;
}


.footer .container {
    overflow: hidden;
}

.footer .container div {
    float: left;
    width: 25%;
    padding: 93px 0 0 0;
}


.footer .container div a { display: block; color: #808080; text-decoration: none; margin-bottom: 12px; font-weight: 400; }
.footer .container div a:hover { color: #fff; }







.footerlast {
    background: #0f161e;
    overflow: hidden;
}


.footerlast .container .copy {
    float: right;
    width: 25%;
    margin: 0;
    line-height: 88px;
    color: #808080;
    font-size: 14px;
}



#index_block { overflow: hidden; margin-top: 64px; margin-right: -64px; margin-bottom: 96px; }
#index_block div { float: left; width: 33.3333%; position: relative; }


#index_block div h3 {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 30px;
    margin-right: 64px;
    margin-top: 130px;
    font-weight: 300; 

}



#index_block div p { margin-right: 64px; line-height: 1.4; }




#index_block div span {

    position: absolute; left: 0; top: 0;
    box-shadow: 0 0 20px transparent;
    transition: 0.3s;
    display: block;
    height: 118px;
    width: 118px;
    border-radius: 50%;
    /* background: #ccc url('../images/sf_3.png') no-repeat 5px 20px; */
    background: url('../images/sf_4.png') no-repeat 2px 20px;
    /* background: #ccc url('../images/sf_6.png') no-repeat -45px 10px; */
}


#index_block div .img1 { background: url('../images/sf_3.png') no-repeat 5px 20px !important; }
#index_block div .img3 { background: url('../images/sf_6.png') no-repeat -45px 10px !important; }


.faq_site .main { margin-right: 0; }
.faq_site .right { display: none; }



.lk.catalog_item_lk .right.center { display: none; }

.master_card {
    margin-top: 10px;
    display: block;
    position: absolute;
    left: 80px;
    top: 114px;
}



#cmenu_ico { display: none; width: 44px; height: 44px; background: url('../images/hamburger-white.svg') no-repeat; 
background-size: 100% !important; position: absolute; left: 10px; top:4px; z-index: 10; }

.cmenu_ico_close { display: block; width: 44px; height: 44px; background: url('../images/menu_close.png') no-repeat !important; }



#cmenu2 { position: absolute; right: 170px; top: 16px; z-index: 9; /* background: rgba(32,43,59, 1); */ }

#cmenu2 > ul {
    margin-top: 10px;
    float: left;
    margin-right: 36px;
    position: relative;
    display: block;
    /*
    padding-left: 20px;
    background: url('../images/header_menu_nav.png') no-repeat 0 4px; 
*/
}


#cmenu2 > ul li a { padding-left: 20px; background: url('../images/header_menu_nav.png') no-repeat 0 4px; }

#cmenu2 > ul li li a { padding-left: 0; background: none; }
#buter li a { padding-left: 0 !important; background: none !important; display: block; }

#cmenu2  ul ul {
    background: #f2f2f2;
    padding: 16px;
    display: none;
    margin-top: 10px;
    border-radius: 10px;
    margin-right: -150px;
    box-shadow: 0 0 7px rgba(0,0,0,0.3);


/*
    position: absolute;
    left: 0;
    top: 40px;
*/

}


#cmenu2  ul:hover ul {
    display: block !important;
}





#cmenu2 ul li { list-style-type: none; background: none; padding-left: 0; }


#cmenu2 > ul > li > a {
    color: #a9b2b4;
    text-decoration: none;
    font-weight: 400;
}


#cmenu2 > ul > li > a:hover { color: #fff; }


#cmenu2 ul li li a {
    color: #000 !important;
    text-decoration: none;
    line-height: 2;
    font-weight: 400;
}

#cmenu2 ul li li a:hover { color: #ed122b !important; }
    





#cmenu2 em {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #f2f2f2;
    margin: -21px 0 0 0;
    transform: rotate(45deg);
    top:43px;
    left: 40px;
}





#cmenu2 #buter { margin-left: 24px; display: block; padding-left: 0; background: url('../images/hamburger-white.svg') no-repeat !important; background-size: 100% !important; width: 17px; height: 17px; }

#cmenu2 #buter ul { margin-left: -20px; }
#cmenu2 #buter ul em { left: 3px !important; }


/*
.crowdfunding .container { margin-top: 100px; }
*/

.crowdfunding h1 { padding-top: 200px; color: #fff; font-size: 48px; text-align: center; font-weight: 500; }
.crowdfunding p { font-size: 28px; text-align: center; line-height: 32px; color: #fff; }

.crowdfunding ul li { float: left; width: 40%; margin-right: 5%; color: #fff; font-size: 18px; }



#content { margin-top: 100px; }
.main #content { margin-left: 0; margin-right: 0; }


#content {
 margin-left: 0;
 margin-right: 0;
}



.slidermain h1 {
    font-size: 64px;
    line-height: 72px;
    color: #fff;
    text-align: center;
    padding-bottom: 36px;
    padding-top: 210px;
    font-weight: 600;
}



.slidermain p {
    font-size: 36px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}


.slidermain ul { overflow: hidden; }

.slidermain ul li {
    font-size: 20px;
    line-height: 1.4;
    color: #fff;
    float: left;
    width: 40%;
    margin-right: 5%;
    background: none;
    
}


.slidermain span {
    font-size: 26px;
    line-height: 1.8;
    color: #fff;
    display: block;
}




.block_content1 h2, .block_content2 h2, .block_content3 h2, .block_content4 h2 { font-size: 48px; text-align: center; margin-bottom: 32px; font-weight: 300; }


.block_content1 { overflow: hidden; margin-top: 48px; margin-bottom: 64px; }
.block_content1 p { float: left; width: 22%; margin-right: 3%; margin-bottom: 16px; line-height: 1.4; }



.block_content2 { overflow: hidden; margin-top: 48px; min-height: 0; padding-bottom: 64px; }
.block_content2 h2 { color: #fff; padding-top: 64px; }
.block_content2 p { float: left; width: 23%; margin-right: 2%; box-sizing: border-box; height: 84px; margin-bottom: 32px; font-size: 18px; text-align: left; line-height: 1.3; }


.block_content3 { overflow: hidden; margin-top: 48px; }
.block_content3 h2 { color: #fff; padding-top: 64px; }
.block_content3 div div { float: left; width: 23%; margin-right: 2%; box-sizing: border-box; height: 124px; margin-bottom: 32px;  }
.block_content3 div h3 { font-size: 24px; color: #fff; font-weight: 300; }
.block_content3 div p { font-size: 16px; color: #fff; line-height: 1.3; text-align: left; }


.block_content4 { overflow: hidden; margin-top: 48px; margin-bottom: 64px; }
.block_content4 div { float: left; width: 48%; margin-right: 1%; margin-bottom: 32px; }
.block_content4 div h3 { font-size: 28px; font-weight: 300; }
.block_content4 div p { font-size: 16px; line-height: 1.3; text-align: left; }


.text_block { padding-bottom: 64px;  }
.text_block p { font-size: 19px; line-height: 1.3; padding-top: 32px; }


.crowdfunding_page { clear: both; padding-top: 64px; }

.form_out label { display: block; }


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

#lk_left { background: #fff; width: 320px; float: left; min-height: 600px; padding: 16px; box-sizing: border-box; }
#lk_right { margin-left: 356px; position: relative; min-height: 1200px; }

#lk_left a { display: block; margin-top: 7px; margin-bottom: 7px; font-size: 15px; color: #000; line-height: 2; text-decoration: none; }


#catalog_list { overflow: hidden; }
#catalog_list .catalog_item { float: left; width: 20%; }
#catalog_list .catalog_item a { display: block; margin-right: 16px; margin-bottom: 16px; background: #fff; height: 300px; padding: 16px; border-radius: 5px; }



header { height: 70px; background: rgba(32,43,59, 0.9); box-shadow: 0 0 16px #232323; transition: 0.3s; position: fixed; left: 0; right: 0; top: 0; z-index: 20; }
header div { position: relative; }

header #logo {
    display: block; width: 160px; height: 60px;
    background: url('../images/logo_1.png') no-repeat 0 2px;
    background-size: contain; transition: 0.3s; position: absolute; left: 48px; top:5px; z-index: 2;
}

#lk { width: 40px; height: 40px; padding-left: 28px; position: absolute; z-index: 10; right: 0; top:16px; background: url('../images/ico_lk.png') no-repeat center; }

#lk a { font-size: 18px; color: #eae5e2; }

header #balance { position: absolute; right: 100px; top: 22px; background: #4f5d66; border-radius: 10px; padding: 4px 12px; 
    font-size: 14px; cursor: pointer; text-decoration: none; }

header #balance a { color: #fff; text-decoration: none; }

header #balance:hover { background: #fff; }
header #balance:hover a { color: #000;  }

.main #content { margin-top: 0; }
.gobutton { clear: both; }
.container_cases .container { max-width: 100%; margin-left: 5%; margin-right: 5%; }

.container_cases #content { margin-top: 100px; }


h1 { font-size: 40px; }
h1 span { margin-left: 8px; font-size: 15px; }



.text_out { padding: 16px !important; border-radius: 5px; /* border: 1px solid #ccc; */ }


.close_form, .close_form2  { position: absolute; top:24px; right:24px; width: 32px; height: 32px; 
    background-color: #ccc; cursor: pointer; background: url('../images/sprite.png') 0 -1381px; }

.close_form:hover, .close_form2:hover { opacity: 0.9; }

#forget_link { display: none; }
#panel_fast_off { display: none; }

.block_content1 p { font-weight: 300; font-size: 16px; }


#telegram_orto { display: block; width: 132px; height: 163px;   background: url('../images/telegram360.jpg') no-repeat; position: absolute; right: 0; top: 4px; }
#telegram_orto_text { position: absolute; right: 0; top: 180px; text-align: right; font-size: 13px; }
#telegram_orto_text a { font-size: 13px; text-decoration: none; }

#auth_tg { font-size: 18px; text-decoration: none; margin-top: 14px; display: inline-block; }

h4 { clear: both; margin-top: 16px; margin-bottom: 8px; }

.container_cases { padding-bottom: 48px; overflow: hidden; }



#lmenu_open {
    position: absolute;
    right: 10px;
    top: 16px;
    width: 64px;
    height: 36px;
    line-height: 36px;
    z-index: 12;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-decoration: none;
    text-align: center;
    display: none;
}


#button_user_input, #button_edu_input { display: none; }

#cms_table td { background: #fff; }

#block_telegram { display: block; margin-top: 32px; font-weight: 400; line-height: 1.4; font-size: 13px; }
#block_telegram strong { display: block; margin-bottom: 5px; }
#telegram_edit { display: none; }

#catalog_addon { padding: 16px; padding-top: 32px !important; padding-bottom: 48px !important; box-sizing: border-box; }
#catalog_addon h3 { font-weight: 400; font-size: 24px; }
#catalog_main p span, #catalog_addon p span { font-weight: 500; margin-left: 8px; }



/*

input[type='date']::-webkit-calendar-picker-indicator {
            opacity: 0;
            width: 100%;
            -webkit-appearance: none;
}

*/



/* Для tab */

.help-tip {
  position: absolute;
  top: 18px;
  left: 18px;
  text-align: center;
  background-color: #BCDBEA;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 26px;
  cursor: default;
  display: none;
}

.help-tip:before {
  content: '?';
  font-weight: bold;
  color: #fff;
}

.help-tip:hover span {
  display: block;
  transform-origin: 100% 0%;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.help-tip span {
  display: none;
  text-align: left;
  background-color: #1E2021;
  padding: 5px;
  width: 200px;
  position: absolute;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  left: -4px;
  color: #FFF;
  font-size: 13px;
  line-height: 1.4;
}

.help-tip span:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #1E2021;
  left: 10px;
  top: -12px;
}

.help-tip span:after {
  width: 100%;
  height: 40px;
  content: '';
  position: absolute;
  top: -40px;
  left: 0;
}


/*
<span class="help-tip">
        <span > This is the inline help tip! </span>
</span>
*/



#case_comments, #case_events { }

#case_comments h2, #case_events h2 { font-size: 20px; font-weight: 400; padding-top: 10px; padding-bottom: 10px; }
#case_comments h2 span, #case_events h2 span { margin-left: 8px; font-size: 14px; }

#mykroxi { margin-bottom: 16px; }
#mykroxi a { color: #00a0e7; text-decoration: none; }


#out_center h1 span { font-size: 17px; text-decoration: none; }
#out_center h1 a { font-size: 17px; }

.col2 { float: left; width: 50%; }
.col3 { float: left; width: 33.3333%; }




.button_lk { display: none; }

#test { margin-top: 32px; display: none; }
#test p {
    width: 64px;
    height: 64px;
     background: url('../images/ico_loading.svg');
     background-size: 100%;
     position: relative;
     margin: 0 auto;
}


#test span { display: block; text-align: center; margin-top: 7px; }



@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
}


#tasks_ico { display: none !important; }
#feedback textarea { width: 100%; height: 100px; }

.visible { display: block !important; }

#cases_wiki { overflow: hidden; }
#cases_wiki h2 { margin-top: 32px; }
#cases_wiki h3 { margin-top: 32px; }

#cases_wiki p { margin-bottom: 16px; font-weight: 400; }
#cases_wiki li { font-weight: 400; list-style-type: none; }


#cases_wiki_block { margin-top: 46px; }
#cases_wiki_block a {
    display: block;
    width: 220px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    background: #6699cc;
    border-radius: 5px;
    color: #fff;
    margin-top: 8px;
    font-weight: 400;
    font-size: 15px;
}

#cases_wiki_block p { margin-top: 18px; margin-left: 5px; margin-right: 5px; font-weight: 400; font-size: 14px; line-height: 1.4; }

.services_block { height: 200px; overflow-y: scroll; }
.services_block p { line-height: 44px; height: 44px; }
.services_block p a { text-decoration: none; color: #000; font-size: 18px; }
.services_block p input { padding: 4px; border-radius: 5px; border: 1px solid #ccc; width: 50px; margin-left: 12px; font-weight: bold; }


.file_block .a_file, .file_block .a_fil2 { position: static; }
#panel_begin { }

.background, .background2 {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background: rgba(0, 0, 0, 0.65);
}



/* Панель например в модуле Forms */
#panel_begin #small_panel { z-index: 151; overflow: hidden; position: relative; border: 1px solid #ccc; 
 /*	border-radius: 10px; */ margin: 0 auto; margin-top: 90px; width: 900px; padding: 30px; height: auto; 
	background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5);  }


#small_panel2 {
    z-index: 151;
    overflow: hidden;
    position: relative;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-top: 36px;
    padding: 20px;
    height: auto;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 10px;
    display: none;
    /*position: absolute; */
    position: fixed;
    left: 0;
    right: 0;
    top:36px;
}


.modal_window { width: 800px; }
.modal_window { display: block !important; }

.relative .button_edit { position: absolute; right: 10px; top: 10px; }


#block_status span { padding-left:8px; padding-right:8px; }
#block_status, #block_status span, #block_status span a { font-size:14px; }

#html.hidden { overflow: hidden; }

#orders_status_list { overflow: hidden; }
#orders_status_list div { float: left; padding-right: 20px; }

#cms_table { width:100%; }
#cms_table th { border-collapse:collapse; border-bottom:5px solid #85bc39; padding:8px; text-align: left; font-size: 80%; }
#cms_table td { position: relative; border-collapse:collapse; border-bottom:1px dotted #cccccc; padding:8px; vertical-align: top; }
#cms_table tr:nth-child(even) { background-color: #f2f2f2; }

#group_list span a { color: #666; margin-right: 20px; }
#group_list span.active a { color: #ed122b; text-decoration: none; } 


.checkbox_full, .checkbox_empty { height:25px; padding-left:28px; } 
.checkbox_full { background:url('../images/sprite_cms.png') no-repeat -9px -3030px; }
.checkbox_empty { background:url('../images/sprite_cms.png') no-repeat -9px -3059px; }



#panel_container { 

	width:100%; height:auto; overflow: visible; display: none; 
	position:absolute; z-index:34; background-color:#fff; top: 0; bottom: 0;

}


.button_edit {cursor: pointer;}


/* Плавающая кнопка для вызова панели */
#panel_admin_right { position:fixed; z-index:100; top:325px; right:0px;
  background:url('../images/sprite_cms.png') no-repeat -188px -3358px; width:37px; height:262px; }

#panel_fast_on { position:fixed; z-index:100; top:240px; right:0px; display: none;
  background:url('../images/sprite_cms.png') no-repeat -174px -3706px; width:51px; height:84px; }

#panel_fast_off { position:fixed; z-index:100; top:240px; right:0px;
  background:url('../images/sprite_cms.png') no-repeat -174px -3648px; width:51px; height:55px; }


/* Основные формы. Начало */

.form_out div { margin-bottom: 5px; overflow: hidden; }
.form_out label { padding:8px; text-align:left; position:relative; top:7px; margin-bottom: 4px; }

.form_out input[type=submit] { padding: 0; margin: 0; /* border-radius: 3px; */ line-height: 32px; height: 34px; }
.form_out input[type=submit]:hover { opacity: 0.92; }

.form_out div input[type=text], .form_out div input[type=password], .form_out div input[type=date], .form_out div input[type=time], .form_out div input[type=email], .form_out div textarea, 
.form_out div select {
    transition: 0.3s;
    width: 80%;
    box-sizing: border-box;
    margin: 0;
    padding: 8px;
    font-size: 18px;
    height: 44px;
    border-radius: 5px;
    border: 0;
    box-shadow: inset 0 2px 10px -6px #bbb;
    font-size: 16px;
    color: #000;
    border: #dbdbe1 solid 1px;
    background: #fdf9f0;
    font-weight: 500;
}


.form_out div select { font-weight: 600; }

.form_out  textarea { height: 90px; resize: none; width: 100%; border-radius: 5px;
    border: 0; box-shadow: inset 0 2px 10px -6px #bbb;
    font-size: 16px; color: #000; border: #dbdbe1 solid 1px; background: #fff; }

.form_out input[type=submit] { width: 300px; margin-top: 16px; margin-bottom: 16px; }
.btn_cancel, .btn_accept { cursor:pointer; width:150px; height:34px; border:1px #7f401d solid; }
















#out_center {  position: relative; padding: 20px; background: #fff; margin-top: 90px; overflow: auto; height: auto; }


#out_center p a {

    line-height: 1.4;
    text-decoration: none;
    font-weight: 400;
    color: #333;
}


#out_center .actions_panel a { color: #fff; }


/* Основное меню */
#out_center .h3_el { padding-top:10px; }
#out_center .h3_el, #out_center .p_el { padding-left:140px; /* color:#073c5b; */ }
#out_center .p_el { line-height: 16px; }

#out_center #ico_settings { background:url('../images/sprite_cms.png') no-repeat 0px -395px; }
#out_center #ico_users { background:url('../images/sprite_cms.png') no-repeat 0px -607px; }
#out_center #ico_goods { background:url('../images/sprite_cms.png') no-repeat 0px -815px; }
#out_center #ico_security { background:url('../images/sprite_cms.png') no-repeat 0px -1022px; }
#out_center #ico_seo {  background:url('../images/sprite_cms.png') no-repeat 0px -1237px; }
#out_center #ico_orders { background:url('../images/sprite_cms.png') no-repeat 0px -1442px; }
#out_center #ico_questions { background:url('../images/sprite_cms.png') no-repeat 0px -1641px; }
#out_center #ico_services { background:url('../images/sprite_cms.png') no-repeat 0px -1861px; }
#out_center #ico_stat { background:url('../images/sprite_cms.png') no-repeat 0px -2077px; }

#out_center #ico_settings, #out_center #ico_users, #out_center #ico_goods,
#out_center #ico_security, #out_center #ico_seo, #out_center #ico_orders,
#out_center #ico_questions, #out_center #ico_services, #out_center #ico_stat { 
	float:left; width:30%; height:160px; padding-right:3.3%; }



#ico_questions { height: auto !important; }



.tabs {
    overflow: hidden;
    margin-bottom: 16px;
}

.tabs .selected {
    text-decoration: none;
    background: #75bb22;
    color: #fff;
    border: 1px solid #75bb22;
}

.tabs a {
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 6px;
    margin-bottom: 6px;
    color: #444;
    text-decoration: none;
}


.tabs a:hover { background: #faecc6; border: 1px solid #d29f14; }


#search_panel {
    background: #f2f2f2;
    padding: 20px;
    border-radius: 5px;
    overflow: hidden;
}

#search_panel a {
    display: block;
    float: left;
    width: 140px;
    margin-left: 36px;
    margin-top: 10px;
}


#search_panel .form_out input[type=text] {
    width: 400px;
    float: left;
}

#search_panel .form_out input[type=submit] {
    width: 100px;
    float: left;
    margin-left: 10px;
    margin-top: 2px;
}



.panel_link_right { display: none; }

#cms_table a { text-decoration: none; }
#cms_table a:hover { color: #336699; }@media only screen and (max-width: 767px) {

#users_buttons { display: none; }
.photo_edu a { height: auto; }
.photo_edu { margin-top: 16px; }

.education_block p { height: auto; }

#button_diplom, #button_diplom_send { width: 130px; margin-top: 16px; font-size: 14px; margin-right: 16px; }
#button_diplom_send { width: 180px; margin-right: 0; }

#case_addon_button:before { top: 0px; }

.autorize_form .form_out div input[type=text], .autorize_form .form_out div input[type=date], .autorize_form .form_out div select { width: 100%; }
.autorize_form { width: auto !important; }

.close_form, .close_form2 { top: 12px; right: 12px; }

#cmenu2 #buter { margin-left: 84px; }
#cmenu2  ul ul { box-shadow: none; }

#cmenu2 > ul > li > a { font-size: 18px; }
#cmenu2 > ul li a { padding-left: 0; background: none; }
#cmenu2 #cat_d { color: #fff; font-size: 15px; }

#cmenu2 #buter { display: block; margin-left: 0; background: rgba(255, 255, 255, 0.3) !important; width: 100%; height: 2px; margin-bottom: 8px; }
#cmenu2 #buter ul { margin-left: 64px; }

/*
#cmenu2 #buter > li > a { display: none; }
*/

#cmenu2 #buter > li { margin-top: 8px; }

/*
#msg_left { float: none; width: 100%; height: auto; }
#msg_right { float: none; width: 100%; height: auto; }
#messages_users { height: auto; }
*/

#case_item_left video { width: 100%; }

#profile_edit { box-shadow: none; padding: 0; }
#case_item_left { padding: 0; box-shadow: none; }
#lmenu_open { top: 6px; height: 32px; line-height: 32px; }

audio { margin-bottom: 10px; }

h4 { clear: both; margin-top: 16px; margin-bottom: 16px; font-size: 18px; }
.case_item_small .redbuttonnew { margin-top: 24px; height: 36px !important; line-height: 36px !important; }

#getvideofullblock video { width: 100%; height: auto; margin-top: 70px; }

#filter_panel { box-shadow: none; padding: 0; margin-bottom: 16px; }
#filter_panel p { display: none; }

#case_main div span {
    margin-right: 32px;
    display: block;
    margin-bottom: 7px;
}


#publish_block { margin-top: 32px; }
#case_addon_button { font-size: 18px; line-height: 20px; height: 20px; }

#case_button {
    position: absolute;
    right: 16px;
    top: 0;
    margin-top: 0 !important;
    height: 32px !important;
    line-height: 32px !important;
    width: 120px;
}





#messages_users a  h3 { display: none; }
#msg_left { float: left; width: 60px; }

#messages_users { height: 446px; overflow-y: scroll; }
#msg_right { float: none; margin-left: 70px; width: auto; padding-bottom: 250px; }


#messages_users span { width: 20px; height: 20px; border-radius: 10px; line-height: 20px; right: auto; left: 6px; top: 10px; }


.msg_item { margin-left: 0; margin-right: 16px; }

.msg_item p { margin-right: 0; padding-top: 20px; font-weight: 400; }
.msg_my { margin-right: 0; margin-left: 16px; }


#cases_list { margin-right: 0; }
.case_item > a { height: auto; }

.case_item_small a { height: auto !important; }

.case_item i { position: static; margin-left: 0; }
.button_add_case { top: -22px; }


#lmenu_open { display: block; }

#billing_form { padding: 0; margin-bottom: 0; border: 0 }

#case_form_begin { padding: 0; margin-top: -6px; min-height: 800px; box-shadow: none; }
#case_form_begin .form_out div input[type=text], #case_form_begin .form_out div textarea, #case_form_begin .form_out div select { width: 100%; font-size: 17px; }

#case_form_begin .form_out textarea { height: 80px; }


.form_out label {
    padding: 8px;
    text-align: left;
    position: relative;
    top: 7px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 400;
}



.case_event_item, .case_comments_item { margin-right: 70px; }
.case_event_item div { right: -70px; width: 70px; }


.button_lk { display: block; }
header #balance { right: 70px !important; }

.table_container { width: 100%; overflow-x: scroll; }
#cms_table { width: 200%; margin-top: 16px; }

.case_event_item span, .case_comments_item span { display: none; }
.case_event_item, .case_comments_item { border: 1px solid #ccc; }


#profile_descr #button_roles_block p { width: auto; font-size: 14px; }
#profile_descr #button_roles_block p a { font-weight: 500; text-decoration: none; }

#panel_cap2, #tasks_ico { display: none !important; }
#panel_cap { background: rgba(32,43,59, 1) !important; height: 70px; box-shadow: 0 0 16px #232323; }


h1 { FONT-SIZE: 24px; font-weight: normal; }


#login_form div input[type=text], #login_form div input[type=password] { width: 60% !important; }
#telegram_orto_text { display: none; }

#profile_left { width: 100%; float: none; }
#profile_right { margin-left: 0; margin-right: 0; float: none; width: 100%; margin-top: 24px; }

#profile_descr { position: static; margin-top: 32px; width: auto; }

#profile_left a { position: absolute; left: 160px; top: 70px; }
#button_user_photo { margin-top: 0; position: absolute; left: 180px; top: 32px !important; }

#billing_form div input[type=text] { width: 80px; }
#billing_form div select { width: 230px; }

#billing_form div { margin-right: 0px; }

.container_cases { background: none !important; }

.container_cases .container {
 
    margin-left: 10px;
    margin-right: 10px;
}


#case_main h1 { font-size: 26px; }
#case_main p { font-size: 15px; font-weight: 400; }
#case_main p a { display: none; }

#case_item { overflow: visible; }
#case_item_left { padding: 0; }
#case_filter { margin-left: 0; margin-right: 0; margin-top: 0; }

#case_invest { margin-top: 32px; }

#case_comments, #case_events { }

#case_item_right { padding-left: 0; padding-right: 0; margin-top: 16px; margin-bottom: 150px; }


#lk_left {
    display: none;
     width: auto;
    float: none;
    min-height: 0;
    padding: 16px;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: -6px;
}


#multi_text { font-weight: 400; }



.lk_left { display: block !important; }

#profile_left { width: 124px; }
#profile_left img { width: 100%; height: auto; min-height: 160px; }

#autorize_text_block a { margin-right: 48px; }
#autorize_text_block a, #auth_phone a { text-decoration: none; }


/* ========== Lk */


.my_profile_edit {
    top: -44px;
    right: 0;
    border-radius: 5px;
    border: 1px solid #ccc;
    color: #000;
    font-weight: 400;
    background: #f2f2f2;
}


#catalog_list { margin-right: -16px; }

#catalog_left { width: auto; float: none; height: auto; overflow: hidden; margin-bottom: 16px; }
#catalog_left img { width: 50%; margin: 0 auto; }

#catalog_center { float: none; width: 100%; margin: 0 !important; min-height: 0; }

#catalog_left .redbuttonnew { margin-top: 24px; }
#catalog_addon { position: static; width: 100%; min-height: 0; height: auto; padding: 16px; }
#catalog_right { float: none; margin-left: 0; height: auto; margin-top: 16px; width: 100%; margin-bottom: 32px; }


.user_item div { height: 130px; }
#catalog_list .user_item a { height: 340px; }

#catalog_list .user_item {
    float: left;
    width: 50%;
}

.user_item a .redbuttonnew { width: 120px; bottom: 0; }

.user_item a h3 { font-size: 17px; }




#cmenu_lk { display: none; position: absolute; z-index: 9; left: -10px; right: -10px; top: 0; background: #353f4e; padding-top: 90px; padding-bottom: 48px; }
#cmenu_lk a { padding: 16px; display: block; font-size: 18px; margin-left: 4px; }

.cmenu_lk_open { display: block !important; }


#button_exit { margin-top: 24px; color: #fff !important; }

header #logo { left: 64px; right: 0; }


#lk_right { margin-left: 0; margin-top: 32px; }
#case_item_right { width: auto; position: static; min-height: 0; }
#case_item_left { margin-right: 0; }



















.form_out div input[type=text], .form_out div input[type=password], .form_out div input[type=date], .form_out div input[type=email], .form_out div textarea, .form_out div select { 
    font-size: 14px; font-weight: 500; line-height: 26px; }

.form_out div select { font-weight: 600; }


.case_item { width: 100%; float: none; }

.case_item > a { margin-right: 0; }


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


#wrap { min-height: 100%; min-width: 0 !important; }
.container { min-width: 0 !important; max-width: 100%; margin-left: 10px; margin-right: 10px; }


#content {
    min-width: 0 !important;
}



.faqtx { padding: 0; box-shadow: none; }
.form_out  { width: auto; }
.form_out p { line-height: 1.3; }


#panel_fast_off { display: none; }
#notice_container { display: none; }

.slidermain { min-height: 0; }
.slidermain h1 { font-size: 32px; line-height: 40px; padding-top: 110px; }

.slidermain p {
    font-size: 20px;
    line-height: 34px;
    padding-left: 32px;
    padding-right: 32px;
}

.slidermain span { font-size: 17px; line-height: 1.5; padding-bottom: 14px; }


.slidermain ul li {
    font-size: 16px;
    float: none;
    width: auto;
    margin-right: 0;
    text-align: center;
}



.block_content2 p { float: none; width: 100%; margin-right: 0; height: auto; font-size: 15px; text-align: center; margin-bottom: 16px; }
.block_content1 h2, .block_content2 h2, .block_content3 h2 { font-size: 36px; padding-top: 32px; }

.block_content1 p {
    float: none;
    width: 100%;
    margin-right: 0;
    height: auto;
    margin-bottom: 16px;
    text-align: center;
}



.block_content3 div div {
    float: none;
    width: 100%;
    margin-right: 0;
    height: auto;
    margin-bottom: 16px;
}



.block_content3 div h3 { padding-top: 16px; padding-bottom: 5px; }

.block_content3 div h3 { text-align: center; }
.block_content3 div p { text-align: center; }

.block_content4 div { float: none; width: auto; margin-right: 0; margin-bottom: 32px; }
.block_content4 div h3 { text-align: center; }
.block_content4 div p { text-align: center; }

.footer { height: auto !important; overflow: hidden; }

.footer .container div {
    float: none;
    width: 100%;
    padding: 23px 0 0 0;
    text-align: center;
}



.footerlast .container .copy {
    float: none;
    width: auto;
    line-height: 3;
    text-align: center;
}


.lk_new_cabinet_full.menu .lncf_middle { margin-left: 90px !important; margin-right: 0; }
.lk_new_cabinet_full { background: none; margin-right: 10px; }
.lk_new_cabinet_full .lncf_middle h1 { padding: 20px 0 22px; }


.lk_new_cabinet_full .lncf_middle .rotvertub {
    
     max-width: 100%;
    position: absolute;
    right: 20px;
    top: 40px;
}





#urist360 { float: none; margin: 0 auto; margin-bottom: 32px; }

.topheader ul.showlist em { display: none; }

#panel_begin #small_panel { width: 100% !important; margin-top: 70px; box-sizing: border-box; padding: 16px; }

#panel_begin #small_panel .form_out div input[type=text] { width: 100%; }


#panel_begin #small_panel.form_open {
    width: auto;
    padding: 20px 20px; 
    box-sizing: border-box;
    margin-bottom: 90px;
}




#panel_begin #small_panel.form_open .form_out.form_open_small_left {
    float: none;
    width: auto;
    padding-top: 20px;
    position: static !important;
    left: auto;
}



#panel_begin #small_panel .gray a { padding: 0; padding-left: 8px; padding-right: 8px; }

#reg_text_block { position: static; margin-left: 16px; }
#panel_begin.scroll_add {  margin-right: 0 }


.topheader .logo { float: none; margin: 0; }


#index_block {
    margin-top: 32px;
    margin-right: 0; 
    margin-bottom: 32px;
}


#index_block div {
    float: none;
    width: 100%;
    margin-bottom: 32px;
}



#index_block div h3 {
    
    margin-right: 0;
    margin-top: 0;
    margin-left: 0;
    text-align: center;
}





.add_q .faqtx { box-shadow: none; }



#index_block div p { margin-right: 0; margin-left: 0; text-align: center; }

#index_block div span { display: none; }


.form_open_small_right { display: none; }




.crowdfunding_page .slidermain {
    height: 550px;
}


.paymentsysteminfo img { margin-right: 0; }

.master_card {
    margin-top: 10px;
    display: block;
    position: static;
    left: 80px;
    top: 114px;
    margin: 0 auto !important;
    margin-top: 12px !important;
}


#urist360 {
    
    width: 95px;
    height: 95px;
    position: static;
}





.newfilterx { display: none; }

.newdetail {
    
    padding: 0;
    margin: 0;
    box-shadow: none;
    
}





#catalog_item_left { float: none; }
#catalog_item_info { margin-left: 0; }

#cmenu_ico { display: block; top: 14px; }

#cmenu2 { display: none; width: auto; height: 740px; padding: 16px; box-sizing: border-box; background: #353f4e; right: -10px; left: -10px; top: -10px; padding-top: 24px; }
#cmenu2 > ul { float: none; width: 100%; margin-left: 64px; }

#cmenu2  ul ul { display: block; padding: 0; background: none; }
#cmenu2 em { display: none; }
#cmenu2 ul li li a { color: #fff !important; line-height: 2; font-weight: 400; }


.topheader .logo { margin-left: 60px !important; margin-top: 0 !important; }

.cmenu_open { display: block !important; }



.crowdfunding_page .servicesforus .blockcontent.rel25narr div { width: 100%; }
.crowdfunding_page .servicesforus .blockcontent.rel25narr div .arrow { display: none; }
.aboutquestdocs { display: none; }


.newdetail .blocktraise { margin: 0; }
.newdetail.catalogdetail .blocktraise { margin-top: 0; }

.newdetail.catalogdetail .blocktraise .conta { padding: 0; margin: 0; }

.newdetail.catalogdetail .blocktraise .conta .strokenew {
    height: 380px;
    width: 100%;
    margin-right: 10px;
    float: left;
    width: calc(50% - 10px);
}


.newdetail.catalogdetail .blocktraise .conta .strokenew .about .rating { display: none !important; }
.newdetail.catalogdetail .blocktraise .conta .strokenew .about .contfx span { display: none; }

form.miniform {
 
    width: auto;
    position: relative;
    top:-10px;
    
}






.newdetail .nd_left p b { font-size: 14px; }


.newdetail .blocktraise .conta .cf_list {
 
    width: auto;
    height: 352px;
    margin-right: 0;
    margin-bottom: 20px;
    float: none;
    
}


.lefter { display: none; }
.contenter { margin-left: 0; }

#content .main_h { font-size: 36px; padding-left: 0; }
#kroxi { padding: 5px 0 7px 0; }

#text_33, #text_166, #text_167, #text_169, #text_170 { padding-left: 0; }
.add_q { padding: 0; margin: 0 !important; }

.headtext { font-size: 36px; }



.crowdfunding .blockcontent div {
    cursor: default;
    float: left;
    width: 50% !important;
    height: auto;
    padding: 16px 0 0 0;
}

.crowdfunding .blockcontent div p {
    font-size: 14px;
    padding: 0 0 0 16px;
    color: #fff;
}




.servicesforus.firstupdateservice .blockcontent div {
    width: 50%;
    padding-top: 36px;
    height: 70px !important;
}


.servicesforus .blockcontent div p {
    color: #000;
    font-size: 14px;
    padding: 0 0 0 16px;
}


#calendar_nav { top: -4px; }
#calendar_cases_block { box-shadow: none; }
#calendar_cases_block_left { float: none; width: 100%; }

#calendar_cases_block_left h3 { text-align: center; font-size: 17px; font-weight: 400; }

#calendar_cases_block_right { margin-left: 0; padding-top: 24px; }

#calendar_cases_block_right form { width: 100%; }
#calendar_cases_block_right form input[type=text] { width: 100% !important; }
#calendar_cases_block_right div { position: relative; }

#calendar_cases_block_right form input[type=submit] { width: 64px; height: 44px; border-radius: 5px; position: absolute; right: 0; top: 0; margin: 0 !important; font-size: 14px; font-weight: 400; }



#calendar_cases_block_right form input[type=submit] {
    margin: 0 auto;
    margin-top: 16px;
    margin-bottom: 16px;
 
}


#calendar_bottom {
    margin: 0 auto;
    color: red;
    display: block;
    width: 120px;
    margin: 0 auto;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 5px;
    border: 1px solid #ccc;
}


#calendar_cases_block { padding: 0; margin-bottom: 0;  margin-top: -37px; }

/*
.meetingblock .fullycontainers .right_fullb { width: 100%; float: none; }
.meetingblock .fullycontainers .middle_fullb { margin-right: 0; }

.meetingblock #fully_list_all .buttons { height: auto !important; }
.meetingblock #fully_list_all .buttons > a { display: block; width: 100%; }

.meetingblock #fully_list_all .contents > div .altf { float: none; width: 100%; }

.meetingblock #fully_list_all .contents > div .altf .fgo span { padding-left: 32px; }
.meetingblock .fullycontainers .right_fullb .linefully { width: auto; margin-left: 0; }

.file_block { width: auto; }



.adpanel {
    padding-top: 30px;
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
}


.adpanel input[type=submit] { width: 200px; }
#manager_updater_quests_1, #manager_updater_quests_2, #manager_updater_quests_3, #manager_updater_quests_4 { float: none !important; width: 100% !important; margin-right: 0 !important; }


*/







#out_center #ico_settings, #out_center #ico_users, #out_center #ico_goods, #out_center #ico_security, #out_center #ico_seo, #out_center #ico_orders, #out_center #ico_questions, #out_center #ico_services, #out_center #ico_stat {

float: none; width: 100%; height: auto; padding-right: 0; margin-bottom: 16px; background: none; }


#out_center .h3_el { font-weight: 500; font-size: 24px; }

#out_center .h3_el, #out_center .p_el { padding-left: 24px; margin-bottom: 7px; text-decoration: none; }

#out_center p a { text-decoration: none; font-size: 16px; }

.modal_window { width: auto; }
#small_panel2 { border: 0; padding: 10px; box-shadow: none; border-radius: 0; }

}



@media only screen and (min-width: 768px) and (max-width: 1024px) {


#wrap { min-height: 100%; min-width: 0; }
.container { min-width: 0; max-width: 100%; margin-left: 20px; margin-right: 20px; }

#lk_left { display: none; }
#lk_right { margin-left: 0; }

#profile_right { margin-left: 272px; margin-right: 0; }
#profile_descr { position: static; right: 0; width: auto; }

.case_item { width: 50%; }

#case_item_left { margin-right: 0; }
#case_item_right { width: auto; position: static; min-height: 0; }

#cmenu_lk { left: 150px; }
#cmenu_lk a { margin-right: 16px; }
header #logo { left: -30px !important; }


#cmenu2 { right: 90px; }
#cmenu2 > ul { margin-right: 20px; }



#catalog_main { margin-right: 0; }
#catalog_addon { padding: 16px; margin-top: 16px; position: static; width: 100%; min-height: 0; height: auto; box-sizing: border-box; }

}



@media only screen and (min-width: 1025px) and (max-width: 1280px) {


#wrap { margin: 0; padding: 0; width: 100%; min-height: 100%; height: auto; min-width: 100%; }
.container { width: auto; min-width: 0; max-width: 100%; padding: 0; margin-left: 32px; margin-right: 32px; }

#cmenu_lk { left: 260px; }
#cmenu_lk a { margin-right: 32px; }

}




@media only screen and (min-width: 1025px) and (max-width: 1440px) {

#cmenu_lk { left: 260px; }
#profile_right { margin-right: 0; }
.container { width: auto; min-width: 0; max-width: 100%; padding: 0; margin-left: 20px !important; margin-right: 20px !important; }
.case_item { width: 33.333%; }

}




@media only screen and (min-width: 1366px) and (max-width: 1920px) {


#case_form_begin { width: 60%; }



}