/* Start:/local/templates/main/js/animate.css?174920492457095*/
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

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

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

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

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

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

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

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

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

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

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

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

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

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

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

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

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

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

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

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

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

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

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

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

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

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

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

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

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

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

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

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

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

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

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

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

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

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

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

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

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

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

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

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

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

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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

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

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

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

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

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

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

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

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

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

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

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

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

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

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

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

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

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

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

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

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

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

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

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

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

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

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

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

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

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

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

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

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

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

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

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

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

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

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

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

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

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

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

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

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

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

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

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

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

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

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

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

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

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

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

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

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

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

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

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

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

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

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

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

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

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

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

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

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

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

/* End */


/* Start:/local/templates/main/js/jquery.fancybox.min.css?174920492410424*/
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/simple/style.min.css?1749204924490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main/components/bitrix/menu/simple/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/subtop/style.min.css?1749204924490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main/components/bitrix/menu/subtop/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/main/styles.css?174920492431714*/
@font-face {
    font-family: 'Arian AMU Serif';
    src: local('Arian AMU Serif'), local('ArianAMUSerif'), url('/local/templates/main/fonts/arnamuserif/400.woff2') format('woff2'), url('/local/templates/main/fonts/arnamuserif/400.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Arian AMU Serif';
    src: local('Arian AMU Serif Italic'), local('ArianAMUSerif-Italic'), url('/local/templates/main/fonts/arnamuserif/400i.woff2') format('woff2'), url('/local/templates/main/fonts/arnamuserif/400i.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Arian AMU Serif';
    src: local('Arian AMU Serif Bold'), local('ArianAMUSerif-Bold'), url('/local/templates/main/fonts/arnamuserif/700.woff2') format('woff2'), url('/local/templates/main/fonts/arnamuserif/700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Arian AMU Serif';
    src: local('Arian AMU Serif Bold Italic'), local('ArianAMUSerif-BoldItalic'), url('/local/templates/main/fonts/arnamuserif/700i.woff2') format('woff2'), url('/local/templates/main/fonts/arnamuserif/700i.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Light'), local('Gilroy-Light'), url('/local/templates/main/fonts/gilroy/300.woff2') format('woff2'), url('/local/templates/main/fonts/gilroy/300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'), url('/local/templates/main/fonts/gilroy/800.woff2') format('woff2'), url('/local/templates/main/fonts/gilroy/800.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
html {
    height: 100%;
}
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #4A4A4A;
    line-height: 28px;
    padding: 0;
    margin: 0;
    height: 100%;
}
.wrap {
    width: 1140px;
    margin: 0 auto;
}
.global {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: -350px;
    z-index: 1;
}
.global:after {
    height: 350px;
    content: "";
    display: block;
}
.footer {
    z-index: 2;
    /*height: 350px;*/
    position: relative;
}
a {
    color: #88668C;
    transition: .2s all;
    letter-spacing: 0;
}
.header {
    width: 1140px;
    top: 25px;
    left: 50%;
    margin-left: -570px;
    min-height: 80px;
    background: #fff;
    position: absolute;
    z-index: 2;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
}
.top {
    position: relative;
    z-index: 1;
    padding: 135px 0 50px;
    background: url('/local/templates/main/images/flys-final.jpg') no-repeat center 10%;
    background-size: cover;
}
.top--main {
    /*padding: 205px 0 400px;*/
    /*min-height: 570px;*/
    padding:0;
    height: auto;
    background: url('/local/templates/main/images/flys-first.jpg') center center;
    background-size: cover;
}
.top--houses {
    line-height: 0;
    padding: 0;
    background: none;
}
.top--floor {
    padding: 110px 0 10px 0;
}
.top--flat {
    padding: 110px 0 10px 0;
}

h1 {
    /* Застройщик: */
    font-family: 'Arian AMU Serif', serif;
    font-size: 36px;
    line-height: 42px;
    color: #FFFFFF;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    letter-spacing: 3px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.50);
}
.top__title {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -540px;
    top: 140px;
    z-index: 2;
    text-align: left;
}
.top__comment {
    color: #fff;
    margin: 10px 0 0 0;
    font-family: 'Arian AMU Serif', serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
}

.top__overlay {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 700px;
    margin-left: -350px;
    left: 50%;
    z-index: 100;
    color: #FFFFFF;
    transition: 1.5s all;
}
.top__overlay h1 {
    font-weight: 700;
    font-size: 64px;
    line-height: 74px;
    letter-spacing: 3px;
    opacity: 0;
    transition: .5s all;
    transform: translateY(20px);
}
.top__overlay--show h1 {
    opacity: 1;
    transform: translateY(0);
}
.top__slogan {
    font-size: 24px;
    text-align: center;
    margin: 10px 0 0 0;
    letter-spacing: 0;
    text-shadow: 0 1px 15px rgba(0,0,0,1);
    line-height: 1.2em;
    opacity: 0;
    transition: 1s all;
    transform: translateY(20px);
}
.top__overlay--show .top__slogan {
    opacity: 1;
    transform: translateY(0);
}

.top__button {
    margin: 40px auto 0 auto;
    width: 260px;
    opacity: 0;
    transition: 1.5s all;
    transform: translateY(20px);
}
.top__overlay--show .top__button {
    opacity: 1;
    transform: translateY(0);
}


.top__arrow {
    display: block;
    position: absolute;
    background: url('/local/templates/main/images/icon-arrow-down.svg') no-repeat center center;
    width: 50px;
    height: 80px;
    left: 50%;
    margin: 0 0 0 -25px;
    bottom: -40px;
    z-index: 60;
    animation: updown 1s infinite;
}
@keyframes updown {
    0% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}
h2 {
    font-family: 'Arian AMU Serif', serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 34px;
    color: #4A4A4A;
    text-transform: uppercase;
    letter-spacing: 3.75px;
}
.logo {
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 20px;
    font-family: 'Arian AMU Serif', serif;
    font-weight: 700;
    font-size: 20px;
    color: #4A4A4A;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
}
.logo span {
    /* Микрорайон: */
    font-family: 'Gilroy', sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    display: block;
    color: #000000;
    letter-spacing: 3px;
    margin: 0 0 4px 0;
}
.header__phone {
    padding: 0 0 0 20px;
    background: url('/local/templates/main/images/icon-phone.svg') no-repeat left center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    position: absolute;
    top: 31px;
    right: 28px;
}
.menu {
    position: absolute;
    top: 30px;
    left: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu--right {
    left: 715px;
}
.menu a {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
    letter-spacing: 0;
    display: block;
}
.menu a.selected, .menu a:hover {
    color: #88668C;
}
.footer__columns {
    border-top: solid 1px #F5F5F5;
    border-bottom: solid 1px #E9E9E9;
    padding: 58px 0 36px 0;
}
.clear {
    clear: both;
}
.footer__column {
    float: left;
}
.footer__column a {
    text-decoration: none;
    color: #000000;
}
.footer__column a:hover {
    color: #88668C;
}
.footer__column p {
    margin: 7px 0;
}
.footer__column p:first-child {
    margin-top: 0;
}
.footer__column p:last-child {
    margin-bottom: 0;
}
.footer__column--1 {
    width: 200px;
}
.footer__column--2 {
    width: 260px;
}
.footer__column--3 {
    width: 340px;
    font-size: 14px;
    line-height: 25px;
}
.footer__column--4 {
    width: 260px;
    float: right;
}
.footer__phone {
    padding: 0 0 0 25px;
    background: url('/local/templates/main/images/icon-phone.svg') no-repeat left 6px;
    font-weight: 300;
    margin: 0 0 15px 0;
}
.footer__email {
    padding: 0 0 0 25px;
    background: url('/local/templates/main/images/icon-mail.svg') no-repeat left 9px;
    margin: 0 0 25px 0;
}
a.button, .button {
    display: block;
    background: #88668C url('/local/templates/main/images/icon-arrow.svg') no-repeat 185px center;
    color: #fff;
    line-height: 28px;
    font-size: 16px;
    text-decoration: none;
    border: none;
    padding: 16px 0 16px 30px;
}
a.button:hover, .button:hover {
    background-color: #9f77a4;
}
.button--filter {
    background-image: none;
    text-align: center;
    padding: 10px 0;
    width: 100%;
}
a.button--center {
    background-image: none;
    text-align: center;
    padding: 16px 0;
}
a.button--beige {
    background: #EFE4E1;
    color: #000000;
}
a.button--beige:hover {
    background: #f7ece9;
    color: #000000;
}
.button--contacts {
    width: 100%;
    text-align: left;
    padding-left: 60px;
}
ul {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}
li {
    margin: 10px 0;
    padding: 0 0 0 30px;
    position: relative;
}
li:before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    background: #88668C;
    position: absolute;
    left: 0;
    top: 9px;
}
.footer__column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer__column ul li {
    margin: 10px 0;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
}
.footer__column ul li:before {
    display: none;
}
.main h2 {
    text-align: center;
}
.main {
    width: 1140px;
    margin: 0 auto;
    padding: 100px 0 0 0;
    position: relative;
}
.global img {
    max-width: 100%;
}
.card {
    height: 330px;
    width: 262px;
    float: left;
    margin-right: 30px;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 70px 20px 0 20px;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0 8px 40px 0 rgba(0,0,0,0.08);
}
.cards:after {
    content: '';
    display: block;
    clear: both;
}
.card--last {
    margin-right: 0;
}
.card:first-child {
    margin-left: 0;
}
.card__number {
    font-family: 'Arian AMU Serif', serif;
    font-weight: 700;
    font-size: 72px;
    line-height: 83px;
    color: #88668C;
    letter-spacing: -0.02px;
}
.card__title {
    font-family: 'Arian AMU Serif', serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    letter-spacing: 0;
    margin: 0 0 20px 0;
}
.card--purple {
    background: #88668C;
    color: #FFFFFF;
}
.card--purple .card__number {
    color: #FFFFFF;
}
.card--beige {
    background: #EFE4E1;
}
.card--gray {
    background: #F8F8F8;
}
.main-stats__text {
    padding: 90px 0 80px 0;
    text-align: center;
}
.column:last-child .main-stats__text {
    padding: 60px 0 30px;
}
.main-stats__text strong {
    display: block;
    font-weight: 700;
    font-family: 'Arian AMU Serif', serif;
    font-size: 30px;
    line-height: 35px;
    margin: 0 0 15px 0;
}
.main-map {
    position: relative;
    line-height: 0;
    background: url('/local/templates/main/images/top-map.jpg') no-repeat center center;
    height: 600px;
    background-size: cover;
}
.main-map__over {
    position: absolute;
    width: 555px;
    padding: 65px 40px 85px 60px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 40px 0 rgba(0,0,0,0.08);
    top: 135px;
    left: 50%;
    margin-left: 30px;
    line-height: 28px;
    font-size: 16px;
}
.main-map__button {
    position: absolute;
    left: 60px;
    bottom: -30px;
    width: 250px;
}
.main-map__over h2 {
    margin: 0 0 20px 0;
}
.main-flats {
    padding: 50px 0 90px;
}
.main-news {
    background: #FAFAFA;
    padding: 90px 0;
}
.main-news h2 {
    text-align: center;
    margin: 0 0 50px 0;
}
.main-news .wrap {
    width: 1170px;
}
.main-new {
    box-sizing: border-box;
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0 8px 40px 0 rgba(0,0,0,0.08);
    width: 360px;
    margin: 0 15px;
    float: left;
    text-decoration: none;
}
.main-new--last {
    margin: 0;
}
.main-new__date {
    font-size: 16px;
    color: #9B9B9B;
    margin: 0 0 10px 0;
    display: block;
}
.main-new__title {
    font-family: 'Arian AMU Serif', serif;
    font-weight: 700;
    font-size: 18px;
    color: #88668C;
    letter-spacing: 0;
    line-height: 26px;
}
.main-new__desc {
    display: block;
    margin-top: 10px;
    font-size: 15px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 22px;
}
.main-flats__left {
    width: 500px;
    float: left;
}
.main-flats__right {
    width: 590px;
    float: right;
}
.main-flats__table {
    width: 260px;
    float: left;
}
.main-flats__button {
    width: 260px;
    float: right;
}
.row {
    border-bottom: dotted 1px #aaa;
    margin-bottom: 8px;
}
.row:after {
    content: "";
    display: block;
    clear: both;
}
.row__left, .row__right {
    background: #fff;
    margin-bottom: -8px;
}
.row__left {
    float: left;
    padding-right: 5px;
}
.row__right {
    float: right;
    padding-left: 5px;
}

.main-flat__left {
    width: 750px;
    float: left;
    margin: 95px 0 0 65px;
}
.main-flat__right {
    width: 165px;
    margin: 0 65px 0 0;
    float: right;
    padding-top: 65px;
}
.main-flat {
    display: none;
}
.main-flat.selected {
    display: block;
}
.main-flat-link {
    display: block;
    width: 165px;
    height: 150px;
    background: #fff url('/local/templates/main/images/main-flat-1.png') center center no-repeat;
    background-size: 138px 129px;
    box-shadow: 0 8px 40px 0 rgba(0,0,0,0.08);
    margin: 30px 0 0 0;
}
.main-flat-link--2 {
    background-image: url('/local/templates/main/images/main-flat-2.png');
}
.main-flat-link--3 {
    background-image: url('/local/templates/main/images/main-flat-3.png');
}
.main-flat-link.selected {
    background-color: #F9F5F4;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.subtop {
    text-align: center;
    margin: 30px 0 60px;
}
.subtop a {
    line-height: 38px;
    display: inline-block;
    margin: 0 27px;
    padding: 0 5px;
    vertical-align: middle;
    text-decoration: none;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    color: #000000;
}
.subtop a.selected {
    color: #88668C;
    border-color: #88668C;
}
.subtop a:hover {
    color: #88668C;
}
.columns:after {
    content: '';
    display: block;
    clear: both;
}
.columns--tb130 {
    margin: 130px 0;
}
.column {
    float: left;
    margin-right: 30px;
}
.column:last-child {
    margin-right: 0;
}
.column--50 {
    width: 555px;
}
.column--15 {
    width: 163px;
}
.column--25 {
    width: 260px;
}
.column--33 {
    width: 360px;
}
.column--66 {
    width: 750px;
}
.column--75 {
    width: 850px;
}
.columns--what {
    margin: 30px 0 100px;
}
.columns--stats {
    position: relative;
    z-index: 1;
    margin-bottom: -60px;
}
.about-text {
    width: 555px;
    margin: 0 auto 80px;
    font-size: 16px;
    line-height: 26px;
}
.about-text--wide {
    width: 800px;
    margin: 0 auto 105px;
}

.licenses h2 {
    margin-bottom: 60px;
}
.licenses {
    margin: 0 auto 90px;
    text-align: center;
    width: 1170px;
}
.licenses:after {
    display: block;
    content: "";
    clear: both;
}
.license {
    margin: 0 15px 30px;
    display: inline-block;
    width: 260px;
    min-height: 300px;
    background: #eee;
    line-height: 0;
    outline: none;
}
#location {
    height: 500px;
}
.columns--infra {
    margin: 60px auto;
    width: 840px;
    text-align: center;
}
.infra-pic {
    line-height:0;
}
.infra__icon {
    font-family: 'Arian AMU Serif', serif;
    font-weight: bold;
    font-size: 24px;
    color: #88668C;
    padding-top: 80px;
    margin: 0 0 10px 0;
    background: no-repeat center top;
}
.infra__desc {
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 20px;
}
.infra__icon--fontain {
    background-image: url('/local/templates/main/images/icon-fountain.svg');
}
.infra__icon--fishing {
    background-image: url('/local/templates/main/images/icon-fishing.svg');
}
.infra__icon--food {
    background-image: url('/local/templates/main/images/icon-food.svg');
}
.infra__icon--kid {
    background-image: url('/local/templates/main/images/icon-kid.svg');
}
.infra__icon--homework {
    background-image: url('/local/templates/main/images/icon-homework.svg');
}
.infra__icon--church {
    background-image: url('/local/templates/main/images/icon-church.svg');
}
.history {
    width: 1170px;
    margin: 0 auto 100px;
    text-align: center;
}
.history h2 {
    margin-top: 70px;
}
.history_slide {
    margin: 0 15px 30px;
    display: inline-block;
    width: 260px;
    min-height: 200px;
    background: #eee;
    line-height: 0;
    outline: none;
}

.documents {
    width: 1170px;
    margin: 0 auto 100px;
}
.documents h2 {
    text-align: center;
margin: 60px 0 40px;
}
.document {
    display: inline-block;
    vertical-align: top;
    padding-left: 60px;
    margin: 0 15px 30px;
    width: 360px;
    min-height: 40px;
    box-sizing: border-box;
    text-decoration: none;
    background: url('/local/templates/main/images/icon-file.svg') no-repeat 0 top;
}
.new .document {
    margin: 30px 15px 0;
}
.document__name {
    color: #000;
    border-bottom: solid 1px #D2D2D2;
    transition: .2s all;
}
.document__meta {
    display: block;
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #7E7E7E;
    /*font-style: italic;*/
    line-height: 16px;
}
.document__size {
    display: block;
    margin: 5px 0 0 0;
    font-size: 14px;
    color: #7E7E7E;
    line-height: 22px;
}
.document:hover .document__name {
    color: #88668C;
    border-bottom: solid 1px #88668C;
}
sup {
    vertical-align: top;
    position: relative;
    top: -0.4em;
}
.credit-table {
    width: 100%;
    border-collapse: collapse;
}
.credit-table th, .credit-table td {
    border-top: solid 1px #EDEDED;
    border-bottom: solid 1px #EDEDED;
}
.credit-table th {
    text-align: left;
    font-family: 'Arian AMU Serif', serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #4A4A4A;
    padding: 15px 0;
}
.credit-table td {
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    vertical-align: top;
    padding: 20px 0;
}
.credit-table td:first-child {
    width: 200px;
    padding-right: 20px;
    text-align: center;
}
.credit__left {
    width: 850px;
    float: left;
}
.credit__right {
    width: 260px;
    float: right;
}
.credit {
    margin: 60px 0 120px;
}
.credit:after {
    display: block;
    clear: both;
    content: '';
}
.contacts {
    width: 1140px;
    margin: 60px auto 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.08);
}
.contacts:after {
    display: block;
    clear: both;
    content: '';
}
.contacts__left {
    width: 460px;
    min-height: 500px;
    float: left;
    color: #fff;
    background: #88668C;
    padding: 40px 50px;
    box-sizing: border-box;
}
.contacts__left h2 {
    color: #fff;
    margin: 0;
}
.contacts__left strong {
    font-family: 'Arian AMU Serif', serif;
    font-weight: 700;
    display: block;
    margin: 0 0 5px 0;
}
.contacts__right {
    width: 680px;
    float: left;
    padding: 40px 50px;
    box-sizing: border-box;
    min-height: 500px;
    color: #000;
    background: #FAFAFA;
}
.contacts__map {
    height: 500px;
    width: 100%;
    display: block;
    position: relative;
    margin-top: 50px;
}
#contacts__map {
    width: 100%;
    display: block;
    height: 500px;
}
.contacts__right h2 {
    margin: 0 0 10px 0;
}

.input {
    border: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
    padding: 3px 0;
    width: 100%;
    background: none;
    outline: none;
    line-height: 28px;
    border-bottom: 1px solid #979797;
}
.input:focus {
    border-color: #000;
}

.plan-house {
    position: absolute;
    top: 50%;
    left: 50%;
    text-decoration: none;
    z-index: 1;
    transition: none;
}
.plan-house__num {
    display: block;
    width: 63px;
    height: 63px;
    background: url('/local/templates/main/images/icon-house-sq.svg') no-repeat center center;
    line-height: 63px;
    text-align: center;
    font-family: 'Arian AMU Serif', serif;
    font-size: 18px;
    color: #88668C;
    font-weight: 700;
    margin: -32px 0 0 -32px;
}
.plan-house__hover {
    display: none;
}
.plan-house:hover {
    z-index: 2;
}
.plan-house:hover .plan-house__hover {
    display: block;
}
.plan-house__hover {
    padding: 15px 20px;
    background: #FFFFFF;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.50);
    line-height: 25px;
    font-size: 14px;
    width: 200px;
    position: absolute;
    left: 50%;
    bottom: 32px;
    margin: 0 0 0 -116px;
    box-sizing: border-box;
    color: #000000;
}
.plan-house__hover:before {
    transform: rotate(-45deg);
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -10px;
    box-sizing: border-box;
    background: #88668C;
    border: 3px solid #F8F5F8;
}
.plan-house__flats {
    display: block;
}
.plan-house__status {
    display: block;
}
.plan-house:hover .plan-house__num {
    opacity: 0;
}
.plan-house--1 {
    left: 78%;
    top: 31%;
}
.plan-house--2 {
    left: 69%;
    top: 39%;
}
.plan-house--3 {
    left: 61%;
    top: 36%;
}
.plan-house--4 {
    left: 55%;
    top: 56%;
}
.plan-house--5 {
    left: 46%;
    top: 45%;
}
.plan-house--6 {
    left: 35%;
    top: 64%;
}
.plan-house--7 {
    left: 28%;
    top: 55%;
}
.plan-house--8 {
    left: 16%;
    top: 69%;
}

.plan-house__status:before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    content: "";
    background: #888;
}
.plan-house__status--2:before {
    background: #A7D22D;
}

