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

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*!
 * Viewer.js v1.10.2
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-10-22T13:59:46.805Z
 */

.viewer-zoom-in::before,
.viewer-zoom-out::before,
.viewer-one-to-one::before,
.viewer-reset::before,
.viewer-prev::before,
.viewer-play::before,
.viewer-next::before,
.viewer-rotate-left::before,
.viewer-rotate-right::before,
.viewer-flip-horizontal::before,
.viewer-flip-vertical::before,
.viewer-fullscreen::before,
.viewer-fullscreen-exit::before,
.viewer-close::before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}

.viewer-zoom-in::before {
  background-position: 0 0;
  content: 'Zoom In';
}

.viewer-zoom-out::before {
  background-position: -20px 0;
  content: 'Zoom Out';
}

.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
}

.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
}

.viewer-prev::before {
  background-position: -80px 0;
  content: 'Previous';
}

.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
}

.viewer-next::before {
  background-position: -120px 0;
  content: 'Next';
}

.viewer-rotate-left::before {
  background-position: -140px 0;
  content: 'Rotate Left';
}

.viewer-rotate-right::before {
  background-position: -160px 0;
  content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
}

.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
}

.viewer-close::before {
  background-position: -260px 0;
  content: 'Close';
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.viewer-container::-moz-selection,
.viewer-container *::-moz-selection {
  background-color: transparent;
}

.viewer-container::selection,
.viewer-container *::selection {
  background-color: transparent;
}

.viewer-container:focus {
  outline: 0;
}

.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  width: 30px;
}

.viewer-list > li:focus,
.viewer-list > li:hover {
  opacity: 0.75;
}

.viewer-list > li:focus {
  outline: 0;
}

.viewer-list > li + li {
  margin-left: 1px;
}

.viewer-list > .viewer-loading {
  position: relative;
}

.viewer-list > .viewer-loading::after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}

.viewer-list > .viewer-active,
.viewer-list > .viewer-active:focus,
.viewer-list > .viewer-active:hover {
  opacity: 1;
}

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}

.viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 6px 3px;
}

.viewer-toolbar > ul > li {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 24px;
}

.viewer-toolbar > ul > li:focus,
.viewer-toolbar > ul > li:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-toolbar > ul > li:focus {
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
  outline: 0;
  position: relative;
  z-index: 1;
}

.viewer-toolbar > ul > li::before {
  margin: 2px;
}

.viewer-toolbar > ul > li + li {
  margin-left: 1px;
}

.viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}

.viewer-toolbar > ul > .viewer-small::before {
  margin: -1px;
}

.viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}

.viewer-toolbar > ul > .viewer-large::before {
  margin: 5px;
}

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 0 5% 5px;
  max-width: 90%;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
  opacity: 1;
}

.viewer-button {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus,
.viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-button:focus {
  -webkit-box-shadow: 0 0 3px #fff;
  box-shadow: 0 0 3px #fff;
  outline: 0;
}

.viewer-button::before {
  bottom: 15px;
  left: 15px;
  position: absolute;
}

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@-webkit-keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

.viewer-loading::after {
  -webkit-animation: viewer-spinner 1s linear infinite;
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}

@font-face {
 font-family: "Oswald";
 src: url("./fonts/Oswald-Regular.ttf");
 font-display: swap;
}
@font-face {
 font-family: "Oswald";
 src: url("./fonts/Oswald-Bold.ttf");
 font-weight: 500;
}
@font-face {
 font-family: "Oswald";
 src: url("./fonts/Oswald-Light.ttf");
 font-weight: 300;
}
@font-face {
 font-family: "Ysabeau";
 src: url("./fonts/Ysabeau-Regular.ttf");
 font-display: swap;
}
@font-face {
 font-family: "Ysabeau";
 src: url("./fonts/Ysabeau-Medium.ttf");
 font-weight: 500;
}
@font-face {
 font-family: "Ysabeau";
 src: url("./fonts/Ysabeau-Light.ttf");
 font-weight: 300;
}
@font-face {
 font-family: "Inter";
 src: url("./fonts/Inter-Regular.woff2") format("woff2");
 font-display: swap;
}
/*
@font-face {
 font-family: "Inter";
 src: url("./fonts/Inter-SemiBold.ttf");
 font-weight: 600;
}*/
@font-face {
 font-family: "Inter";
 src: url("./fonts/Inter-Bold.ttf");
 font-weight: 500;
}
/*
@font-face {
 font-family: "Inter";
 src: url("./fonts/Inter-ExtraBold.ttf");
 font-weight: 700;
}*/
@font-face {
 font-family: "Inter";
 src: url("./fonts/Inter-Light.ttf");
 font-weight: 300;
}
@font-face {
 font-family: "Roboto";
 src: url("./fonts/Roboto-Thin.ttf");
 font-weight:200;
 font-display:swap;
}
@font-face {
 font-family: "Roboto";
 src: url("./fonts/Roboto-Light.ttf");
 font-weight:300;
 font-display:swap;
}
@font-face {
 font-family: "Roboto";
 src: url("./fonts/Roboto-Medium.ttf");
 font-weight:500;
 font-display:swap;
}
@font-face {
 font-family: "Roboto";
 src: url("./fonts/Roboto-Bold.ttf");
 font-weight:600;
 font-display:swap;
}
@font-face {
 font-family: "Roboto";
 src: url("./fonts/Roboto-Regular.ttf");
 font-weight:400;
 font-display:swap;
}
@media(min-width:1200px){
    .container{
        max-width: 1300px;
    }
}

:root{
    --text-color:#161a1d;
    --grey-text-color: #505a62;
    --link-color:#00bfca;
    --font-family-base:"Roboto", sans-serif;
    --button-color-base:#00BFCA;
    --button-color-hover-base:#02a9b3;
    --base-site-color:#00bfca;
}

body.fixed{
    overflow:hidden;
}
body{
    color:#161a1d;
    font-size: 16px;
    font-family: var(--font-family-base);
    font-weight: 200;
    
}
.dropdown-toggle::after {
    display:none;
}
body {
    margin-left: calc(100vw - 100%);
    margin-right: 0;
  }
h1{
    font-size: 29px;
}
h2{
    font-size: 18px;
}
a{
    color:var(--text-color);
}
a:hover{
    color:var(--link-color);
}
hr.long{
    background: #E5E5E5;
    border: 0;
    height:1px;
    margin: 0px 0px 30px 0px;
    opacity: 1;
}
.hamburger {
    font: inherit;
    /*display: inline-block;*/
    overflow: visible;
    margin: 0;
    padding: 0 3px;
    padding-right:10px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
}
.catalog-btn .btn{
    display: inline-flex;
    text-wrap: nowrap;
}
.catalog-btn .btn.opened .hamburger .hamburger-inner {
    transform: translate3d(0, 6px, 0) rotate(45deg);
}
.catalog-btn .btn.opened .hamburger .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}
.catalog-btn .btn.opened .hamburger .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-90deg);
}
.hamburger .hamburger-inner, .hamburger .hamburger-inner::after, .hamburger .hamburger-inner::before {
    display: block;
    content: "";
    position: absolute;
    width: 18px;
    height: 2.1px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    background-color: #fff;
}
.hamburger .hamburger-box {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 16px;
}
.hamburger .hamburger-inner {
    top: 2px;
    background: #fff;
}
.hamburger .hamburger-inner::before {
    top: 5px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity;
    /*width: 12px;*/
}
.hamburger .hamburger-inner::after {
    bottom: -10px;
    top: 10px;
}