.top--house {
    padding: 0;
    background: none;
    height: 680px;
    overflow: hidden;
}
.house-pic {
    position: absolute;
    height: 680px;
    width: 1920px;
    left: 50%;
    margin: 0 0 0 -960px;
}
.house-pic-d {
    position: relative;
    z-index: 1;
}
.house-pic-h {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 680px;
    z-index: 2;
    /*opacity: 0;*/
}
.floor-pic-h {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    /*max-height: 450px;*/
    z-index: 2;
}
.schema__pic img {
    max-width: 100%;
    /*max-height: 450px;*/
}
.house-pic:hover .house-pic-h {
    opacity: 1;
}
.house-pic-h polygon {
    cursor: pointer;
}
#fly {
    width: 100%;
    height: auto;
    /*margin: -5.6% auto;*/
    margin: 0 auto;
}
.top__slides-holder {
    /*position: absolute;*/
    /*top: -100px;*/
    /*left: 50%;*/
    /*margin-left: -1000px;*/
    /*width: 2000px;*/
    line-height: 0;
    /*max-height: 901px;*/
    /*overflow: hidden;*/
}
.top__slides {
    /*height: 901px;*/
}
.top__slide {
    display: none;
    /*width: 2000px;*/
    /*height: 901px;*/
}
.top__slide:first-child {
    display: block;
    /*width: 2000px;*/
    /*height: 901px;*/
}
.top__slide img {
    /*width: 2000px;*/
    /*height: 901px;*/
}
.house-pic__floor-info {
    top: 50%;
    left: 50%;
    margin: -80px 0 0 -570px;
    z-index: 5;
    display: none;
    background: #FFFFFF;
    padding: 20px 35px 20px 25px;
    position: absolute;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.50);
}
.house-pic-house-2 .house-pic__floor-info {
    margin: -215px 0 0 -240px;
}
.house-pic-house-3 .house-pic__floor-info {
    /*margin: 70px 0 0 50px;*/
}
.house-pic-house-4 .house-pic__floor-info {
    /*margin: 120px 0 0 50px;*/
}
.house-pic-house-5 .house-pic__floor-info {
    margin: -215px 0 0 -240px;
}
.house-pic-house-6 .house-pic__floor-info {
    /*margin: -190px 0 0 -410px;*/
}
.house-pic-house-7 .house-pic__floor-info {
    /*margin: 80px 0 0 -50px;*/
}
.house-pic-house-8 .house-pic__floor-info {
    margin: -215px 0 0 50px;
}


.house-pic__floor-info:before {
    transform: rotate(-45deg);
    width: 20px;
    height: 20px;
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    right: -10px;
    margin: -10px 0 0 0;
    box-sizing: border-box;
    background: #88668C;
    border: 3px solid #F8F5F8;
}
.floor-info__num {
    width: 55px;
    margin: 0 20px 0 0;
    float: left;
    font-family: 'Arian AMU Serif', serif;
    color: #88668C;
    letter-spacing: 0;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}
.floor-info__num span {
    font-size: 48px;
    display: block;
    line-height: 48px;
}
.floor-info__flats {
    float: right;
    line-height: 24px;
    width: 140px;
    font-size: 14px;
}
.row__right--high {
    font-family: 'Arian AMU Serif', serif;
    color: #88668C;
    font-weight: 700;
}
.row--ghost {
    opacity: .5;
}
.floor {
    padding: 55px 20px 120px 20px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
    position: relative;
    box-sizing: border-box;
    /*min-height: 560px;*/
}
.floor__close, .flat__close {
    position: absolute;
    top: 28px;
    right: 26px;
}
.close {
    display: block;
    width: 20px;
    height: 20px;
    background: url('/local/templates/main/images/icon-close.svg') no-repeat center center;
    border: none;
    opacity: .2;
}
.close:hover {
    opacity: .4;
}
.floor__schema {
    width: 670px;
    /*min-height:450px;*/
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.schema__pic {
    position: relative;
    margin: 0 auto;
}
.flat-info {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    text-decoration: none;
    z-index: 3;
    color: #000;
}
.flat-info.hover {
    z-index: 4;
}
.flat-info.hover span {
    opacity: 0;
}
.flat-info span {
    display: block;
    font-family: 'Arian AMU Serif', serif;
    font-weight: bold;
    font-size: 18px;
    color: #88668C;
    line-height: 40px;
    position: relative;
    z-index: 2;
    width: 40px;
    height: 40px;
}
.flat-info:before {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    transform: rotate(45deg);
    background: #fff;
    border: solid 3px #88668C;
}
.flat-info.hover:before {
    opacity: 0;
}
.flat-info--reserv span {
    color: #aaa;
}
.flat-info--reserv:before {
    border: solid 3px #aaa;
}
/*.flat-info__hover {*/
/*}*/
/*.flat-info__hover:before {*/
    /*transform: rotate(-45deg);*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*content: "";*/
    /*display: none;*/
    /*position: absolute;*/
    /*right: -10px;*/
    /*top: 50%;*/
    /*margin: -10px 0 0 0;*/
    /*box-sizing: border-box;*/
    /*background: #88668C;*/
    /*border: 3px solid #F8F5F8;*/
/*}*/
.flat-info__left {
    float: left;
    text-align: left;
    max-width: 120px;
}
.flat-info__right {
    float: right;
    text-align: left;
    max-width: 60px;
    font-size: 14px;
}
.flat-info__num {
    font-family: 'Arian AMU Serif', serif;
    font-weight: 700;
    font-size: 16px;
    color: #88668C;
    display: block;
}
.flat-info__price {
    font-family: 'Arian AMU Serif', serif;
    font-weight: 700;
    font-size: 14px;
    color: #000000;
    display: block;
}
.flat-info__room, .flat-info__sq {
    display: block;
}
.floor__floors {
    position: absolute;
    top: 50%;
    left: 20px;
    margin: -185px 0 0 0;
}
.floor__floor {
    margin: 5px 0;
    display: block;
    line-height: 64px;
    text-align: center;
    text-decoration: none;
    font-family: 'Arian AMU Serif', serif;
    font-weight: bold;
    width: 64px;
    height: 64px;
    background: none;
    color: #4A4A4A;
}
.floor__floor.selected {
    background: url('/local/templates/main/images/icon-purple-back.svg') no-repeat center center;
    color: #fff;
}
.flat {
    position: relative;
    background: #fff;
    padding: 40px 20px 105px 70px;
}
.flat__left {
    float: left;
    width: 440px;
}
.flat__right {
    float: right;
    width: 540px;
}
.flat__right h1 {

    font-family: 'Arian AMU Serif', serif;
    text-align: left;
    box-shadow: none;
    text-shadow: none;
    font-size: 30px;
    color: #000000;
    margin: 30px 0 20px 0;
    letter-spacing: 2px;
}
.flat-menu {
    text-align: left;
    margin: 0 0 30px 0;
}
.flat-menu a {
    line-height: 38px;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    text-decoration: none;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    color: #000000;
}
.flat-menu a.selected {
    color: #88668C;
    border-color: #88668C;
}
.flat-menu a:hover {
    color: #88668C;
}
.flat__data {
    margin: 25px 0 60px 0;
}
.flat__data span {
    margin: 0 35px 0 0;
}
.flat__price {
    font-family: 'Arian AMU Serif', serif;
    font-weight: 700;
    font-size: 30px;
    color: #000000;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 30px 0;
}
.flat__button {
    width: 220px;
}
.flat__button a {
    background-image: none;
    padding: 15px 0;
    text-align: center;
}

.fancybox-form {
    background: #fff;
    padding: 40px 60px 40px 50px;
    display: none;
    width: 680px;
    box-sizing: border-box;
}
.fancybox-form h2 {
    margin: 0 0 10px 0;
}
.experience {
    margin: 40px 0;
}
.experiences h2 {
    text-align: center;
}
.experience__name {
    font-family: 'Arian AMU Serif', serif;
    font-weight: 700;
    /*color: #88668C;*/
    font-size: 18px;
    line-height: 26px;
}
.columns--news {
    margin: 70px 0 120px;
}
.news__left {
    background: #FAFAFA;
    border: 1px solid #EDEDED;
}

.new {
    border-bottom: solid 1px #EDEDED;
    padding: 0 0 55px 0;
    margin: 0 0 35px 0;
}
.new__date {
    font-size: 16px;
    color: #9B9B9B;
}
.new__title {
    font-family: 'Arian AMU Serif', serif;
    font-weight: 700;
    font-size: 36px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 48px;
}
.new__desc {
    font-size: 16px;
    margin: 13px 0 0 0;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 26px;
}
.new-pic {
    max-height: 100px;
    line-height: 0;
    display: inline-block;
    margin: 10px 20px 0 0;
}
.new-pic img {
    max-height: 100px;
}
.list-new {
    padding: 30px;
    display: block;
    text-decoration: none;
    box-shadow: 0 0 0 0 rgba(0,0,0,0.08);
}
.list-new__date {
    font-size: 16px;
    color: #9B9B9B;
    margin: 0 0 10px 0;
    display: block;
}
.list-new__title {
    font-family: 'Arian AMU Serif', serif;
    font-weight: 700;
    font-size: 18px;
    color: #4A4A4A;
    line-height: 26px;
}

.list-new:hover {
    background: #fff;
    box-shadow: 0 8px 40px 0 rgba(0,0,0,0.08);
}
.list-new:hover .list-new__title {
    color: #88668C;
    background: #fff;
}
.flat-info__hover {
    position: fixed;
    display: block;
    opacity: 0;
    top: 50%;
    left: 50%;
    background: #FFFFFF;
    box-shadow: 0 2px 40px 0 rgba(0,0,0,0.08);
    margin: -40px 0 0 -230px;
    z-index: 5;
    min-height: 80px;
    width: 220px;
    box-sizing: border-box;
    padding: 14px 20px 14px 20px;
    line-height: 26px;
    transition: .3s opacity;
}
.flat-info__hover.show {
    opacity: 1;
    display: block;
}
polygon[data-high] {
    cursor: pointer;
}
.crumbs {
    position: absolute;
    bottom: 30px;
    width: 270px;
    left: 50%;
    margin-left: -135px;
}
.crumbs__line {
    position: absolute;
    border-bottom: dashed 1px #979797;
    left: 0;
    right: 0;
    bottom: 6px;
    z-index: 1;
}
.crumb {
    display: block;
    width: 80px;
    margin: 0;
    bottom: 20px;
    /*opacity: 0.5;*/
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    position: absolute;
    letter-spacing: 0;
    text-align: center;
    z-index: 2;
    text-decoration: none;
}
.crumb:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 13px;
    height: 13px;
    margin: 0 0 0 -6px;
    transform: rotate(45deg);
    background: #979797;
}
.top--house .crumb span {
    opacity: .5;
    text-shadow: 0 2px 5px #000;
}
.crumb--active span {
    opacity: 1;
}
.crumb--active:before {
    background: #88668C;
    border: solid 1px #C7B4C8;
}
.crumb--was span {
    opacity: .75;
}
.crumb--was:before {
    background: #EDEDED;
    border: 1px solid #C7B4C8;
}
a.crumb:hover span {
    opacity: 1;
}
.crumb--1 {
    left: -40px;
}
.crumb--2 {
    left: 50px;
}
.crumb--3 {
    right: 50px;
}
.crumb--4 {
    right: -40px;
}
.floor .crumb, .flat .crumb {
    color: #000000;
}