.btn {
    border-radius:5px;
    font-size: 16px;
    /*line-height: 24px;*/
    font-weight: 400;
    text-align: center;
    align-items: center;
}
.btn-outline-primary{
    color: var(--button-color-base);
    border-color: var(--button-color-base);
}
.btn-check:checked + .btn-outline-primary{
	background-color: var(--button-color-base);
	border-color: var(--button-color-base);
}
.btn{
    box-shadow: none!important;
}
.catalog-btn .btn.opened,
.btn-primary:active,
.btn-primary:hover{
    background-color: var(--button-color-hover-base);
    border-color: var(--button-color-hover-base);
    outline: none;
}

.btn-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-primary{
    background-color: var(--button-color-base);
    border-color: var(--button-color-base);
}

.font-size-12{
    
    font-size:12px;
}
.dropdown ul a{
    padding: 10px 16px;
}
.dropdown ul{
    width: 220px;
}

.dropdown ul li:not(:last-child){
    border-bottom: 1px solid rgba(0,0,0,0.06);
    text-decoration: none;
    transition: background .25s;
}
.dropdown ul a:last-of-type{
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.content{
    min-height:50vh;
}
.dropdown-menu{
    border-radius: 8px;
    
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    background-color: #f5f5f5;
}



/* header */

.nav-mini .dropdown-menu,
.nav-mini{

    font-size:14px;
    line-height: 20px;
}
.search-form-container  .input-group-text,
.search-form-container   input{
    border: none;
}

.search-form-container .input-group {
    background: #fff;
    border:1px solid #E6E6E6;
    border-radius: 5px;
    /*margin-left: 35px;*/
}
.search-form-container .input-group:focus-within {
    border: 1px var(--button-color-hover-base) solid;
    background: white;
}
.nav-main .catalog-btn .btn,
.fixed-menu .catalog-btn .btn{
    padding: 6px 15px;
	font-size:14px;
}
.logo img,
.nav-main .catalog-btn .btn,
.fixed-menu .catalog-btn .btn,
.search-form-container .input-group{
    height:38px;
    font-weight: 400;
}
.logo img{
    object-fit: cover;
}

.fixed-menu .container{
    height:71px;
}
.fixed-menu{
  max-width: 100vw;
    z-index: 1001;
    display:none;
    min-height: 73px;
    width:100%;
    /*background: rgba(255,255,255,0.9);*/
    background-color: #F8F8F8;
    will-change: auto;
    border-bottom: 1px solid rgba(0,0,0,0.07000000000000001);


}
.fixed-menu.fixed{
    display:block;
    position:fixed;
    top:0px;
    left:0px;
    /*margin-left: calc( ( 100vw - 100% ) / 2);*/
    margin-right: 0;

}

.fixed-menu .menu-links a{
  display:flex;
  font-size:12px;
  font-family:Roboto;
  font-weight:300;
  padding: 0px;
  height:48px;
  justify-content:flex-end;
  flex-direction: column;
  text-decoration: none;
  align-items: center;
  font-weight: 300;
}


.header-wrapper{
    
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.header-wrapper .nav-mini{
    height: 60px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.header-wrapper .menu-phone-email>a:first-child{
    padding-left:0px;
    margin-right:30px;
}
.header-wrapper .menu-links .dropdown-menu{
    margin-top: -2px !important;
}

.header-wrapper  .nav-main .menu-links>a{
    color:#102A38;
    
}
.header-wrapper .menu-links>a,
.header-wrapper .menu-links>.dropdown>a{

    color:#2C2C2C;
    
    text-decoration: none;
    padding:8px 5px 8px 0px;
    display:flex;
    float:left;
    align-items: center;
    /*margin-right: 15px;*/
    font-weight: 300;
}
.header-wrapper .nav-mini .menu-links:first-of-type>a{
    margin-left: 15px;
    
    padding-right: 15px;
}
.header-wrapper .nav-mini .menu-links:first-of-type>a:not(:last-of-type){
    border-right: 1px solid #E0E0E0;
}
.header-wrapper .menu-links>a:hover,
.header-wrapper .menu-links>div>a:hover{
    color: var(--link-color);
}

.header-wrapper .menu-phone-email {
  font-size: 18px;
  font-weight: 300;
}

.catalog-btn .dropdown-toggle::after {
    display:none;
}

.search-form-container input:focus,
.search-form-container input:hover,
.search-form-container input:active,
.search-form-container input{
    
    padding-left: 0px;
    box-shadow: none;
    background: transparent;
    border-left: 0px;
  font-weight: 300;
  font-size: 12px;
}
/* end header */


/* sidebar */

.sidebar {
  padding: 10px;
}

.sidebar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar ul li{
  margin:5px 0!important;
}

.sidebar ul li a{
  color: #2C2C2C;
  text-decoration: none;
  font-weight: 300;
  display: block;
  padding: 8px 0;
  align-items: center;
  font-weight: 400;
  border: 1px solid #00bfca;
  border-radius: 5px;
  font-size:16px;
}

/* sidebar end */


.container .breadcrumb-container.container{
	padding:0px!important;
}
.main-category-box a:hover{
	color:var(--link-color)!important;
}

/*  footer */
footer .img-logo{
    width:90%;
}
footer{
    color: #fff;
    margin-top: 60px;
    background: linear-gradient(90deg, #161a1d 50%, #23282c 50%);
    position: absolute;
    left: 0px;
    width: 100%;
}
footer .container .row>div:last-child{
    background-color: #23282c;
}
footer .container .row>div{
    padding-top:28px;
    padding-bottom:28px;
}

.catalog-list{
    border-bottom: 0px;
    
}
footer input[name="subscribe_email"]{
    max-width:336px;
}
footer .menu-bottom,
footer .catalog-list,
footer .menu{
    font-size: 14px;
}
.catalog-list .item{
    text-decoration: none;
    color:#ffffff;
    margin-right: 53px;
  text-transform: uppercase;
}

.catalog-list.privacy {
  font-size: 14px;
  opacity: 0.5;
  line-height: 1.5;
  text-align: right;
}

.catalog-list.privacy a.item{
  margin-top: 8px;
  display: block;
  text-decoration: none;
  color: inherit;
}

.subtitle{
    border-bottom: 1px solid rgba(255,255,255,0.4);
    margin-top:12px;
    margin-bottom:24px;
}
.company-info{
    margin-top:4px;
    margin-bottom:6px;
}
.menu-bottom  {
    padding-top: 16px;
}
.pay_system_icons i {
    display: inline-block;
    height: 20px;
    width: 34px;
    background: url(/images/pay_icons.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    margin: 0px 11px 0px 0px;
}
.pay_system_icons i.mastercard {
    background-position: 0px -1px;
}
.pay_system_icons i.visa {
    background-position: -46px -1px;
}
.pay_system_icons i.yandex_money {
    background-position: -94px -1px;
    width: 21px;
}
.pay_system_icons i.webmoney {
    background-position: -128px -1px;
    margin-right: 7px;
}
.pay_system_icons i.qiwi {
    background-position: -172px -1px;
    margin-right: 0px;
}
footer .menu{
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding: 32px 0 16px;
}
footer .menu a:hover,
.catalog-list a:hover{
    color: var(--link-color);
}
footer .menu a{
    color:white;
    text-decoration: none;
    margin-right: 24px;
    margin-bottom: 16px;
}
/* end footer */






.breadcrumb-item a{
    color:var(--text-color);
    text-decoration: none;
}
.breadcrumb-item a:hover{
    color:var(--link-color);
}
.breadcrumb-item{
    font-size:14px;
}


.pagetitle{
    margin: 15px 0px;
}

/* products */

.product-cell .product-title:hover {
    color:var(--link-color);
}
.product-cell .product-title {
    text-decoration: underline;
    font-size:16px;
    font-weight:500;
    color:#4C4C4C;
    font-family:Roboto;
    margin-top:11px;
    display:block;
    text-decoration-thickness: 0.1px;
	text-decoration-color: rgba(23, 23, 28, 0.31);
}
.products-by-type {
	margin-bottom:38px;
}
.products-previous .col-lg-3,
.products-by-type .col-lg-3{
	border-right: 1px solid #EEE;
}
.products-by-type .row #special>div:last-of-type,
.products-by-type .row #popular>div:last-of-type,
.products-by-type .row>div:last-of-type{
	border-right: 0px solid #EEE;
}
.product-cell{
	position:relative;
}
.product-cell .product-marker .badge{
	background:#939393;
	margin-bottom:10px;
	padding:7px 23px;
	font-size:12px;
}


.product-cell .product-marker .badge-hit {
  background: #d83124;
}
.product-cell .product-marker .badge-in-stock {
  background: #67bd90;
}
.product-cell .product-marker .badge-discount {
  background: #f8d500;
  color: black;
}

.product-cell .product-marker .badge-article-number {
  background: #939393;
  color: #ffffff;
  font-weight: 300;
  border-radius: 5px;
}
.products-by-type .product-cell .product-marker .badge-article-number{
	background: transparent;
  color: #767676;
  font-weight: 300;
  border-radius: 5px;
  padding-left: 3px;
}
.product-cell .product-marker{
    top: 9px;
    left: 22px;
    position: absolute;

    z-index: 10;
    display:flex;
    flex-direction: column;
  display: flex;
}
.product-cell .product-short-desc{
	padding-top:4px;
	padding-bottom:8px;
	color:#B1B1B1;
	font-size:12px;
	height:64px;
	overflow:hidden;
	margin:0px;
}
.product-cell .product-preview {
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 100%;
    position:relative;
  display: flex;
  justify-content: center;
  border-color:#D9D9D9!important;
}
/*
.special .row > div,
.popular .row > div,
.product-container .products-previous .row > div{
	border-right:1px solid grey;
}*/
.product-cell .product-preview img{
  position: absolute;
  margin: 0px;
  width: calc(100% - 20px);
  height: calc(100% - 20px );
  object-fit: contain;
  box-sizing: content-box;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-cell .product-price{
	font-weight:500;
	color:#4c4c4c;
}
.product-cell-price{
	padding-top:0px;
	border-top:1px solid #EEEEEE;
}
.product-cell .product-price span{
	color:#C6C6C6;
	font-size:12px;
	line-height:12px;
	text-decoration: line-through;
	display:block;
	margin-top:2px;
	margin-left:27px;
}
.product-container .product-main-image{
    
}
.product-container .product-price{
    font-size:32px;
    line-height: 36px;
    font-weight: bold;
}

@media (max-width: 768px) {
  .products-by-type .row {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 15px;
  }

  .products-by-type .row::-webkit-scrollbar {
    display: none;
  }

  .products-by-type .col-lg-3 {
    flex: 0 0 75%;
    max-width: 75%;
    border-right: none;
    padding-right: 15px;
  }

  .product-cell {
    background: white;
    height: 100%;
  }

  .product-cell .product-preview img {
    width: 100%;
    height: auto;
  }
}


/* endproducts */



.catalog-menu{
    position:fixed;
    width:100%;
    height:calc(100vh - 129px);
    background: #fff;
    top: 129px;
    z-index: 10;
}

.catalog-menu:not(.open) {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.nav-main .btn-primary:focus,
.nav-main .btn-primary:active,
.dropdown-menu .btn-primary:focus ,
.dropdown-menu .btn-primary:active {
    box-shadow: none;
}
.dropdown ul li:last-of-type a {
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.dropdown ul li:first-of-type a {
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


.catalog-categories .catalog-links .catalog-request a:hover{
    color:var(--link-color);
    cursor: pointer;
}
.catalog-categories .catalog-links .catalog-request a{
    width: calc(100% - 16px);
    padding: 8px 12px;
    border: 1px solid var(--link-color);
    display: block;
    text-align: center;
}
.catalog-categories .catalog-links>a:hover {
    background-color: #f5f5f5;
}
.catalog-categories .catalog-links>a .menu-icon {
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 8px;
    flex-shrink: 0;
}
.catalog-categories .catalog-links a{
    display: flex;
    align-items: center;
    width: calc(100% - 16px);
    padding: 7px 12px;
	font-size: 15px;
    color: #161a1d;
    transition: background-color .2s cubic-bezier(.5, 0, 0, 1);
    position: relative;
    border-radius: 8px;
    border: 0;
    text-decoration: none;
}
.catalog-links {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px 0 48px;
    border-right: 1px solid rgba(0,0,0,0.07000000000000001);
}




.bootstrap-touchspin input{
    text-align:center;
}
.bootstrap-touchspin .input-group-prepend .btn-primary{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.bootstrap-touchspin .input-group-append .btn-primary{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


.subcategory-column{
    display: flex;
    flex-direction: column;
}

.subcategory a:hover{
    color:var(--link-color)
}
.subcategory a{
    margin-bottom: 8px;
    color: #7a8086;
    transition: color .2s;
    text-decoration: none;
}
.subcategory{
    margin: 12px;
    padding-right: 12px;
    display: inline-block;
    width: 100%;
}



.inputhelper {
  background: white;
  min-height: 30px;
  position: absolute;
  border: 1px solid #ced4da;
  border-top: 0px;
  transform: translateY(-2px);
}
.inputhelper div {
  padding: 0.375rem 0.75rem;
}
.inputhelper div:hover {
  color: white;
  background: #00bfca;
  cursor: pointer;
  font-weight:400;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "-";
}
.bg-shop {
  background: #3ab8ed;
}
.benefits {
  margin-top: 70px;
}
.description-wrap {
  margin-top: 70px;
}
.search-form-container form > div {
  position: relative;
}
.nav-main {
  position: relative;
  display: flex;
  align-items: center;
  max-height: 73px;
  background:#F8F8F8;
  
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
}
.fixed-menu .nav-main>.container {

	padding-left: 0px;
	padding-right: 0px;
}
.fixed-menu .nav-main {
	box-shadow:none;
}
.modal{
	    overflow: hidden;
}
.product-buy{
	background:#00bfca!important;
	border:#00bfca!important;
}
.product-buy:active,
.product-buy:visited,
.product-buy:focus,
.product-buy:focus-visible,
.product-buy:link,
.product-buy:target,
.product-buy:hover{
	background:#4C4C4C!important;
	border:#4C4C4C!important;
}
.card-informer .feather-shopping-cart {
  margin-top: -5px;
}
.bootstrap-touchspin .input-group-append button {
  border-right: 0px;
}
.bootstrap-touchspin .input-group-prepend button {
  border-left: 0px;
}
.bootstrap-touchspin .input-group-append,
.bootstrap-touchspin .input-group-prepend {
  border-radius: 8px;
}
.bootstrap-touchspin .input-group-append button,
.bootstrap-touchspin .input-group-prepend button {
  border-top: 0px;
  border-bottom: 0px;
}
.search-results {
  position: absolute;
  background: white;
  box-shadow: 0 8px 30px -20px rgba(10, 32, 41, 0.6), inset 0 0 0 1px rgba(0, 0, 0, 0.07);
  top: 100%;
  width: 100%;
  /*calc(100% - 38px);*/
  transform: translateX(-50%);
  left: 50%;
  z-index: 1000;
  margin-top: 12px;
}
.search-results .all-results {
  text-align: left;
}
.search-results .all-results > :not(:empty) {
  margin-top: 13px;
}
.search-results .all-results .title-search-results {
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}
.search-results .all-results div {
  font-size: 13px;
  line-height: 24px;
  padding: 1px 9px;
}
.search-results .all-results div a {
  display: block;
  height: 35px;
  line-height: 19px;
  margin-bottom: 4px;
}
.search-results .all-results div a img {
  width: 35px;
  height: 35px;
  -o-object-fit: cover;
     object-fit: cover;
  float: left;
}
.search-results .all-results .search-all-results {
  padding: 14px;
  justify-content: center;
  background-color: #f5f5f5;
  color: #505a62;
  margin-top: 10px;
}
.search-results .all-results .search-all-results a {
  height: 20px;
  margin-bottom: 0px;
}
.search-results .all-results .search-all-results:active,
.search-results .all-results .search-all-results:hover {
  color: #fff;
  background: #12b4f7;
}
.search-results .all-results .search-all-results:active a,
.search-results .all-results .search-all-results:hover a {
  color: #fff;
}
.menu-phone ul a span {
  overflow: hidden;
}
.catalog-categories {
  height: calc(100vh - 136px);
}
.catalog-categories > div {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

.subcategory-list .btn {
  font-size: 15px;
  line-height: 18px;
  color: black;
}
.subcategory-list .btn:active,
.subcategory-list .btn:hover {
  color: white;
}
.card-informer a {
  position: relative;
}
.card-informer a span {
  position: absolute;
  left: 15px;
  display: block;
  background: red;
  color: white;
  width: 13px;
  height: 13px;
  font-size: 10px;
  top: -5px;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
}
.card-informer a .card-wtotal {
  margin-left: 13px;
  display: none;
}
.bootstrap-touchspin .input-group-btn,
.bootstrap-touchspin{
    
    overflow:hidden;
}
.bootstrap-touchspin button{
    border: 0px;
    border-radius:0px;
}

.bootstrap-touchspin button:hover {
    background:var(--button-color-base)

}
.bootstrap-touchspin .input-group-prepend,
.bootstrap-touchspin .input-group-append,
.bootstrap-touchspin button {
    border-color: #505050!important;
}
.bootstrap-touchspin input {
  border-left: 0px;
  border-right: 0px;
  border-color: #505050;
  padding: 4px;
}
.bootstrap-touchspin .input-group-prepend {
  border: 1px solid #eeeeee;
  border-right: 0;
  border-radius: 6px;
}
.bootstrap-touchspin .input-group-append {
  border: 1px solid #eeeeee;
  border-left: 0;
  border-radius: 6px;
}
.bootstrap-touchspin .bootstrap-touchspin-postfix {
  border-right: 0px;
}
.bootstrap-touchspin .bootstrap-touchspin-postfix span {
  border: 0px;
  background: transparent;
  padding: 8px 3px;
  font-size: 14px;
}
.bootstrap-touchspin [data-toggle="touchspin"] {
  max-width: 30px;
}
[name="subscribe_email"] {
  box-shadow: none!important;
}
[name="subscribe_email"]:focus {
  border-color: #0589bf !important;
}
.table > :not(caption) > * > * {
  border-width: 0px;
}
.cart-table thead {
  border-bottom: 1px solid #515151;
  font-weight: 500;
  color: #515151;
}
.cart-table tr {
  border: 0px;
}
.cart-table tbody > tr:first-of-type td {
  padding-top: 20px;
  border: 0px;
}
.cart-table tbody > tr:last-of-type td {
  padding-bottom: 20px;
  border: 0px;
  
}
.cart-table tbody > tr td:first-of-type .cart-product-image{
	width:100px;
	height:100px;
	padding:10px;
	margin-right:59px;
	border:1px solid #F1F1F1;
	display:block;
	object-fit:contain;
	
}
.cart-table tbody > tr td:first-of-type {
	width:110px;
}
h5.font-bold {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #515151;
}
.form-check-label {
  margin-top: 4px;
}
.form-check-input {
  width: 22px;
  height: 22px;
  box-shadow: none!important;
}
.card {
  padding: 25px;
  border-radius: 10px;
  border: 1px solid #eeeeee;
}
.card .price-total {
  font-size: 25px;
}
.filter-scrolling .scrollbar-track {
  position: absolute;
  opacity: 0.5;
}
.viewer-list li {
  height: 90px;
}
.viewer-toolbar > ul > li {
  height: 34px;
  width: 34px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.modal.client-modal .modal-dialog {
  width: 449px;
  /*height: 100vh;*/
  min-height: 100vh;
  margin: auto;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-direction: row;
}
.modal.client-modal .modal-dialog .modal-content {
  border-radius: 12px;
  padding: 32px 24px;
}
.modal.client-modal .modal-dialog .modal-content .btn-close:hover {
	opacity: 1;
	background-color: white;
	color: grey;
}
.modal.client-modal .modal-dialog .modal-content .btn-close:hover::after,
.modal.client-modal .modal-dialog .modal-content .btn-close:hover::before{
	color: grey;
}
.modal.client-modal .modal-dialog .modal-content .btn-close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  /*padding: 20px;*/
  background-color: transparent;
  right: 10px;
  top: 10px;
  border-radius: 100%;
  opacity: 1;
  color: grey;
  background-image: none;
  box-shadow: none;
  position: absolute;
  top: -30px;
  right: -30px;
  background-color: white;
  border-radius: 100%;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  opacity: .5;
  color: #000;
}


.modal.client-modal .modal-dialog .modal-content .modal-footer .btn{
	text-transform:uppercase;
}


.modal.client-modal .modal-dialog .modal-content .btn-close:before {
  content: "";
  width: 20px;
  height: 2px;
  position: absolute;
  /*top:0px;
                        left:0px;*/
  display: block;
  background: grey;
  transform: rotateZ(45deg);
}
.modal.client-modal .modal-dialog .modal-content .btn-close:after {
  content: "";
  width: 20px;
  height: 2px;
  position: absolute;
  /*top:0px;
                        left:0px;*/
  display: block;
  background: grey;
  transform: rotateZ(-45deg);
}
.modal.client-modal .modal-dialog .modal-content .modal-header {
  border: 0px;
  padding: 0rem;
  padding-bottom: 0.2rem;
}
.modal.client-modal .modal-dialog .modal-content .modal-header .modal-title {
  margin-bottom: 15px;
}
.modal.client-modal .modal-dialog .modal-content .modal-footer {
  border: 0px;
  padding: 0rem;
  padding-top: 0rem;
}
.modal.client-modal .modal-dialog .modal-content .modal-footer .btn {
  height: 60px;
  padding: 17px 35px;
}
.modal.client-modal .modal-dialog .modal-content .modal-body {
  padding: 0rem;
}
.modal.client-modal .modal-header .modal-title {
  font-size: 27px;
  font-weight: 700;
}
.form-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
}
.form-item .form-label {
  position: absolute;
  pointer-events: none;
  top: 17px;
  left: 11px;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: 0.3s;
  color: #505963;
  line-height: 57px;
  width: calc(100% - 11px);
  background: #f7f7f7;
}
.form-item .form-control {
  background: #f7f7f7;
  border: 0px;
  box-shadow: none!important;
  height: 57px;
  padding: 17px 11px 16px;
}
.form-item .form-control:focus,
.form-item .form-control:not(:focus),
.form-item .form-control:active,
.form-item .form-control:not(:active) {
  padding: 27px 11px 6px;
}
.form-item .form-control:not(:-moz-placeholder-shown):not(:focus) + .form-label {
  font-size: 12px;
  line-height: 16px;
  top: 6px;
}
.form-item .form-control:not(:-ms-input-placeholder):not(:focus) + .form-label {
  font-size: 12px;
  line-height: 16px;
  top: 6px;
}
.form-item .form-control:focus + .form-label,
.form-item .form-control:not(:placeholder-shown):not(:focus) + .form-label {
  font-size: 12px;
  line-height: 16px;
  top: 6px;
}
.viewer-container .viewer-prev-img,
.viewer-container .viewer-next-img {
  position: absolute;
  top: 50vh;
  left: 130px;
  font-size: 40px;
  color: white;
  cursor: pointer;
}
.viewer-container .viewer-next-img {
  left: auto;
  right: 30px;
}
/*main page */
.banner-info-block {
  height: auto;
  border-radius: 10px;
  background: white;
  border: 1px solid #f3f4f6;
  top: -3rem;
  z-index: 2;
  display: block;
  position: relative;
  overflow: hidden;
}
.banner-info-block p {
  color: #aeaeae;
  line-height: 20px;
  font-size: 14px;
}
.banner-info-block .row {
  height: auto;
}

.modal .modal-footer .btn{
	position: relative;
	overflow:hidden;
}
.modal .modal-footer .btn .btn-curve{
	position: absolute;
  right: -15px;
  top: 0;
  width: 26px;
  height: 100%;
  background: #222429;
  opacity: 0.2;
  z-index: 0;
  display:block;
  -webkit-transform: skewX(-22deg);
  transform: skewX(-22deg);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  
  display: inline-block;
  font-size: 14px;
  margin-left: 3px;
}
.modal.client-modal .modal-header .modal-title,
.modal .modal-title{
	font-family:Oswald;
	font-weight:400!important;
	font-size:30px;
	text-align:center;
	width:100%;
	text-transform:uppercase;
}
.modal .modal-footer .btn:hover span {
	position:relative;
	z-index:1;
}
.modal .modal-footer .btn:hover .btn-curve {
  opacity: 1;
  right: 0;
  width: 100%;
  -webkit-transform: skewX(0deg);
  transform: skewX(0deg);
}

@media(max-width:768px){
	.banner-info-block{
		top:-15px;
		margin-bottom: 3rem!important;
	}
}
/*main page */


.primary-footer{
  background:#444444;
  height:auto;
  min-height: 99px;
  border-bottom:5px solid #00BFCA;
  padding: 20px 0;
}
.secondary-footer .row a{
	color:#0080CA;
	display:block;
	text-decoration:underline;
	margin-bottom:9px;
	font-family:Roboto;
	font-size:16px;
	font-weight:300;
}

.secondary-footer h4{
	font-family:Roboto;
	color:#4C4C4C;
	font-size:16px;
	font-weight:300;
	margin-bottom:30px;
}
.secondary-footer h4.small-padding{
	margin-bottom:12px;
	margin-top:26px;
}
footer .secondary-footer .container .row > div:last-child,
.secondary-footer div{
	background:white!important;
}
.secondary-footer{
	background:white;
}

.secondary-footer .ooo-inn{
  font-weight: 400
}

.nav-main .menu-links a{
	display:flex;
	font-size:12px;
	font-family:Roboto;
	font-weight:300;
	padding: 0px;
	height:48px;
	justify-content:flex-end;
	flex-direction: column;
}


h3.site-subtitle{
	color:#4C4C4C;
	font-size:20px;
	font-family:Roboto;
	font-weight:400;
	padding:4px;
	border-bottom:4px solid #00BFCA;
	display: flex;
	width: max-content;
	margin: auto;
	margin-bottom:19px;
}

h3.site-subtitle a{
  text-decoration: none;
  color:#4C4C4C;
}

.about-company {
margin-bottom:70px;
}

.about-company p{
	color:#4C4C4C;
	font-size:16px;
	font-family:Roboto;
	font-weight:400;
	
}

.font-size-lg {
  font-size: 1.08rem;
}
.text-dark-75 {
  color: #3f4254 !important;
}
.font-weight-bolder {
  font-weight: 600 !important;
}

.by-using-type .card-with-bottom-text .card-bottom-text{
	width:100%;
	min-height:30px;
	display:flex;
	position:absolute;
	bottom:0px;
	align-items:center;
	background:#00BFCA;
	justify-content:center;
	color:white;
	font-size:14px;
	font-family:Roboto;
	font-weight:400;
}
.by-using-type .card-with-bottom-text::before{
	content:"";
	float: left;
	padding-top:100%;
}
.by-using-type .card-with-bottom-text{
	width:calc( (100% - 44px * 4) / 5 );
	overflow:hidden;
	position:relative;
	background:#D9D9D9;
	border-radius:5px;
  height: 230px;
}
.by-using-type{
	margin-bottom:51px;
}

.carousel-item {
  height: 514px;
}

@media (max-width: 991px) {
  .by-using-type .d-flex {
    flex-wrap: wrap;
    gap: 20px;
  }
  .by-using-type .card-with-bottom-text {
    width: calc((100% - 20px) / 2);
  }

  .primary-footer .container .d-flex {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }

  .catalog-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }

  .catalog-list .item {
    margin-right: 0;
  }

  .catalog-list.privacy {
    text-align: center;
  }

  .img-logo {
    margin-bottom: 10px;
  }
}


@media (max-width: 575px) {
  .by-using-type .card-with-bottom-text {
    width: 100%;
    margin-bottom: 20px;
    min-height:40px;
  }
  .by-using-type .d-flex {
    flex-direction: column;
  }
  h3.site-subtitle {
    font-size: 18px;
  }

  .by-using-type .card-with-bottom-text .card-bottom-text{
    min-height:45px;
  }

  .carousel-item {
    height: 272px;
  }

  .catalog-list .item {
    font-size: 14px;
  }

  .catalog-list.privacy {
    font-size: 12px;
  }

}

.fcontact-container .fcontact-cell b{
	font-size:18px;
    font-weight: 500;
}

.fcontact-container .fcontact-cell img{
	width:30px;
	height:30px;
	margin-right:19px;
	margin-top:5px;
}
.fcontact-container .fcontact-cell{
	color:#4C4C4C;
	display:flex;
	justify-content:flex-start;
	margin-bottom:25px;
    text-align: left;
}

footer .secondary-footer{
	color:#4C4C4C;
}










.select2-container--default .select2-selection--single {
  
	border: 1px solid #ced4da;
}
.select2-container .select2-selection--single ,
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 38px;
	height: 38px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 36px;

  }
.grecaptcha-badge{
	display: none!important;
}
.vertiсal-informer {
	-webkit-animation: blink 2s linear infinite; 
	animation: blink 2s linear infinite; 
	font-weight: bold; 
	color: #fff; 
}

@-webkit-keyframes blink { 
	0% { background-color: #F00; }
	50% { background-color: #FBB; }
	100% { background-color: #F00; }
}

@keyframes blink {  
	0% { background-color: #F00; }
	50% { background-color: #FBB; }
	100% { background-color: #F00; } 
}
.point-meili{
	border-left:1px dotted green;
}
.point-ya{
	border-left:1px dotted red;
}
.vertiсal-informer{
	writing-mode: vertical-lr;
	position: fixed;
	left: calc(100% - 33px);
	width: 30px;
	top: 50%;
	transform: translateY(-50%);
	background: white;
	text-orientation: upright;
	padding: 5px;
	z-index: 10000;
	box-shadow: 0px 0px 1px black;
	cursor:pointer;
}

body,html{
	overflow-x: hidden;
    margin: 0;
}
body1 {position:absolute; margin:0; padding:0 0 0 0;}
.b-page__content{min-height:0px; z-index:1049;}
.b-page_newyear{
   padding-bottom: 100px;
   background: white;
}
.b-head-decor{display:none}
.b-page_newyear .b-head-decor{
   position:absolute;
   z-index:1049;
   top:0;
   left:0;
   display:block;
   height:115px;
   width:100%;
   overflow:hidden;
   background:url(/assets/new_year/balls/b-head-decor_newyear.png) repeat-x 0 0
}

.products-g-list .product-price-box .product-fastbuy{
	display: flex;
	align-items: center;
}
.products-g-list .product-price-box .product-fastbuy::before{
	content: "";
	background: url('/assets/Icon/image 89.svg') no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right:5px;
	background-size: 100%;
}

.products-g-list .product-price-box .product-fastbuy:hover{
    background:transparent;
    color:#727272;
}
.product-short-details:hover{
    color:black;
    
}
.product-container  .vendor-code-parent{
    margin-bottom:17px;
    
}
.product-container .vendor-code-parent .vendor-code-label button{
    margin-left:20px;
}
.product-container .vendor-code-parent .vendor-code-label *{
    font-size:16px;
    color:#393939;
    font-weight: 300;
    font-family: Roboto;
}
.product-container .vendor-code-parent .vendor-code-label b{
    font-weight: 500;
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: flex;
}
.site-subtitle-wb {
  border-color: transparent !important;
}
.tk-legend-block p{
    color:#4C4C4C;
    font-size: 10px;
    font-family: Roboto;
    margin:0px;
    font-weight:400;
}
.tk-legend-block .map-icon{
    min-width:50px;
    height:50px;
    margin-right:22px;
    background:url(/assets/Icon/badge.png);
    background-size:contain;
    background-repeat:no-repeat!important;
}
div:nth-child(1)>.tk-legend-block .map-icon{
    background:url(/assets/Icon/delivery-man.png);
    background-size:contain;
}
div:nth-child(2)>.tk-legend-block .map-icon{
    background:url(/assets/Icon/pay-by-card.png);
    background-size:contain;
}
div:nth-child(3)>.tk-legend-block .map-icon{
    background:url(/assets/Icon/rent.png);
    background-size:contain;
}
.tk-legend-block.hovered .map-icon,
.tk-legend-block:hover .map-icon{
    width:55px;
    height:55px;
    margin-right:22px;
    background:url(/assets/Icon/badge-w.png);
    background-size:contain;
}
div:nth-child(1)>.tk-legend-block.hovered .map-icon,
div:nth-child(1)>.tk-legend-block:hover .map-icon{
    background:url(/assets/Icon/delivery-man-w.png);
    background-size:contain;
}
div:nth-child(2)>.tk-legend-block.hovered .map-icon,
div:nth-child(2)>.tk-legend-block:hover .map-icon{
    background:url(/assets/Icon/pay-by-card-w.png);
    background-size:contain;
}
div:nth-child(3)>.tk-legend-block.hovered .map-icon,
div:nth-child(3)>.tk-legend-block:hover .map-icon{
    background:url(/assets/Icon/rent-w.png);
    background-size:contain;
}
.tk-legend-block.hovered p,
.tk-legend-block:hover p{
    color:white;
}
.tk-legend-block.hovered,
.tk-legend-block:hover{
    background:#41494d;
    border-color:#41494d;
    border-width:1px;
    color:white;
    box-shadow: 0px 8px 7px #d7d7d7;
    transform: scale(1.1);
}
.tk-legend-block,
.tk-legend-block *{
 cursor:pointer;   
}
.tk-legend-block{
    border-radius:5px;
    border:1px solid #4C4C4C;
    padding:11px 24px 11px 14px;
    margin-top:40px;
    margin-bottom:20px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.prefure{
	padding:20px 20px 20px;
	border:1px solid #00bfca;
	border-radius: 5px;
	font-weight: 300;
	color:#727272;
}
div[itemprop="description"]{
    margin-bottom:0px;
}
.privacy{
    font-weight: 500;
}
.breadcrumb{
    margin-bottom:0px;
}

.search-form-container .feather-search{
	color:#5d5d5d;
}

.slider-nav .slick-slide > div >div img,
.slider-nav .slick-slide > div >div,
.slider-nav .slick-slide > div{
	height:100%!important;
}
.product-container .product-source-existence div:last-of-type{
	width:90px;
}
.contact-form{
	display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 576px) {
.modal.client-modal .modal-dialog .modal-content input[type=checkbox]{
	height:25px;
	min-width:25px;
}
  .modal.client-modal .modal-dialog .modal-content textarea,
  .modal.client-modal .modal-dialog .modal-content select,
  .modal.client-modal .modal-dialog .modal-content input[type=text]{
	display: block;
	  height: 70px;
	  width: 100%;
	  font-size: 14px;
	  color: #686a6f;
	  line-height: 40px;
	  font-weight: 400;
	  padding: 14px 30px;
	  background-color: #f4f5f8;
	  border: 1px solid #f4f5f8;
	  border-radius: 7px;
  }
  .modal.client-modal .modal-dialog .modal-content textarea{
	line-height: 20px;
}
  .modal.client-modal .modal-dialog .modal-content .form-label{
	display:none;
  }
  .modal.client-modal .modal-dialog .modal-content {
	border-radius: .3rem;
  }
  .modal.client-modal .modal-dialog {
    width: 375px;
  }
}
.client-modal input[type="checkbox"] {
	appearance: none;
	background-color:#f4f5f8;
	border-color:#f4f5f8;
}
.client-modal input[type="checkbox"]:checked {
    background-color: grey; /* Цвет фона при активации */
    border-color: grey;
}

.client-modal input[type="checkbox"]:checked::after {
    content: '';
    display: block;
    width: 11px;
	height: 16px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-left: 6px;
    margin-top: 1px;
  }

@media (max-width:600px){
    .form-with-map{
        flex-wrap: wrap;
        display:flex;
    }
    .form-with-map iframe {
        order:2;
    }
    .form-with-map .contact-form-container{
        transform: none;
        position: initial;
        order:0;
    }
    .form-with-map .contact-form {
        width: 100%;
    }
    .tk-legend-block{
        margin: 20px 0px;
    }
    footer .container .row > div{
		padding-top: 16px;
		padding-bottom: 16px;
    }
    .fcontact-container .fcontact-cell:last-of-type{
		margin-bottom: 0px;
    }
    .secondary-footer h4.small-padding{
		margin-top:32px;
    }
}

.b-page_newyear .b-head-decor__inner{position:absolute;top:0;left:0;height:115px;display:block;width:373px}
.b-page_newyear .b-head-decor::before{content:'';display:block;position:absolute;top:-115px;left:0;z-index:3;height:115px;display:block;width:100%;box-shadow:0 15px 30px rgba(0,0,0,0.75)}
.b-page_newyear .b-head-decor__inner_n2{left:373px}
.b-page_newyear .b-head-decor__inner_n3{left:746px}
.b-page_newyear .b-head-decor__inner_n4{left:1119px}
.b-page_newyear .b-head-decor__inner_n5{left:1492px}
.b-page_newyear .b-head-decor__inner_n6{left:1865px}
.b-page_newyear .b-head-decor__inner_n7{left:2238px}

.b-ball{position:absolute}
.b-ball_n1{top:0;left:3px;width:59px;height:83px}
.b-ball_n2{top:-19px;left:51px;width:55px;height:70px}
.b-ball_n3{top:9px;left:88px;width:49px;height:67px}
.b-ball_n4{top:0;left:133px;width:57px;height:102px}
.b-ball_n5{top:0;left:166px;width:49px;height:57px}
.b-ball_n6{top:6px;left:200px;width:54px;height:70px}
.b-ball_n7{top:0;left:240px;width:56px;height:67px}
.b-ball_n8{top:0;left:283px;width:54px;height:53px}
.b-ball_n9{top:10px;left:321px;width:49px;height:66px}
.b-ball_n1 .b-ball__i{background:url(/assets/new_year/balls/balls.webp) no-repeat;background-position: 0px -5px;}
.b-ball_n2 .b-ball__i{background:url(/assets/new_year/balls/balls.webp) no-repeat;background-position: 0px -105px;}
.b-ball_n3 .b-ball__i{background:url(/assets/new_year/balls/balls.webp) no-repeat;background-position: 0px -205px;}
.b-ball_n4 .b-ball__i{background:url(/assets/new_year/balls/balls.webp) no-repeat;background-position-y: -290px;}
.b-ball_n5 .b-ball__i{background:url(/assets/new_year/balls/balls.webp) no-repeat;background-position-y: -410px;}
.b-ball_n6 .b-ball__i{background:url(/assets/new_year/balls/balls.webp) no-repeat;background-position-y: -490px;}
.b-ball_n7 .b-ball__i{background:url(/assets/new_year/balls/balls.webp) no-repeat;background-position-y: -580px;}
.b-ball_n8 .b-ball__i{background:url(/assets/new_year/balls/balls.webp) no-repeat;background-position-y: -670px;}
.b-ball_n9 .b-ball__i{background:url(/assets/new_year/balls/balls.webp) no-repeat;background-position-y: -740px;}
.b-ball_i1 .b-ball__i{background:url(/assets/new_year/balls/b-ball_i1.png) no-repeat}
.b-ball_i2 .b-ball__i{background:url(/assets/new_year/balls/b-ball_i2.png) no-repeat}
.b-ball_i3 .b-ball__i{background:url(/assets/new_year/balls/b-ball_i3.png) no-repeat}
.b-ball_i4 .b-ball__i{background:url(/assets/new_year/balls/b-ball_i4.png) no-repeat}
.b-ball_i5 .b-ball__i{background:url(/assets/new_year/balls/b-ball_i5.png) no-repeat}
.b-ball_i6 .b-ball__i{background:url(/assets/new_year/balls/b-ball_i6.png) no-repeat}
.b-ball_i1{top:0;left:0;width:25px;height:71px}
.b-ball_i2{top:0;left:25px;width:61px;height:27px}
.b-ball_i3{top:0;left:176px;width:29px;height:31px}
.b-ball_i4{top:0;left:205px;width:50px;height:51px}
.b-ball_i5{top:0;left:289px;width:78px;height:28px}
.b-ball_i6{top:0;left:367px;width:6px;height:69px}
.b-ball__i{
position:absolute;
width:100%;
height:100%;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-o-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
pointer-events:none
}
.b-ball_bounce .b-ball__right{position:absolute;top:0;right:0;left:50%;bottom:0;z-index:9}
.b-ball_bounce:hover .b-ball__right{display:none}
.b-ball_bounce .b-ball__right:hover{left:0;display:block!important}
.b-ball_bounce.bounce>.b-ball__i{-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-o-transform:rotate(-9deg);transform:rotate(-9deg)}
.b-ball_bounce .b-ball__right.bounce+.b-ball__i{-webkit-transform:rotate(9deg);-moz-transform:rotate(9deg);-o-transform:rotate(9deg);transform:rotate(9deg)}
.b-ball_bounce.bounce1>.b-ball__i{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
.b-ball_bounce.bounce2>.b-ball__i{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.b-ball_bounce.bounce3>.b-ball__i{-webkit-transform:rotate(1.5deg);-moz-transform:rotate(1.5deg);-o-transform:rotate(1.5deg);transform:rotate(1.5deg)}
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i{-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}