/* End */


/* Start:/local/templates/main/template_styles.css?17492049225437*/
.top__slide--final {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity:0;
    z-index: 50;
}
.top__slide--final h1 {
    /*position: absolute;*/
    /*z-index: 51;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*width: 900px;*/
    /*margin: -40px 0 0 -450px;*/
}
.filter {
    background: #FBFBFB;
    border: 1px solid #EDEDED;
    padding: 25px 20px 25px 20px;
}
.filter__label {
    font-family: 'Arian AMU Serif', sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
}
.filter__field {
    margin: 0 0 30px 0;
    position: relative;
}

.filter__slider {
    background: #E2E2E2;
    height: 6px;
    border-radius: 3px;
    position: relative;
    margin-top: 15px;
}
.ui-slider-range {
    background: #88668C;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 3px;
}
.ui-slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    border: solid 1px #88668C;
    background: #FFF;
    transform-origin: 50% 50%;
    transform: rotate(45deg);
    margin: -7px 0 0 -7px;
    outline: none;
    cursor: pointer;
}
.filter__field--slider {
    padding-bottom: 41px;
}
.slider__value {
    position: absolute;
    top: 25px;
    background: none;
    border: none;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    margin: 0;
    outline: none;
    max-width: 100px;
}
.slider__value--left {
    left: 0;
}
.slider__value--right {
    right: 0;
    text-align: right;
}

.jq-checkbox, .jq-radio {
    vertical-align: -5px;
    width: 20px;
    height: 20px;
    margin: 0 4px 0 0;
    background: #FFFFFF;
    border: 1px solid #9B9B9B;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.filter__field--lines label:hover .jq-checkbox, .filter__field--lines label:hover .jq-radio {
    border: 1px solid #88668C;
}
.jq-checkbox input, .jq-radio input {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0;
}
.jq-checkbox.checked .jq-checkbox__div {
    width: 12px;
    height: 12px;
    margin: 3px 0 0 3px;
    background: #88668C;
}
.filter__field--lines label {
    cursor: pointer;
    margin: 9px 0;
    display: block;
}
.filter__field--lines label:hover {
    color: #88668C;
}
.filter__toggle input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.filter__toggle {
    display: inline-block;
    width: 26px;
    height: 27px;
    position: relative;
    cursor: pointer;
    margin: 10px 19px 0 0;
    color: #4A4A4A;
    font-family: 'Arian AMU Serif', sans-serif;
    font-size: 16px;
}
.filter__toggle span{
    display: block;
    text-align: center;
    line-height: 26px;
    position: relative;
    z-index: 2;
}
.filter__toggle:last-child {
    margin-right: 0;
}
.filter__toggle:before {
    content: '';
    z-index: 1;
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    background: #FFFFFF;
    transform-origin: 50% 50%;
    border: 1px solid #88668C;
    transform: rotate(45deg);
}
.filter__toggle--active {
    color: #fff;
}
.filter__toggle--active:before {
    background: #88668C;
}
.filter-title {
    margin: 55px 0 30px;
}

.list-flat {
    border-bottom: solid 1px #EDEDED;
    padding: 20px 0;
}
.list-flat__pic {
    width: 200px;
    height: 170px;
    background: no-repeat center center;
    background-size: contain;
    float: left;
    margin: 0 45px 0 0;
}
.list-flat__info {
    margin-left: 245px;
    padding: 20px 0 0 0;
}
.list-flat__title {
    font-family: 'Arian AMU Serif', sans-serif;
    font-size: 20px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 26px;
    border-bottom: solid 1px rgba(0,0,0,0.25);
    text-decoration: none;
}
.list-flat__title:hover {
    color: #88668C;
    border-bottom: solid 1px #88668C;
}
.list-flat__params {
    margin: 20px 0 0 0;
}
.list-flat__param {
    display: inline-block;
    margin: 12px 50px 0 0;
    min-width: 50px;
    vertical-align: top;
}
.list-flat__param--imp {
    font-weight: bold;
}
.pager-navigation {
    margin: 50px 0 60px;
}
.pager-navigation a, .pager-previous, .pager-next, .pager-first, .pager-current {
    display: block;
    float: left;
    min-width: 60px;
    padding: 0 20px;
    text-decoration: none;
    box-sizing: border-box;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: solid 1px #C7B4C8;
    color: #9B9B9B;
    font-family: "Arian AMU Serif", sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    z-index: 1;
    position: relative;
    margin: 0 -1px 0 0;
    cursor: pointer;
}
a.pager-next, a.pager-previous {
    border: none;
}
.pager-navigation a:hover {
    color: #4A4A4A;
    border-color: #88668C;
    z-index: 2;
}
.pager-current {
    z-index: 2;
    border: solid 1px #88668C;
    background: #88668C;
    color: #fff;
}

.prominado {
    border: none;
    display: block;
    height: 24px;
    line-height: 24px;
    width: 125px;
    background: url('/local/templates/main/images/prominado.svg') no-repeat center center;
    outline: none;
    overflow: hidden;
    text-indent: 130px;
    white-space: nowrap;
    opacity: 0.9;
    transition: .3s opacity;
}
.prominado:hover {
    opacity: 1;
    border: none;
}
.footer__tiny {
    padding: 20px 0;
}
.tiny-left {
    float: left;
    line-height: 24px;
font-size: 14px;
}
.tiny-right {
    float: right;
}
/* End */
/* /local/templates/main/js/animate.css?174920492457095 */
/* /local/templates/main/js/jquery.fancybox.min.css?174920492410424 */
/* /local/templates/main/components/bitrix/menu/simple/style.min.css?1749204924490 */
/* /local/templates/main/components/bitrix/menu/subtop/style.min.css?1749204924490 */
/* /local/templates/main/styles.css?174920492431714 */
/* /local/templates/main/template_styles.css?17492049225437 */