.rc-switch {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 44px;
  height: 22px;
  line-height: 20px;
  padding: 0;
  vertical-align: middle;
  border-radius: 20px 20px;
  border: 1px solid #ccc;
  background-color: #ccc;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.rc-switch-inner {
  color: #fff;
  font-size: 12px;
  position: absolute;
  left: 24px;
  top: 0;
}
.rc-switch:after {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 2px;
  top: 1px;
  border-radius: 50% 50%;
  background-color: #fff;
  content: " ";
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  transform: scale(1);
  transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  animation-duration: 0.3s;
  animation-name: rcSwitchOff;
}
.rc-switch:hover:after {
  transform: scale(1.1);
  animation-name: rcSwitchOn;
}
.rc-switch:focus {
  box-shadow: 0 0 0 2px #d5f1fd;
  outline: none;
}
.rc-switch-checked {
  border: 1px solid #87d068;
  background-color: #87d068;
}
.rc-switch-checked .rc-switch-inner {
  left: 6px;
}
.rc-switch-checked:after {
  left: 22px;
}
.rc-switch-disabled {
  cursor: no-drop;
  background: #ccc;
  border-color: #ccc;
}
.rc-switch-disabled:after {
  background: #9e9e9e;
  animation-name: none;
  cursor: no-drop;
}
.rc-switch-disabled:hover:after {
  transform: scale(1);
  animation-name: none;
}
.rc-switch-label {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  padding-left: 10px;
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  user-select: text;
}
@keyframes rcSwitchOn {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes rcSwitchOff {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform: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)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@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)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%; }

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  -webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
      transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  -webkit-transform: translate(50%);
      -ms-transform: translate(50%);
          transform: translate(50%);
  -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_effects_close {
  -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_fix_effects_height {
  -webkit-animation: noty_anim_height 75ms ease-out;
          animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: .3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  -webkit-animation: noty_modal_in .3s ease-out;
          animation: noty_modal_in .3s ease-out; }

.noty_modal.noty_modal_close {
  -webkit-animation: noty_modal_out .3s ease-out;
          animation: noty_modal_out .3s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@-webkit-keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@-webkit-keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@-webkit-keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0; } }

@-webkit-keyframes noty_anim_height {
  100% {
    height: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }.noty_theme__relax.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__relax.noty_bar .noty_body {
    padding: 10px; }
  .noty_theme__relax.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px; }

.noty_theme__relax.noty_type__alert,
.noty_theme__relax.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__relax.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }
  .noty_theme__relax.noty_type__warning .noty_buttons {
    border-color: #dfaa30; }

.noty_theme__relax.noty_type__error {
  background-color: #FF8181;
  border: 1px solid #e25353;
  color: #FFF; }
  .noty_theme__relax.noty_type__error .noty_buttons {
    border-color: darkred; }

.noty_theme__relax.noty_type__info,
.noty_theme__relax.noty_type__information {
  background-color: #78C5E7;
  border: 1px solid #3badd6;
  color: #FFF; }
  .noty_theme__relax.noty_type__info .noty_buttons,
  .noty_theme__relax.noty_type__information .noty_buttons {
    border-color: #0B90C4; }

.noty_theme__relax.noty_type__success {
  background-color: #BCF5BC;
  border: 1px solid #7cdd77;
  color: darkgreen; }
  .noty_theme__relax.noty_type__success .noty_buttons {
    border-color: #50C24E; }
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%; }
  .ReactCrop:focus {
    outline: none; }
  .ReactCrop--disabled, .ReactCrop--locked {
    cursor: inherit; }
  .ReactCrop__image {
    display: block;
    max-width: 100%;
    touch-action: manipulation; }
  .ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    box-sizing: border-box;
    cursor: move;
    box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
    touch-action: manipulation;
    border: 1px solid;
    border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
    border-image-slice: 1;
    border-image-repeat: repeat; }
    .ReactCrop--disabled .ReactCrop__crop-selection {
      cursor: inherit; }
    .ReactCrop--circular-crop .ReactCrop__crop-selection {
      border-radius: 50%;
      box-shadow: 0px 0px 1px 1px white, 0 0 0 9999em rgba(0, 0, 0, 0.5); }
  .ReactCrop--invisible-crop .ReactCrop__crop-selection {
    display: none; }
  .ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after, .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4); }
  .ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after {
    width: 1px;
    height: 100%; }
  .ReactCrop__rule-of-thirds-vt::before {
    left: 33.3333%;
    left: calc(100% / 3); }
  .ReactCrop__rule-of-thirds-vt::after {
    left: 66.6666%;
    left: calc(100% / 3 * 2); }
  .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
    width: 100%;
    height: 1px; }
  .ReactCrop__rule-of-thirds-hz::before {
    top: 33.3333%;
    top: calc(100% / 3); }
  .ReactCrop__rule-of-thirds-hz::after {
    top: 66.6666%;
    top: calc(100% / 3 * 2); }
  .ReactCrop__drag-handle {
    position: absolute; }
    .ReactCrop__drag-handle::after {
      position: absolute;
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background-color: rgba(0, 0, 0, 0.2);
      border: 1px solid rgba(255, 255, 255, 0.7);
      box-sizing: border-box;
      outline: 1px solid transparent; }
  .ReactCrop .ord-nw {
    top: 0;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: nw-resize; }
    .ReactCrop .ord-nw::after {
      top: 0;
      left: 0; }
  .ReactCrop .ord-n {
    top: 0;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: n-resize; }
    .ReactCrop .ord-n::after {
      top: 0; }
  .ReactCrop .ord-ne {
    top: 0;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: ne-resize; }
    .ReactCrop .ord-ne::after {
      top: 0;
      right: 0; }
  .ReactCrop .ord-e {
    top: 50%;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: e-resize; }
    .ReactCrop .ord-e::after {
      right: 0; }
  .ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    margin-bottom: -5px;
    margin-right: -5px;
    cursor: se-resize; }
    .ReactCrop .ord-se::after {
      bottom: 0;
      right: 0; }
  .ReactCrop .ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: s-resize; }
    .ReactCrop .ord-s::after {
      bottom: 0; }
  .ReactCrop .ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: sw-resize; }
    .ReactCrop .ord-sw::after {
      bottom: 0;
      left: 0; }
  .ReactCrop .ord-w {
    top: 50%;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: w-resize; }
    .ReactCrop .ord-w::after {
      left: 0; }
  .ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit; }
  .ReactCrop__drag-bar {
    position: absolute; }
    .ReactCrop__drag-bar.ord-n {
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-top: -3px; }
    .ReactCrop__drag-bar.ord-e {
      right: 0;
      top: 0;
      width: 6px;
      height: 100%;
      margin-right: -3px; }
    .ReactCrop__drag-bar.ord-s {
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-bottom: -3px; }
    .ReactCrop__drag-bar.ord-w {
      top: 0;
      left: 0;
      width: 6px;
      height: 100%;
      margin-left: -3px; }
  .ReactCrop--new-crop .ReactCrop__drag-bar,
  .ReactCrop--new-crop .ReactCrop__drag-handle,
  .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
    display: none; }
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
    display: none; }
  @media (pointer: coarse) {
    .ReactCrop .ord-n,
    .ReactCrop .ord-e,
    .ReactCrop .ord-s,
    .ReactCrop .ord-w {
      display: none; }
    .ReactCrop__drag-handle {
      width: 24px;
      height: 24px; } }
.popup-open {
  overflow: hidden;
}
#panel.has-error {
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
}
.d-flex {
  display: flex;
}
.expectation-graph .info span {
  white-space: nowrap;
}
.expectation-graph .mobile-info {
  display: none;
}
.expectation-graph .legend2 {
  position: absolute;
  top: 15px;
  left: 10px;
}
.expectation-graph .graph .legend table {
  top: 47px !important;
  text-align: left;
}
.expectation-graph .controls {
  position: absolute;
  top: 50px;
  width: 180px;
  display: inline-block;
  padding: 20px 25px 25px 25px;
  background-color: white;
  box-shadow: -1px 1px 0 #bbb;
}
.expectation-graph .controls label {
  font-size: 12px;
  line-height: 18px;
}
.expectation-graph .controls label > span:last-child {
  font-weight: bold;
  float: right;
  font-size: 16px;
  white-space: nowrap;
}
.expectation-graph .controls label > span:last-child input {
  width: 75px;
  text-indent: 0;
  text-align: right;
  line-height: normal;
}
.expectation-graph .controls .retirement {
  margin-bottom: 50px;
}
.expectation-graph .controls .fee b,
.expectation-graph .controls .initial b {
  cursor: pointer;
}
.expectation-graph .controls .age .ui-slider-handle,
.expectation-graph .controls .retirement .ui-slider-handle {
  background-image: url(/img/home/icon-slider-person.png);
}
.expectation-graph .controls .fee .ui-slider-handle,
.expectation-graph .controls .dynamic .ui-slider-handle {
  background-image: url(/img/home/icon-slider-coins.png);
}
.expectation-graph .controls .initial .ui-slider-handle {
  background-image: url(/img/home/icon-slider-note.png);
}
.expectation-graph .controls div.more {
  padding-top: 20px;
}
.expectation-graph .controls a.more-less {
  font-size: 12px;
  text-decoration: underline;
  display: block;
  padding-top: 20px;
  color: inherit;
}
.expectation-graph .controls .slider {
  margin-top: 15px;
  margin-bottom: 22px;
  background: white;
  height: 3px;
  border: 1px solid black;
}
.expectation-graph .controls .slider .ui-slider-handle {
  cursor: pointer;
  width: 23px;
  height: 23px;
  top: -14px;
  border-radius: 17px;
  border: 3px solid white;
  box-shadow: -1px 1px 1px #aaa;
  background-size: cover;
}
.expectation-graph .config {
  position: absolute;
  width: 230px;
  z-index: 20;
}
.expectation-graph .config div.box,
.expectation-graph .config .controls {
  background: white;
  box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3);
  width: 180px;
  margin-bottom: 30px;
  padding: 20px 25px 25px 25px;
}
.expectation-graph .config div.box .caption,
.expectation-graph .config .controls .caption {
  margin-bottom: 0.5em;
  font-weight: bold;
}
.expectation-graph .config div.box button,
.expectation-graph .config .controls button {
  display: inline-block;
  width: 165px;
  min-height: 40px;
  font-size: 14px;
  background: #0062cf;
  color: white;
  text-align: center;
  border: 0;
  white-space: nowrap;
  line-height: 1.2;
  width: 100%;
  background: #ff9100;
}
.expectation-graph .config div.box button:active,
.expectation-graph .config .controls button:active {
  transform: translate(-1px, 1px);
  box-shadow: none;
}
.expectation-graph .config div.box button[disabled],
.expectation-graph .config .controls button[disabled] {
  opacity: 0.75;
  cursor: not-allowed;
}
.expectation-graph .config .controls {
  position: relative;
  top: 0;
}
.expectation-graph .config-open .popup {
  position: absolute;
  right: -242px;
  top: 8px;
  width: 200px;
  background: #0062cf;
  color: white;
  padding: 25px 20px;
  box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.3);
  transition: opacity 1s ease-in-out;
}
.expectation-graph .config-open .popup:before {
  content: " ";
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  background: #0062cf;
  display: block;
  position: absolute;
  left: -9px;
  top: 50%;
  margin-top: -10px;
  z-index: 10;
  box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.3);
}
.expectation-graph .config-open .popup p {
  position: relative;
  z-index: 20;
}
.expectation-graph .config-open .popup span.close {
  position: absolute;
  background: url(/img/wiki-close.png);
  background-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block;
  right: 0;
  top: -27px;
  cursor: pointer;
}
.expectation-graph .config-open div.box2 a {
  font-size: 12px;
  margin-top: 15px;
  display: inline-block;
  color: #0000ff;
  text-decoration: underline;
}
.expectation-graph .config-closed div.box1 p.caption i.fa {
  float: right;
  cursor: pointer;
}
.expectation-graph .config-closed div.box1 p.caption i.fa:not(:active):hover {
  color: #ff9100;
}
.expectation-graph .config-closed div.box1 p.summary {
  font-size: 12px;
  line-height: 24px;
}
.expectation-graph .config-closed div.box1 p.summary span {
  font-weight: bold;
}
.expectation-graph .config-closed div.box2 {
  text-align: right;
}
.expectation-graph .graph {
  position: relative;
  float: right;
  width: 73%;
  margin-top: -12px;
}
.expectation-graph .graph .results {
  margin-bottom: -4em;
  font-size: 18px;
  line-height: 22px;
  text-align: right;
}
.expectation-graph .graph .return-costs .return {
  display: none;
}
.expectation-graph .graph .return-costs span {
  font-weight: bold;
}
.expectation-graph .graph .plot {
  height: 400px;
}
.expectation-graph .graph .legend table {
  left: 0 !important;
}
.expectation-graph .graph .legend table td {
  font-size: 16px;
  color: black;
  padding: 0px 6px;
}
.expectation-graph .graph .legend table td.legendColorBox > div {
  border: 0 !important;
}
.expectation-graph .graph .legend table td.legendColorBox > div > div {
  border-width: 8px !important;
  width: 0 !important;
}
.expectation-graph .info {
  border-left: 2px solid #0062cf;
  border-bottom: 2px solid #0062cf;
  position: absolute;
  top: 0;
  width: 300px;
  background: white;
  padding: 20px 24px 10px 24px;
}
.expectation-graph .info div {
  display: table;
  width: 100%;
}
.expectation-graph .info div p {
  display: table-row;
  line-height: 31px;
  font-weight: normal;
}
.expectation-graph .info div p:nth-child(2n) {
  font-weight: bold;
}
.expectation-graph .info div p > span:first-child {
  display: table-cell;
  padding-right: 8px;
  font-size: 12px;
}
.expectation-graph .info div p > span:last-child {
  display: table-cell;
  text-align: right;
}
.expectation-graph .info > p {
  font-size: 10px;
  line-height: 20px;
}
.expectation-graph .info.info-tax-savings div p {
  line-height: 22px;
}
.expectation-graph .info.info-tax-savings div p:nth-child(2n) {
  font-weight: inherit;
}
.expectation-graph .info.info-tax-savings div p > span:first-child {
  font-size: inherit;
}
@media only screen and (max-width: 959px) {
  .expectation-graph .graph {
    width: 100%;
    margin-top: 0;
  }
  .expectation-graph .plot,
  .expectation-graph .legend2 {
    visibility: hidden;
    height: 1px !important;
  }
  .expectation-graph .info {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .expectation-graph .info span:nth-of-type(1),
  .expectation-graph .info p {
    padding-left: 24px;
  }
  .expectation-graph .info span:nth-of-type(2),
  .expectation-graph .info p {
    padding-right: 24px;
  }
  .expectation-graph .mobile-info {
    display: block;
    margin: 20px 10px;
    font-weight: bold;
  }
  .expectation-graph .controls,
  .expectation-graph .config,
  .expectation-graph .box {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .expectation-graph .controls {
    margin-top: 25px;
  }
  .expectation-graph .controls > div {
    margin: 0 25px;
  }
  .expectation-graph .config .box {
    text-align: center;
  }
  .expectation-graph .config .box > div {
    margin: 0 25px;
  }
  .expectation-graph .config .box p.caption,
  .expectation-graph .config .box p.summary {
    margin: 0 25px;
  }
}
.heading1 {
  font-size: 2em;
  font-weight: bold;
}
.heading3 {
  font-weight: bold;
}
.heading4 {
  font-weight: bold;
}
.switchery {
  width: 40px !important;
  height: 16px !important;
}
.switchery:after {
  width: 14px !important;
  height: 14px !important;
  top: 0px !important;
}
.switchery.rc-switch-checked:after {
  left: 25px;
}
.switchery small {
  width: 15px !important;
  height: 15px !important;
}
.loader-handler {
  display: flex;
  justify-content: center;
}
.loader-handler._offset {
  margin-top: 1rem;
}
.loader-handler._full-center {
  height: 100vh;
  margin-top: 0;
  align-items: center;
}
.loading-ring {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
}
.loading-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 44px;
  height: 44px;
  margin: 6px;
  border: 4px solid #fff;
  border-radius: 50%;
  animation: loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #0062cf transparent transparent transparent;
}
.loading-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.loading-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.loading-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes loading-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-family: Arial, sans-serif;
  height: 100%;
  color: #051423;
  font-size: 16px;
  line-height: 1.5em;
}
body {
  position: relative;
}
body.no-scroll {
  overflow: hidden;
}
@media only screen and (min-width: 960px) {
  body {
    padding-left: 260px;
  }
}
.text-center {
  text-align: center;
}
@media only screen and (max-width: 959px) {
  header.left.slideout-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 256px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
  }
  .slideout-panel {
    position: relative;
    z-index: 1;
  }
  .slideout-open,
  .slideout-open body,
  .slideout-open .slideout-panel {
    overflow: hidden;
  }
  .slideout-open header.left.slideout-menu {
    display: block;
  }
  #panel {
    min-height: 100%;
  }
}
header.left {
  background: linear-gradient(to right, #ffffff, #f2f5f7);
  position: fixed;
  left: 0;
  height: 100vh;
  width: 260px;
  box-sizing: border-box;
  z-index: 100;
  color: black;
}
header.left .christmas-tree {
  position: absolute;
  top: 12px;
  right: 6px;
  width: 3rem;
}
header.left img.logo {
  display: block;
  width: 180px;
  margin: 20px 0 51px 20px;
}
header.left nav {
  padding-left: 36px;
}
header.left nav.s-no-logo {
  margin-top: 2.5rem;
}
header.left nav a {
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
  line-height: 48px;
  opacity: 0.8;
  letter-spacing: 0.2px;
  transition: 250ms;
}
header.left nav a.active,
header.left nav a:hover {
  color: #0062cf;
}
header.left nav a i {
  width: 49px;
  font-size: 24px !important;
  line-height: 45px !important;
  vertical-align: top;
}
header.left .contact {
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  padding: 0 0.5rem;
  padding-top: 26px;
  font-size: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 1.71em;
  letter-spacing: 0.1px;
  color: black;
}
header.left .contact a {
  display: block;
  color: inherit;
  text-align: center;
  text-decoration: none;
  word-wrap: break-word;
  transition: 250ms;
}
header.left .contact .phone {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  margin-right: 36px;
}
header.left .contact .phone:hover {
  color: #0062cf;
}
header.left .contact .mail {
  display: flex;
  justify-content: center;
  align-items: center;
}
header.left .contact .mail:hover {
  color: #0062cf;
}
header.left .contact .phone:before,
header.left .contact .mail:before {
  margin-right: 0.6rem;
  font-size: 1.3rem;
  vertical-align: middle;
}
header.left .contact .social {
  margin-left: 4px;
  margin-top: 1.5rem;
  font-size: 1.4rem;
  text-align: center;
}
header.left .contact .social a {
  display: inline-block;
  margin-right: 1rem;
  transition: 250ms;
}
header.left .contact .social a.instagram {
  margin-left: 2px;
  margin-right: 0;
}
header.left .contact .social a:hover {
  color: #0062cf;
  transform: scale(1.1);
}
@media only screen and (max-width: 400px) {
  header.top {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
  }
  html.is-demo main {
    padding-top: 110px !important;
  }
  html:not(.is-demo) main {
    padding-top: 121px !important;
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
header.top {
  border-bottom: 1px solid #ebeef0;
}
@media only screen and (min-width: 960px) {
  header.top .hamburger {
    display: none !important;
  }
}
header.top #noty_layout__topLeft {
  width: 460px;
}
header.top .noty_type__information {
  background-color: #0062cf;
}
header.top .noty_body {
  background-color: #0062cf;
}
header.top .demo-account-info {
  text-align: center;
  padding: 10px;
  background: #0062cf;
  color: white;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.2px;
}
@media only screen and (max-width: 959px) {
  header.top .demo-account-info {
    font-size: 12px;
  }
}
header.top .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: right;
}
@media only screen and (min-width: 960px) {
  header.top .inner {
    padding: 12px 24px;
  }
}
header.top .inner .page-info {
  float: left;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.2px;
}
header.top .inner .page-info .text {
  padding-right: 0.75rem;
}
header.top .inner .page-info .update-info {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 400;
}
@media only screen and (max-width: 450px) {
  header.top .inner .page-info .update-info {
    display: block;
  }
}
header.top .inner .page-info .update-info .text {
  margin-right: 0.5rem;
}
@media only screen and (max-width: 450px) {
  header.top .inner .page-info .update-info .text {
    display: block;
    margin-top: 0.15rem;
  }
}
header.top .inner .page-info .update-info .btn {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0rem 0.5rem;
  font-size: 14px;
  text-decoration: none;
  color: white;
  opacity: 1;
  border-radius: 9.5px;
  letter-spacing: 0.1px;
  border-radius: 0.5rem;
  background: #0062cf;
  transition: 250ms;
}
header.top .inner .page-info .update-info .btn:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 450px) {
  header.top .inner .page-info .update-info .btn {
    margin-top: 0.35rem;
  }
}
header.top .inner .page-info .update-info .progress {
  display: inline-block;
  position: relative;
  margin-right: 2.5rem;
  width: 18px;
  height: 18px;
  border: 2px solid #0062cf;
  border-radius: 100%;
  vertical-align: sub;
  opacity: 0;
}
header.top .inner .page-info .update-info .progress.is-active {
  -webkit-animation: rotation 1.5s linear infinite;
  animation: rotation 1.5s linear infinite;
  opacity: 1;
}
header.top .inner .page-info .update-info .progress .rect {
  position: absolute;
  width: 7px;
  height: 4px;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: white;
}
header.top .inner .user-info {
  display: flex;
  align-items: center;
}
header.top .inner .user-info .welcome {
  display: inline-block;
  margin-right: 15px;
}
header.top .inner .user-info .welcome .info {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 959px) {
  header.top .inner .user-info .welcome .info {
    display: none;
  }
}
header.top .inner .user-info .welcome .info img {
  height: auto;
  width: 2rem;
  margin-left: 0.5rem;
  margin-right: 0.3rem;
  border-radius: 100%;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  cursor: default;
}
header.top .inner .user-info .icons {
  display: flex;
}
header.top .inner .user-info .icons a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: 250ms;
}
header.top .inner .user-info .icons a:hover {
  color: #0062cf;
}
@media only screen and (max-width: 959px) {
  header,
  main {
    background: white;
  }
  header.left .contact {
    bottom: 0px;
    padding-bottom: 20px;
  }
  header.top .inner {
    position: relative;
  }
  header.top .inner .welcome,
  header.top .inner .icons {
    position: absolute;
    top: 10px;
  }
  header.top .inner .welcome {
    left: 10px;
  }
  header.top .inner .page-info {
    float: none;
    padding: 15px 0 15px 55px;
    text-align: left;
  }
  header.top .inner .icons {
    right: 10px;
    top: 15px;
  }
}
/*@media @desktop {
	header.top {
		.hamburger {
			display: none !important;
		}
	}
}
@media @non-desktop {
	header.left {
		.contact {
			bottom: 20px;
		}
	}
	header.top {
		.inner {
			position: relative;

			.welcome, .icons {
				position: absolute;
				top: 10px;
			}
			.welcome {
				left: 10px;
			}
			.page-info {
				padding: 60px 0 15px 0;
			}
			.icons {
				right: 10px;
			}
		}
	}
}*/
.hamburger {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0 10px 0 0;
  padding: 0;
  width: 32px;
  height: 32px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  vertical-align: middle;
  background: none;
}
.hamburger:focus {
  outline: none;
}
.hamburger.active span {
  background: none;
}
.hamburger.active span:before,
.hamburger.active span:after {
  transition-delay: 0s, 0.3s;
}
.hamburger.active span:before {
  top: 0;
  transform: rotate(45deg);
}
.hamburger.active span:after {
  bottom: 0;
  transform: rotate(-45deg);
}
.hamburger span {
  display: block;
  position: absolute;
  top: 14.66666667px;
  left: 6px;
  right: 6px;
  height: 2.66666667px;
  background: #000;
  transition: background 0s 0.3s;
}
.hamburger span::before,
.hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2.66666667px;
  background-color: #000;
  content: '';
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
.hamburger span:before {
  top: -6.66666667px;
  transition-property: top, transform;
}
.hamburger span:after {
  bottom: -6.66666667px;
  transition-property: bottom, transform;
}
main {
  font-size: 15px;
}
main .api-error {
  text-align: center;
  margin: 30px 0;
}
main .api-error a {
  color: #0062cf;
}
main .logged-out {
  text-align: center;
  margin: 30px 0;
}
main .logged-out a {
  text-transform: uppercase;
  font-weight: bold;
  color: #0062cf;
}
main .loading {
  text-align: center;
}
main h2 {
  font-family: Montserrat;
  line-height: 1.2em;
  letter-spacing: 0.1px;
  color: #051423;
  font-weight: bold;
}
@media only screen and (min-width: 960px) {
  main h2 {
    margin-bottom: 0.8em;
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 959px) {
  main h2 {
    margin-bottom: 0.5em;
    font-size: 1.1rem;
  }
}
main section {
  zoom: 1;
}
main section:before,
main section:after {
  content: '';
  display: table;
}
main section:after {
  clear: both;
}
@media only screen and (min-width: 960px) {
  main section {
    max-width: 1100px;
    margin: 0 auto;
  }
}
main section.contract-outstanding {
  width: 50%;
  text-align: center;
  margin: 100px auto 0 auto;
  font-size: 20px;
  line-height: 30px;
}
main .late-change-entry p.later {
  color: #00aa00;
  line-height: 16px;
  margin-bottom: 10px;
}
main .late-change-entry p.later i.fa-save {
  margin-right: 5px;
  font-size: 15px;
}
main .late-change-entry.changed label span,
main .late-change-entry.changed label input {
  color: #0a0 !important;
}
main .late-change-entry:not(.changed) p.later {
  display: none;
}
main .contract-locked-this,
main .contract-locked-other {
  display: none;
  color: #0a0;
  font-size: 14px;
}
main .contract-locked-this .fa-save,
main .contract-locked-other .fa-save {
  margin-right: 5px;
}
@media only screen and (min-width: 960px) {
  main {
    padding: 20px;
  }
}
@media only screen and (max-width: 959px) {
  main {
    padding: 20px 10px;
  }
}
.global-tan-popup .loading {
  display: flex;
  justify-content: center;
}
.global-tan-popup .loading img {
  width: 40px;
}
#tan-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
}
#tan-overlay .tan-popup {
  max-width: 400px;
  padding: 10px;
  background: white;
  font-size: 13px;
}
#tan-overlay .tan-popup p {
  margin-bottom: 1em;
}
#tan-overlay .tan-popup .payment {
  margin-top: 1rem;
}
#tan-overlay .tan-popup label {
  display: block;
  margin: 1em 0;
}
#tan-overlay .tan-popup label span {
  margin-right: 10px;
}
#tan-overlay .tan-popup label input[type='text'] {
  height: 35px;
  text-indent: 10px;
  letter-spacing: 1px;
}
#tan-overlay .tan-popup button.ok {
  float: right;
}
#tan-overlay .tan-popup.failed input[type='text'] {
  position: relative;
  border-color: red;
}
#tan-overlay .tan-popup.shaking input[type='text'] {
  animation: horz-shake 0.3s;
}
#tan-overlay .tan-popup.error {
  text-align: right;
}
#tan-overlay .tan-popup.error p {
  text-align: justify;
}
#tan-overlay .tan-popup.error p.error-text {
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  line-height: 1.35rem;
  border-radius: 0.75rem;
  background-color: rgba(245, 80, 80, 0.22);
}
#tan-overlay .bank-account-data {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
#tan-overlay .bank-account-data p {
  margin: 0;
}
.modal-popup .loading {
  display: flex;
  justify-content: center;
}
.modal-popup .loading img {
  width: 40px;
}
#modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
}
#modal-overlay .pay-choice-popup {
  width: 25rem;
  max-width: 100%;
  padding: 0.75rem;
  font-size: 0.81rem;
  background: white;
}
#modal-overlay .pay-choice-popup .desc {
  margin-bottom: 0.75rem;
  text-align: justify;
}
#modal-overlay .pay-choice-popup .desc.big-text {
  font-size: 1rem;
}
#modal-overlay .pay-choice-popup .checkout-info {
  margin-bottom: 1.25rem;
  font-size: 1rem;
  text-align: center;
}
#modal-overlay .pay-choice-popup .checkout-info p:first-child {
  margin-bottom: 0.5rem;
}
#modal-overlay .pay-choice-popup .checkout-info p:not(:first-child) {
  margin-top: 0.35rem;
}
#modal-overlay .pay-choice-popup .checkout-info p:last-child {
  margin-top: 1rem;
  font-size: 0.9rem;
}
#modal-overlay .pay-choice-popup .checkout-info p span {
  font-weight: bold;
}
#modal-overlay .pay-choice-popup .pay-actions .mpay-wrap {
  margin-bottom: 1.25rem;
}
#modal-overlay .pay-choice-popup .pay-actions .mpay-wrap .pay-btn-wrap {
  width: 14rem;
  margin: 0 auto;
}
#modal-overlay .pay-choice-popup .pay-actions .mpay-wrap .mpay-cant-pay {
  font-size: 1rem;
  text-align: center;
}
#modal-overlay .pay-choice-popup .pay-actions .mpay-wrap .mpay-cant-pay p:not(:first-child) {
  margin-top: 0.5rem;
}
#modal-overlay .pay-choice-popup .pay-actions #payment-form .info {
  margin-bottom: 1rem;
  padding-top: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
#modal-overlay .pay-choice-popup .pay-actions #payment-form #card-element {
  padding: 0.5rem 0.25rem;
  background-color: rgba(111, 72, 205, 0.08);
}
#modal-overlay .pay-choice-popup .pay-actions #payment-form #payment-form-submit {
  width: 8rem;
  margin: 1rem auto;
}
#modal-overlay .pay-choice-popup .pay-actions #pay-errors {
  margin: 0.75rem 0;
  padding: 0.5rem;
  text-align: center;
  background-color: rgba(255, 0, 0, 0.09);
}
#modal-overlay .pay-choice-popup .actions {
  margin-bottom: 1.25rem;
}
#modal-overlay .pay-choice-popup .actions .pay-select {
  display: block;
  width: 14rem;
  height: 2.5rem;
  margin: 0 auto;
  border: 0;
  color: white;
  border-radius: 0.25rem;
  background-color: #0062cf;
  transition: 250ms;
  cursor: pointer;
}
#modal-overlay .pay-choice-popup .actions .pay-select.apay-gpay {
  background-image: url('/profile/apple-pay-google-pay-icon_white.png');
  background-size: 55%;
  background-position: center;
  background-repeat: no-repeat;
}
#modal-overlay .pay-choice-popup .actions .pay-select.card-payment,
#modal-overlay .pay-choice-popup .actions .pay-select.sepa-payment {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  letter-spacing: 0.05rem;
}
#modal-overlay .pay-choice-popup .actions .pay-select.card-payment img,
#modal-overlay .pay-choice-popup .actions .pay-select.sepa-payment img {
  display: none;
  height: 1.65rem;
  width: 2.5rem;
  margin-right: 0.75rem;
}
#modal-overlay .pay-choice-popup .actions .pay-select.card-payment img.white,
#modal-overlay .pay-choice-popup .actions .pay-select.sepa-payment img.white {
  display: block;
}
#modal-overlay .pay-choice-popup .actions .pay-select:hover {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  opacity: 0.85;
  background-color: #3589e6;
}
#modal-overlay .pay-choice-popup .actions .pay-select:active {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.2);
}
#modal-overlay .pay-choice-popup .btns-space {
  display: flex;
  justify-content: space-between;
}
@keyframes horz-shake {
  0%,
  100% {
    left: 0px;
  }
  20%,
  60% {
    left: 15px;
  }
  40%,
  80% {
    left: -15px;
  }
}
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}
.overlay .container {
  height: 100%;
  width: 600px;
  max-width: 95%;
  margin: 0 auto;
}
.overlay .hcenter {
  display: table;
  margin: 0 auto;
  height: 100%;
}
.overlay .hcenter .vcenter {
  display: table-cell;
  vertical-align: middle;
}
.overlay .allcenter {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  padding: 0.5rem;
}
.overlay .inner {
  background: white;
  padding: 20px;
}
.overlay button:not(.pay-select) {
  display: inline-block;
  width: 165px;
  min-height: 40px;
  font-size: 14px;
  background: #0062cf;
  color: white;
  text-align: center;
  border: 0;
  white-space: nowrap;
  line-height: 1.2;
  cursor: pointer;
  width: auto;
  padding: 0 15px;
}
.overlay button:not(.pay-select):active {
  transform: translate(-1px, 1px);
  box-shadow: none;
}
.overlay button:not(.pay-select)[disabled] {
  opacity: 0.75;
  cursor: not-allowed;
}
.overlay .tan-input label img {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-left: 10px;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-overlay .close {
  position: absolute;
  background: white;
  border-radius: 50%;
  line-height: 0;
  padding: 3px;
  cursor: pointer;
  transition: 250ms;
}
.modal-overlay .close:hover {
  opacity: 0.75;
}
.modal-overlay > div:not(.close) {
  height: 100%;
  width: 600px;
  max-width: 95%;
  margin: 0 auto;
}
.modal-overlay > div:not(.close) > div {
  display: table;
  margin: 0 auto;
  height: 100%;
}
.modal-overlay > div:not(.close) > div > div {
  display: table-cell;
  vertical-align: middle;
}
.modal-overlay > div:not(.close) > div > div > div {
  background: white;
  padding: 20px;
}
.modal-overlay button {
  display: inline-block;
  width: 165px;
  min-height: 40px;
  font-size: 14px;
  background: #0062cf;
  color: white;
  text-align: center;
  border: 0;
  white-space: nowrap;
  line-height: 1.2;
  cursor: pointer;
  width: auto;
  padding: 0 15px;
}
.modal-overlay button:active {
  transform: translate(-1px, 1px);
  box-shadow: none;
}
.modal-overlay button[disabled] {
  opacity: 0.75;
  cursor: not-allowed;
}
.modal-overlay .tan-input label img {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-left: 10px;
}
.modal-overlay .window-corners {
  border-radius: 11px;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}
@media only screen and (max-width: 450px) {
  .modal {
    padding-top: 1rem;
  }
}
.modal .modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
.modal .modal-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  height: 2.25rem;
  padding: 0.25rem;
  color: #5a5a5a;
  border-radius: 100%;
  background-color: #e4e4e4;
  z-index: 9999;
  transition: 250ms;
  cursor: pointer;
}
.modal .modal-close i {
  font-size: 1.85rem;
}
.modal .modal-close:hover {
  color: black;
  background-color: white;
}
@media only screen and (max-width: 450px) {
  .modal .modal-close {
    right: 1.5rem;
  }
}
.modal .modal-content {
  position: relative;
  max-width: 100%;
  padding: 0 1rem;
  z-index: 2;
}
i.popup {
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-weight: bold;
  font-family: serif;
  text-align: center;
}
i.popup.white {
  position: relative;
  vertical-align: middle;
  background: white;
  color: #0062cf;
  text-decoration: none;
  margin-left: 20px;
}
@media only screen and (max-width: 400px) {
  i.popup.white {
    margin-left: 4px;
  }
}
i.popup.white:after {
  position: absolute;
  content: 'i';
  top: 0px;
  left: 8px;
  vertical-align: middle;
  line-height: 20px;
}
i.popup.blue {
  line-height: 24px !important;
  background: #0062cf;
  color: white;
}
i.popup.blue:after {
  position: relative;
  content: 'i';
  top: -1px;
}
i.popup.blue:not(:active):hover {
  opacity: 0.8;
}
i.popup.grey {
  line-height: 24px !important;
  background: #bbb;
  color: white;
}
i.popup.grey:hover {
  background: #0062cf;
}
i.popup.grey:after {
  position: relative;
  content: 'i';
  top: -1px;
}
i.popup.grey:not(:active):hover {
  opacity: 0.8;
}
.popup-container {
  display: none;
}
#cboxContent {
  margin-top: 52px !important;
}
#cboxOverlay.infobox {
  background: #0062cf;
  opacity: 0.5;
}
#colorbox.infobox {
  overflow: visible;
}
#colorbox.infobox #cboxWrapper {
  overflow: visible;
}
#colorbox.infobox #cboxLoadedContent {
  box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.3);
  background: white;
}
#colorbox.infobox #cboxLoadedContent .popup {
  padding: 20px;
}
#colorbox.infobox #cboxTitle {
  display: none !important;
}
#colorbox.infobox #cboxClose {
  top: -50px;
  width: 40px;
  height: 40px;
  background: url(/img/wiki-close.png);
  background-size: contain;
}
#colorbox.infobox .heading3 {
  font-size: 18px;
  line-height: 1.35em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#colorbox.infobox p {
  font: 14px/21px Arial, sans-serif;
}
.unit-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: inherit;
}
.unit-input::-moz-placeholder {
  /* Firefox 19+ */
  color: inherit;
}
.unit-input:-ms-input-placeholder {
  /* IE 10+ */
  color: inherit;
}
.unit-input:-moz-placeholder {
  /* Firefox 18- */
  color: inherit;
}
/*.unit-input {
	position: relative;
	display: inline-block;

	span {
		display: inline-block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
	}
}*/
.simple-btn {
  display: block;
  min-width: 5rem;
  margin: 0;
  padding: 0.5rem 1rem;
  color: white;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 0.25rem;
  transition: 250ms;
  cursor: pointer;
}
.simple-btn:hover {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  opacity: 0.85;
}
.simple-btn:active {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.2);
}
.simple-btn._cancel {
  color: white;
  background-color: #888;
}
.simple-btn._success {
  background-color: #0062cf;
}
.simple-btn._small {
  padding: 0.4rem 0.9rem;
  font-size: 0.85rem;
}
.simple-btn._big {
  padding: 0.85rem 2rem;
}
.password-strength-hint .password-strength-hint__ui {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.password-strength-hint .password-strength-hint__ui div {
  width: 30%;
  height: 0.5rem;
  border-radius: 0.15rem;
  opacity: 0;
  transition: 500ms;
}
.password-strength-hint .password-strength-hint__ui div:nth-child(1) {
  background-color: #e03a3a;
}
.password-strength-hint .password-strength-hint__ui div:nth-child(2) {
  background-color: #ff9100;
}
.password-strength-hint .password-strength-hint__ui div:nth-child(3) {
  background-color: #0a0;
}
.password-strength-hint .password-strength-hint__ui._strength-1 div:nth-child(1) {
  opacity: 1;
}
.password-strength-hint .password-strength-hint__ui._strength-2 div:nth-child(-n + 2) {
  opacity: 1;
}
.password-strength-hint .password-strength-hint__ui._strength-3 div {
  opacity: 1;
}
.password-strength-hint .password-strength-hint__title {
  margin-top: 0.25rem;
  font-size: 0.9rem;
  text-align: center;
  color: #777;
}
#final-status-mobile-pay {
  display: none;
}
body.profile.account {
  overflow-y: scroll;
}
body.profile.account section .heading3 {
  font-size: 16px;
  margin-bottom: 0.5em;
}
body.profile.account section.account-overview {
  padding-right: 30px;
  margin-bottom: 2em;
  text-align: right;
}
body.profile.account section.account-overview p:first-child {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 19px;
  padding-bottom: 2px;
  border-bottom: 2px solid #000;
}
body.profile.account section.account-overview table {
  margin-left: auto;
  line-height: 28px;
  border-spacing: 0;
}
body.profile.account section.account-overview table td:first-child {
  text-align: left;
  padding-right: 10px;
}
body.profile.account section.account-overview table tr:last-child td {
  border-top: 1px solid black;
}
body.profile.account section.account h2 {
  position: relative;
}
body.profile.account section.account h2 .toggle {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  /*&:hover:before, &:hover:after {
					background: @brand-blue !important;
				}*/
}
body.profile.account section.account h2 .toggle:before,
body.profile.account section.account h2 .toggle:after {
  content: " ";
  position: absolute;
  background: #bbb;
  transition: transform 0.2s ease-out;
}
body.profile.account section.account h2 .toggle:before {
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  margin-left: -2px;
}
body.profile.account section.account h2 .toggle:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  margin-top: -2px;
}
body.profile.account section.account h2 .toggle.pos {
  right: 22px;
}
body.profile.account section.account h2 .toggle.pos.active:before {
  background: green;
}
body.profile.account section.account h2 .toggle.pos.active:after {
  background: green;
}
body.profile.account section.account h2 .toggle.neg:before {
  display: none;
}
body.profile.account section.account h2 .toggle.neg.active:before {
  background: red;
}
body.profile.account section.account h2 .toggle.neg.active:after {
  background: red;
}
body.profile.account section.account table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  line-height: 1.5em;
}
body.profile.account section.account table:not(.showing-costs) tr.costs {
  display: none;
}
body.profile.account section.account table thead th {
  text-align: left;
}
body.profile.account section.account table thead th * {
  margin: 0;
}
body.profile.account section.account table thead th:nth-child(3) {
  text-align: right;
  padding-right: 40px;
}
body.profile.account section.account table tbody {
  background: white;
}
body.profile.account section.account table tbody tr:nth-child(even) {
  background: #fbfbfb;
}
body.profile.account section.account table tbody td {
  padding: 8px 0;
  vertical-align: top;
}
body.profile.account section.account table tbody td:nth-child(1) {
  width: 150px;
}
body.profile.account section.account table tbody td:nth-child(3) {
  text-align: right;
}
body.profile.account section.account table tbody td .fa-plus,
body.profile.account section.account table tbody td .fa-minus {
  margin-left: 4px;
}
body.profile.account section.account table tbody td .fa-plus {
  color: green;
}
body.profile.account section.account table tbody td .fa-minus {
  color: red;
}
body.profile.account section.account .expand {
  text-align: center;
}
body.profile.account section.account .expand a {
  display: inline-block;
  padding: 10px 0;
  color: #ff9100;
  text-decoration: none;
  font-size: 14px;
}
body.profile.account section.account .expand a:hover {
  color: #00a0b0;
}
@media only screen and (min-width: 960px) {
  body.profile.account main {
    padding: 20px;
  }
  body.profile.account main section.account th:first-child,
  body.profile.account main section.account td:first-child {
    padding-left: 20px;
  }
  body.profile.account main section.account tbody td:nth-child(3) {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 959px) {
  body.profile.account main {
    padding: 10px;
  }
  body.profile.account main section.account-overview {
    padding-right: 10px;
    font-size: 0.8em;
  }
  body.profile.account main section.account-overview p:first-child {
    font-size: 15px;
  }
  body.profile.account main section.account thead .heading3 {
    font-size: 14px;
  }
  body.profile.account main section.account tbody {
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 300;
  }
  body.profile.account main section.account th:first-child,
  body.profile.account main section.account td:first-child {
    padding-left: 5px;
    width: auto !important;
    min-width: 70px;
  }
  body.profile.account main section.account td:nth-child(3) {
    padding-right: 5px;
  }
}
body.profile.asset main.contract-empty section.overview .asset-shifting,
body.profile.asset main.contract-empty section.overview .circle-area,
body.profile.asset main.contract-empty section.stats {
  opacity: 0.2;
}
body.profile.asset main.contract-empty section.overview .empty-info {
  display: block;
}
body.profile.asset main.contract-empty p.contract-locked-area {
  display: none !important;
}
body.profile.asset main section.overview {
  position: relative;
  box-sizing: border-box;
}
body.profile.asset main section.overview .content {
  position: relative;
  padding-top: 40px;
}
body.profile.asset main section.overview .empty-info {
  display: none;
  position: absolute;
  text-align: center;
  top: 227px;
  left: 0;
  right: 0;
}
body.profile.asset main .no-money-in-contract {
  margin-top: 80px;
  font-weight: bold;
}
body.profile.asset main .asset-shifting {
  background-color: #0062cf;
  color: white;
  line-height: 30px;
  border-radius: 3px;
  font-weight: 300;
  padding: 10px 20px;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 400px) {
  body.profile.asset main .asset-shifting {
    padding: 10px 10px;
    font-size: 13px;
  }
}
body.profile.asset main .asset-shifting .switchery {
  margin-left: 4px;
}
body.profile.asset main .asset-shifting.locked.locked-lifecycle .contract-locked-this {
  display: block;
}
body.profile.asset main .asset-shifting.locked:not(.locked-lifecycle) .contract-locked-other {
  display: block;
}
body.profile.asset main .asset-shifting.locked label {
  color: #ddd;
}
body.profile.asset main .asset-shifting.locked .switchery {
  cursor: default;
}
body.profile.asset main .asset-shifting .contract-locked-area {
  font-size: 11px;
  line-height: 1.7em;
}
body.profile.asset main .asset-shifting:not(.locked) p.contract-locked-area {
  display: none;
}
body.profile.asset main .circle-area {
  position: relative;
}
body.profile.asset main .circle-area .circle-elem {
  position: relative;
  width: 200px;
  height: 200px;
}
body.profile.asset main .circle-area .circle-elem .hover-info {
  position: absolute;
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
  pointer-events: none;
}
body.profile.asset main .circle-area .circle-elem .hover-info .center {
  display: table-cell;
  vertical-align: middle;
}
body.profile.asset main .circle-area .circle-elem .hover-info .center .name {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow-x: hidden;
  max-width: 70%;
  margin: 0 auto;
}
body.profile.asset main .circle-area .circle-elem canvas {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.profile.asset main .circle-area .circle-table {
  display: table;
  border-spacing: 0;
}
body.profile.asset main .circle-area .circle-table th {
  padding-left: 12px;
  padding-bottom: 8px;
  letter-spacing: 0.1px;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  font-size: 12px;
  color: black;
}
body.profile.asset main .circle-area .circle-table td {
  padding-left: 12px;
  padding-right: 9px;
}
body.profile.asset main .circle-area .circle-table .asset-row {
  cursor: pointer;
}
@media only screen and (min-width: 960px) {
  body.profile.asset main .circle-area .circle-table .asset-row:hover > * {
    background-color: #f7f9fc;
  }
}
body.profile.asset main .circle-area .circle-table .asset-row > * {
  border-bottom: 1px solid white;
  white-space: nowrap;
  text-align: right;
  background-color: #f2f5f7;
  transition-property: background-color;
}
@media only screen and (min-width: 960px) {
  body.profile.asset main .circle-area .circle-table .asset-row > *:not(:last-child) {
    border-right: 1px solid #e3e6e8;
  }
}
body.profile.asset main .circle-area .circle-table .warning {
  padding-left: 16px;
  padding-bottom: 1rem;
  font-weight: bold;
  color: gray;
}
body.profile.asset main .circle-area .circle-table .name {
  padding-left: 16px;
  font-weight: bold;
  text-align: left;
}
body.profile.asset main .circle-area .circle-table .name .color {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 11px;
}
body.profile.asset main .circle-area .circle-table .total-row > *:first-child,
body.profile.asset main .circle-area .circle-table .yield-row > *:first-child {
  padding-left: 39px;
}
body.profile.asset main .circle-area .circle-table .total-row > *:not(:first-child),
body.profile.asset main .circle-area .circle-table .yield-row > *:not(:first-child) {
  text-align: right;
}
body.profile.asset main .circle-area .circle-table .info-row:not(.visible) {
  display: none;
}
body.profile.asset main .circle-area .circle-table .info-row td {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.profile.asset main .circle-area .circle-table .info-row p:not(:last-child) {
  margin-bottom: 0.5em;
}
body.profile.asset main .circle-area .circle-table .info-row .infos span {
  white-space: nowrap;
}
body.profile.asset main .circle-area .circle-table .info-row .infos span:not(:last-child) {
  margin-right: 20px;
}
body.profile.asset main .circle-area .circle-table .info-row .infos a {
  color: #0062cf;
  text-decoration: none;
}
#popup-portfolio-umschichtung h2,
#popup-auto-ablaufmanagement h2 {
  float: none !important;
}
#popup-portfolio-umschichtung p,
#popup-auto-ablaufmanagement p {
  margin-bottom: 0em;
  text-align: justify;
}
@media only screen and (min-width: 960px) {
  body.profile.asset .resp-short {
    display: none;
  }
  body.profile.asset main {
    padding: 20px;
  }
  body.profile.asset main h2 {
    float: left;
  }
  body.profile.asset section.overview .last-regroup-info {
    position: absolute;
    line-height: 30px;
    padding: 10px 0;
  }
  body.profile.asset section.overview .asset-shifting {
    position: absolute;
    right: 0;
  }
  body.profile.asset section.overview .circle-area {
    margin-top: 95px;
  }
  body.profile.asset section.overview .circle-elem {
    float: left;
    top: 26px;
  }
  body.profile.asset section.overview .circle-table {
    margin-left: 270px;
    width: 724px;
  }
  body.profile.asset section.overview .circle-table .asset-row td,
  body.profile.asset section.overview .circle-table .total-row td,
  body.profile.asset section.overview .circle-table .yield-row td {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  body.profile.asset section.overview .circle-table .name-row {
    display: none;
  }
}
@media only screen and (max-width: 959px) {
  body.profile.asset .resp-long {
    display: none;
  }
  body.profile.asset main {
    padding: 20px 10px;
  }
  body.profile.asset section.overview .last-regroup-info {
    margin-bottom: 25px;
  }
  body.profile.asset section.overview .circle-area {
    margin-top: 30px;
  }
  body.profile.asset section.overview .circle-elem {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  body.profile.asset section.overview .circle-table {
    width: 100%;
  }
  body.profile.asset section.overview .circle-table .name-row:not(.total) {
    background: #f2f5f7;
    font-weight: bold;
  }
  body.profile.asset section.overview .circle-table th,
  body.profile.asset section.overview .circle-table .asset-row,
  body.profile.asset section.overview .circle-table .total-row,
  body.profile.asset section.overview .circle-table .yield-row {
    color: rgba(6, 20, 34, 0.5);
  }
  body.profile.asset section.overview .circle-table .name-row td {
    padding-top: 10px;
  }
  body.profile.asset section.overview .circle-table .asset-row td {
    padding-bottom: 10px;
  }
  body.profile.asset section.overview .circle-table tr:not(.name-row):not(.info-row) th:first-child,
  body.profile.asset section.overview .circle-table tr:not(.name-row):not(.info-row) td:first-child {
    display: none;
  }
}
@media only screen and (min-width: 960px) {
  body.profile.dashboard main {
    padding: 20px;
  }
}
@media only screen and (max-width: 959px) {
  body.profile.dashboard main {
    padding: 10px;
  }
}
body.profile.dashboard main.contract-empty section.circles .real-circles,
body.profile.dashboard main.contract-empty section.yield .contract-controls,
body.profile.dashboard main.contract-empty section.yield .graph {
  opacity: 0.2;
}
body.profile.dashboard main.contract-empty section.circles .empty-info {
  display: flex;
}
body.profile.dashboard main.contract-empty p.contract-locked-area {
  display: none !important;
}
@media only screen and (min-width: 960px) {
  body.profile.dashboard .mobile {
    display: none;
  }
}
@media only screen and (max-width: 959px) {
  body.profile.dashboard .desktop {
    display: none;
  }
}
body.profile.dashboard .desktop section.circles {
  position: relative;
}
body.profile.dashboard .desktop section.circles .empty-info {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 3rem;
  z-index: 1;
}
body.profile.dashboard .desktop section.circles .real-circles.contract-empty {
  opacity: 0.2;
}
body.profile.dashboard .desktop section.circles .real-circles {
  display: table;
  width: 100%;
}
body.profile.dashboard .desktop section.circles .real-circles .circle-container {
  display: table-cell;
}
body.profile.dashboard .desktop section.circles .real-circles .circle-container:nth-child(1) {
  text-align: left;
}
body.profile.dashboard .desktop section.circles .real-circles .circle-container:nth-child(2) {
  text-align: center;
}
body.profile.dashboard .desktop section.circles .real-circles .circle-container:nth-child(3) {
  text-align: right;
}
body.profile.dashboard .desktop section.circles .circle {
  display: inline-block;
  vertical-align: middle;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  position: relative;
}
body.profile.dashboard .desktop section.circles .circle .big {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
  text-align: center;
}
body.profile.dashboard .desktop section.circles .circle .big .amount {
  font-size: 34px;
  font-weight: bold;
}
body.profile.dashboard .desktop section.circles .circle .big .expl {
  margin-top: 8px;
  font-size: 18px;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 10px;
}
body.profile.dashboard .desktop section.circles .circle .big .expl .pending {
  display: inline-block;
  width: 77%;
  margin-top: 5px;
  font-size: 12px;
  color: #0062cf;
}
body.profile.dashboard .desktop section.circles .circle .small {
  font-size: 13px;
  position: absolute;
  bottom: 12px;
  text-align: center;
  left: 0;
  right: 0;
  color: #999;
  font-weight: 300;
}
body.profile.dashboard .desktop section.circles .circle .small .amount {
  font-size: 16px;
  color: #0062cf;
  font-weight: bold;
}
body.profile.dashboard .desktop section.circles .circle.progress .progress-circle canvas {
  position: absolute;
  left: -5px;
  top: -5px;
  width: 260px;
  height: 260px;
}
body.profile.dashboard .desktop section.circles .circle.progress .progress-circle .indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
}
body.profile.dashboard .desktop section.circles .circle.progress .progress-circle .indicator:after {
  content: ' ';
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #0062cf;
  top: -135px;
  right: -10px;
}
body.profile.dashboard .desktop section.circles .circle.progress .big .amount {
  color: #0062cf;
}
body.profile.dashboard .desktop section.circles .circle.progress .big .expl {
  color: #999;
}
body.profile.dashboard .desktop section.circles .circle.full {
  background: #0062cf;
  color: white;
}
body.profile.dashboard .desktop section.circles .circle.full .small .amount {
  color: white;
}
body.profile.dashboard .desktop section.circles .circle.empty {
  background: #f2f4f5;
}
body.profile.dashboard .desktop section.circles .circle.empty .big .amount {
  color: #0062cf;
}
body.profile.dashboard .desktop section.circles .circle.empty .big .expl {
  color: #999;
}
body.profile.dashboard .desktop section.yield {
  margin-top: 50px;
  min-height: 470px;
}
body.profile.dashboard .desktop section.yield h2 {
  position: relative;
}
body.profile.dashboard .desktop section.yield h2 span:last-child {
  position: absolute;
  left: 340px;
}
body.profile.dashboard .desktop section.yield .expectation-graph {
  position: relative;
}
body.profile.dashboard .desktop section.yield .expectation-graph .contract-controls .info-pending-order {
  font-weight: bold;
  margin-bottom: 1em;
}
body.profile.dashboard .desktop section.yield .expectation-graph .contract-controls .controls2 {
  border: 1px solid #f2f4f5;
  padding: 20px 25px 25px 25px;
  position: relative;
}
body.profile.dashboard .desktop section.yield .expectation-graph .contract-controls .controls2 > p.contract-locked-area {
  display: none;
  font-size: 14px;
  margin-bottom: 30px;
}
body.profile.dashboard .desktop section.yield .expectation-graph .contract-controls .controls2:not(.locked) .area.has-changes button {
  display: inline-block;
}
body.profile.dashboard .desktop section.yield .expectation-graph .contract-controls .controls2.some-locked .area.locked p.contract-locked-area {
  display: block;
}
body.profile.dashboard .desktop section.yield .expectation-graph .contract-controls .controls2.all-locked {
  color: #888;
}
body.profile.dashboard .desktop section.yield .expectation-graph .contract-controls .controls2.all-locked > p.contract-locked-area {
  display: block;
}
body.profile.dashboard .desktop section.yield .expectation-graph .contract-controls .controls2 .area button {
  display: inline-block;
  width: 165px;
  min-height: 40px;
  font-size: 14px;
  background: #0062cf;
  color: white;
  text-align: center;
  border: 0;
  white-space: nowrap;
  line-height: 1.2;
  display: none;
  background: #ff9100;
  line-height: 28px;
  width: 110px;
}
body.profile.dashboard .desktop section.yield .expectation-graph .contract-controls .controls2 .area button:active {
  transform: translate(-1px, 1px);
  box-shadow: none;
}
body.profile.dashboard .desktop section.yield .expectation-graph .contract-controls .controls2 .area button[disabled] {
  opacity: 0.75;
  cursor: not-allowed;
}
body.profile.dashboard .desktop section.yield .expectation-graph .contract-controls .controls2:not(.locked) .area .contract-locked-area {
  display: none;
}
body.profile.dashboard .desktop section.yield .infobox {
  z-index: 1;
  box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 24px 10px 24px;
}
body.profile.dashboard .desktop section.yield .infobox > p:first-child {
  font-weight: bold;
}
body.profile.dashboard .desktop section.yield .infobox p {
  display: table-row;
  line-height: 31px;
}
body.profile.dashboard .desktop section.yield .infobox p > span:first-child {
  display: table-cell;
  padding-right: 8px;
}
body.profile.dashboard .desktop section.yield .infobox p > span:last-child {
  display: table-cell;
  font-weight: bold;
}
body.profile.dashboard .desktop section.yield .infobox div {
  display: table;
  width: 100%;
}
body.profile.dashboard .desktop .infobox.mobile {
  display: none;
}
body.profile.dashboard .desktop section.yield .contract-controls {
  width: 295px;
}
body.profile.dashboard .desktop section.yield .controls2:not(.locked) .area.has-changes {
  padding-bottom: 60px;
}
body.profile.dashboard .desktop section.yield .controls2 .area {
  position: relative;
  transition: padding-bottom 0.25s ease-in-out;
}
body.profile.dashboard .desktop section.yield .controls2 .area:not(:last-child) {
  margin-bottom: 20px;
}
body.profile.dashboard .desktop section.yield .controls2 .area .title {
  font-size: 14px;
  margin-bottom: 7px;
  font-weight: bold;
}
body.profile.dashboard .desktop section.yield .controls2 .area input[type='text'] {
  float: right;
  border: none;
  font: inherit;
  text-align: right;
  color: inherit;
}
body.profile.dashboard .desktop section.yield .controls2 .area.fee input[type='text'],
body.profile.dashboard .desktop section.yield .controls2 .area.payin input[type='text'],
body.profile.dashboard .desktop section.yield .controls2 .area.payout input[type='text'] {
  width: 130px;
}
body.profile.dashboard .desktop section.yield .controls2 .area.retirement input[type='text'],
body.profile.dashboard .desktop section.yield .controls2 .area.dynamic input[type='text'] {
  width: 45px;
}
body.profile.dashboard .desktop section.yield .controls2 .area .less,
body.profile.dashboard .desktop section.yield .controls2 .area .more {
  display: none;
}
body.profile.dashboard .desktop section.yield .controls2 .area .ui-slider {
  height: 4px;
  background: #ddd;
  cursor: pointer;
  border: 0;
  margin-bottom: 6px;
}
body.profile.dashboard .desktop section.yield .controls2 .area .ui-slider-handle {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ff9100;
  cursor: pointer;
  margin-top: -5px;
  border: 0;
  margin-top: 0;
}
body.profile.dashboard .desktop section.yield .controls2 .area input[type='range'] {
  width: 100%;
  line-height: 0;
  height: 14px;
  -webkit-appearance: none;
  background: transparent;
  /* Otherwise white in Chrome */
}
body.profile.dashboard .desktop section.yield .controls2 .area input[type='range']:focus {
  outline: none;
}
body.profile.dashboard .desktop section.yield .controls2 .area input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ff9100;
  cursor: pointer;
  margin-top: -5px;
  border: 0;
}
body.profile.dashboard .desktop section.yield .controls2 .area input[type='range']::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ff9100;
  cursor: pointer;
  margin-top: -5px;
  border: 0;
}
body.profile.dashboard .desktop section.yield .controls2 .area input[type='range']::-webkit-slider-runnable-track {
  height: 4px;
  background: #ddd;
  cursor: pointer;
}
body.profile.dashboard .desktop section.yield .controls2 .area input[type='range']::-moz-range-track {
  height: 4px;
  background: #ddd;
  cursor: pointer;
}
body.profile.dashboard .desktop section.yield .controls2 .area input[type='range'][disabled]::-webkit-slider-thumb {
  background: #ddd;
  cursor: default;
}
body.profile.dashboard .desktop section.yield .controls2 .area input[type='range'][disabled]::-webkit-slider-runnable-track {
  cursor: default;
}
body.profile.dashboard .desktop section.yield .controls2 .area .mini-labels {
  zoom: 1;
  font-size: 10px;
}
body.profile.dashboard .desktop section.yield .controls2 .area .mini-labels:before,
body.profile.dashboard .desktop section.yield .controls2 .area .mini-labels:after {
  content: '';
  display: table;
}
body.profile.dashboard .desktop section.yield .controls2 .area .mini-labels:after {
  clear: both;
}
body.profile.dashboard .desktop section.yield .controls2 .area .mini-labels *:first-child {
  float: left;
}
body.profile.dashboard .desktop section.yield .controls2 .area .mini-labels *:last-child {
  float: right;
}
body.profile.dashboard .desktop section.yield .controls2 .area.locked {
  color: #ddd;
}
body.profile.dashboard .desktop section.yield .controls2 .area .contract-locked-area {
  margin-top: 9px;
  font-size: 12px;
  color: #aaa;
  text-align: center;
}
body.profile.dashboard .desktop section.yield .controls2 .area button {
  float: right;
  margin-top: 10px;
}
body.profile.dashboard .desktop section.yield .graph {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  width: 71%;
}
body.profile.dashboard .desktop section.yield .prognose {
  margin-left: 80%;
}
body.profile.dashboard .desktop section.yield .plot {
  top: 26px;
  width: 750px;
  max-width: 100%;
  height: 360px !important;
}
body.profile.dashboard .desktop section.yield .infobox {
  position: absolute;
  right: 0;
  top: 32px;
}
@media only screen and (max-width: 959px) {
  body.profile.dashboard .infobox.desktop {
    display: none;
  }
  body.profile.dashboard .infobox.mobile {
    font-size: 14px;
    width: 252px;
    margin-bottom: 20px;
  }
  body.profile.dashboard .contract-locked-area {
    font-size: 14px;
    text-align: center;
    color: #444;
  }
}
body.profile.dashboard .mobile section {
  margin-bottom: 25px;
}
body.profile.dashboard .mobile section.circle div {
  display: table;
}
body.profile.dashboard .mobile section.circle div > * {
  display: table-row;
}
body.profile.dashboard .mobile section.circle div > * > * {
  display: table-cell;
}
body.profile.dashboard .mobile section.circle div .icon {
  display: inline-block;
  width: 20px;
  font-size: inherit;
}
body.profile.dashboard .mobile section.circle div .value {
  padding-left: 10px;
  font-weight: bold;
}
body.profile.dashboard .mobile section.projection div {
  display: table;
  margin-top: 5px;
  margin-left: 20px;
}
body.profile.dashboard .mobile section.projection div > * {
  display: table-row;
}
body.profile.dashboard .mobile section.projection div > * > * {
  display: table-cell;
}
body.profile.dashboard .mobile section.projection div > * > *:first-child {
  padding-right: 10px;
}
body.profile.dashboard .mobile section.projection div > * > *:last-child {
  text-align: right;
  font-weight: bold;
}
body.profile.dashboard .mobile section.settings {
  max-width: 320px;
}
body.profile.dashboard .mobile section.settings.has-pending-order .premium,
body.profile.dashboard .mobile section.settings.has-pending-order .retirement {
  color: #888;
}
body.profile.dashboard .mobile section.settings.has-pending-order .payin-payout button {
  color: #888;
  border-color: #888;
}
body.profile.dashboard .mobile section.settings .info-pending-order {
  font-weight: bold;
  margin-bottom: 1em;
}
body.profile.dashboard .mobile section.settings .save {
  float: right;
}
body.profile.dashboard .mobile section.settings .premium,
body.profile.dashboard .mobile section.settings .retirement {
  margin-bottom: 15px;
}
body.profile.dashboard .mobile section.settings label {
  zoom: 1;
  display: block;
}
body.profile.dashboard .mobile section.settings label:before,
body.profile.dashboard .mobile section.settings label:after {
  content: '';
  display: table;
}
body.profile.dashboard .mobile section.settings label:after {
  clear: both;
}
body.profile.dashboard .mobile section.settings select,
body.profile.dashboard .mobile section.settings input[type='text'],
body.profile.dashboard .mobile section.settings input[type='number'] {
  float: right;
  width: 100px;
  height: 30px;
  border-radius: 2px;
  box-shadow: inset -1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  background-color: #f8f8f8;
  font-size: inherit;
  border: 0;
  padding: 0 8px;
  color: inherit;
  text-align: right;
}
body.profile.dashboard .mobile section.settings button {
  width: 120px;
  height: 32px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1px;
  text-align: center;
  color: #ff9100;
  border: 1px solid #ff9100;
  border-radius: 16px;
  background: white;
  outline: 0;
}
body.profile.dashboard .mobile section.settings select {
  direction: rtl;
}
body.profile.dashboard .mobile section.settings select option {
  direction: ltr;
}
body.profile.dashboard .mobile section.settings .premium .pre,
body.profile.dashboard .mobile section.settings .retirement .pre {
  display: inline-block;
  width: 140px;
}
body.profile.dashboard .mobile section.settings .dynamic-check {
  padding-left: 10px;
  margin-top: 3px;
  font-size: 12px;
}
body.profile.dashboard .mobile section.settings .dynamic-check input[type='checkbox'] {
  vertical-align: middle;
  margin-right: 4px;
}
body.profile.dashboard .mobile section.settings .dynamic-perc {
  font-size: 12px;
  padding-left: 28px;
}
body.profile.dashboard .mobile section.settings .dynamic-perc select {
  height: 24px;
}
body.profile.dashboard .mobile section.settings .payin-payout {
  margin-top: 30px;
}
body.profile.dashboard .mobile section.settings .payin-payout .buttons {
  text-align: center;
}
body.profile.dashboard .mobile section.settings .payin-payout .buttons button:not(:last-child) {
  margin-right: 20px;
}
body.profile.dashboard .mobile section.settings .payin-payout .payin,
body.profile.dashboard .mobile section.settings .payin-payout .payout {
  margin-top: 20px;
}
body.profile.dashboard .mobile section.settings .payin-payout .payin .controls > *,
body.profile.dashboard .mobile section.settings .payin-payout .payout .controls > * {
  vertical-align: middle;
}
body.profile.dashboard .mobile section.settings .payin-payout .payin .controls > *:not(:last-child),
body.profile.dashboard .mobile section.settings .payin-payout .payout .controls > *:not(:last-child) {
  margin-right: 10px;
}
body.profile.dashboard .mobile section.settings .payin-payout .payin .controls input,
body.profile.dashboard .mobile section.settings .payin-payout .payout .controls input {
  float: none;
}
body.profile.dashboard .mobile section.settings .payin-payout .payin .controls button,
body.profile.dashboard .mobile section.settings .payin-payout .payout .controls button {
  width: 50px;
}
body.profile.dashboard .mobile section.settings .payin-payout .payin p,
body.profile.dashboard .mobile section.settings .payin-payout .payout p {
  margin-top: 15px;
  font-size: 11px;
  line-height: 18px;
}
body.profile.documents main h2 {
  text-align: center;
}
body.profile.documents main .loading {
  margin-top: 40px;
  text-align: center;
}
body.profile.documents main .loading img {
  width: 40px;
  height: 40px;
}
body.profile.documents main .error {
  text-align: center;
  color: #600;
}
body.profile.documents main .empty {
  text-align: center;
}
body.profile.documents main .search {
  margin-bottom: 2em;
  text-align: center;
}
body.profile.documents main .search label {
  display: inline-block;
  position: relative;
}
body.profile.documents main .search input {
  width: 250px;
  line-height: 20px;
  text-indent: 5px;
  font-size: 13px;
  padding: 0;
}
body.profile.documents main .search i {
  position: absolute;
  top: 0;
  right: 5px;
  line-height: 24px;
  font-size: 12px;
  color: #888;
}
body.profile.documents main table {
  margin: 1em auto;
  font-family: Arial, sans-serif;
  border-spacing: 0;
}
body.profile.documents main table tbody tr:first-child td {
  padding-top: 14px;
}
body.profile.documents main table tr[data-title]:nth-child(2) td {
  padding-top: 10px;
}
body.profile.documents main table tr.search-hidden {
  display: none;
}
body.profile.documents main table th {
  padding: 0 5px;
  padding-bottom: 4px;
  text-align: left;
  border-bottom: 1px solid black;
}
body.profile.documents main table td {
  padding: 5px 0;
}
body.profile.documents main table td:first-child {
  width: 300px;
}
body.profile.documents main table td:not(:last-child) {
  padding-right: 8px;
}
body.profile.documents main table td:nth-child(2) {
  text-align: right;
}
body.profile.documents main table td:nth-child(3) {
  text-align: right;
}
body.profile.documents main table td:nth-child(3) a {
  color: #ff9100;
  text-decoration: none;
  font-weight: 300;
  transition: 250ms;
}
body.profile.documents main table td:nth-child(3) a:hover {
  color: #0062cf;
}
body.profile.documents main .expand {
  text-align: center;
}
body.profile.documents main .expand a {
  display: inline-block;
  padding: 10px 0;
  color: #ff9100;
  text-decoration: none;
  font-size: 14px;
  transition: 250ms;
}
body.profile.documents main .expand a:hover {
  color: #0062cf;
}
body.profile.messages main {
  zoom: 1;
  position: relative;
  max-width: 3000px;
  margin: 50px auto;
  box-sizing: border-box;
}
body.profile.messages main:before,
body.profile.messages main:after {
  content: '';
  display: table;
}
body.profile.messages main:after {
  clear: both;
}
body.profile.messages main .empty .heading1 {
  text-align: center;
  margin-top: 40px;
}
body.profile.messages main section.messages {
  position: relative;
}
body.profile.messages main .back {
  text-align: center;
  margin-top: -20px;
  margin-bottom: 20px;
}
body.profile.messages main .back a {
  color: #ff9100;
  text-decoration: none;
}
body.profile.messages main .filter {
  position: absolute;
  top: 6px;
  z-index: 999;
  cursor: pointer;
}
body.profile.messages main .filter .anchor {
  color: inherit;
  text-decoration: none;
}
body.profile.messages main .filter .popup {
  position: absolute;
  top: 25px;
}
body.profile.messages main .filter .popup div {
  background: white;
  border-radius: 5px;
  font-size: 14px;
  line-height: 30px;
  padding: 5px 10px;
}
body.profile.messages main .filter .popup div a {
  display: block;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
body.profile.messages main .filter .popup div a.selected,
body.profile.messages main .filter .popup div a:hover {
  color: #ff9100;
}
body.profile.messages main ul.overview li {
  position: relative;
  list-style-type: none;
  padding: 25px 0 25px 90px;
  cursor: pointer;
}
body.profile.messages main ul.overview li.unread > i.fa {
  background: #666;
}
body.profile.messages main ul.overview li.unread > i.fa:after {
  border-color: #666;
}
body.profile.messages main ul.overview li > i.fa {
  position: absolute;
  font-size: 22px;
  left: 20px;
  top: 21px;
  text-align: center;
  color: white;
  background: #999;
  width: 46px;
  line-height: 46px;
  border-radius: 50%;
}
body.profile.messages main ul.overview li > i.fa:after {
  content: " ";
  position: absolute;
  border: 3px solid #999;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  left: -5px;
  top: -5px;
}
body.profile.messages main ul.overview li > i.fa.type-document:before {
  content: "\f0f6";
}
body.profile.messages main ul.overview li > i.fa.type-info:before {
  content: "\f129";
}
body.profile.messages main ul.overview li > .heading3 {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
body.profile.messages main ul.overview li > p {
  color: #999;
  font-size: 13px;
}
body.profile.messages main ul.overview li > .body {
  display: none;
}
body.profile.messages main ul.overview li:hover {
  background: #f8f8f8;
}
body.profile.messages main ul.overview li:hover > i.fa {
  background: #ff9100;
}
body.profile.messages main ul.overview li:hover > i.fa:after {
  border-color: #ff9100;
}
body.profile.messages main ul.overview li:hover > .heading3,
body.profile.messages main ul.overview li:hover > p {
  color: #ff9100;
}
body.profile.messages main ul.overview li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
body.profile.messages main div.single {
  box-sizing: border-box;
}
body.profile.messages main div.single i.delete {
  float: right;
  font-size: 26px;
  cursor: pointer;
  margin-top: 9px;
}
body.profile.messages main div.single i.delete:hover {
  color: #ff9100;
}
body.profile.messages main div.single h2 {
  position: relative;
  font-size: 22px;
  margin-bottom: 40px;
}
body.profile.messages main div.single h2 .title {
  color: black;
}
body.profile.messages main div.single h2 .sender {
  font-size: 14px;
  text-transform: none;
  float: right;
  margin-top: 9px;
  display: inline-block;
}
body.profile.messages main div.single h2 .date {
  position: absolute;
  right: 0;
  bottom: -21px;
  font-size: 14px;
}
body.profile.messages main div.single p {
  font-family: Arial;
  font-size: 16px;
  line-height: 1.4em;
}
@media only screen and (min-width: 960px) {
  body.profile.messages section.messages .back {
    display: none;
  }
  body.profile.messages section.messages .filter {
    left: 330px;
  }
  body.profile.messages section.messages ul.overview {
    float: left;
    width: 375px;
    background: #ebebeb;
  }
  body.profile.messages section.messages ul.overview li.active > i.fa {
    background: #ff9100;
  }
  body.profile.messages section.messages ul.overview li.active > i.fa:after {
    border-color: #ff9100;
  }
  body.profile.messages section.messages ul.overview li.active > .heading3,
  body.profile.messages section.messages ul.overview li.active > p {
    color: #ff9100;
  }
  body.profile.messages section.messages .single {
    max-width: 2625px;
    margin-left: 375px;
    padding: 20px;
    margin-right: 45px;
  }
}
@media only screen and (max-width: 959px) {
  body.profile.messages section.messages:not(.selected) .back,
  body.profile.messages section.messages:not(.selected) .single {
    display: none;
  }
  body.profile.messages section.messages.selected .filter,
  body.profile.messages section.messages.selected .overview {
    display: none;
  }
  body.profile.messages section.messages .filter {
    top: -35px;
    left: 10px;
    font-size: 20px;
  }
  body.profile.messages section.messages .single {
    padding: 10px;
  }
}
body.profile.person section .heading3 {
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 960px) {
  body.profile.person main {
    padding: 20px;
  }
}
@media only screen and (max-width: 959px) {
  body.profile.person main {
    padding: 10px;
  }
}
body.profile.person section.data .blocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(4, 10.5rem);
}
body.profile.person section.data article {
  font-size: 15px;
}
body.profile.person section.data article.picture {
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 2;
}
body.profile.person section.data article.picture img {
  height: auto;
  width: 6.5rem;
  margin-top: 10px;
  border-radius: 100%;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: 250ms;
}
body.profile.person section.data article.picture img:hover {
  opacity: 0.9;
}
body.profile.person section.data article.picture img.no-click {
  cursor: default;
}
body.profile.person section.data article.contact {
  grid-column-start: 1;
  grid-row-start: 2;
  grid-row-end: 5;
}
body.profile.person section.data article.account {
  grid-column-start: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}
body.profile.person section.data article.contract {
  grid-column-start: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}
body.profile.person section.data article.security {
  grid-column-start: 2;
  grid-row-start: 4;
  grid-row-end: 5;
}
body.profile.person section.data article.security .input-button {
  width: 3.5rem !important;
  cursor: pointer !important;
}
body.profile.person section.data article.security .input-button:focus {
  outline: none;
}
body.profile.person section.data article i.popup {
  margin-left: 5px;
}
body.profile.person section.data article form {
  background: white;
  font-weight: 300;
}
body.profile.person section.data article form:hover input,
body.profile.person section.data article form:hover select {
  background-color: #f0f0f0;
}
body.profile.person section.data article form .row {
  display: block;
  position: relative;
}
body.profile.person section.data article form .row:after {
  content: "\f0c7";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: -15px;
  color: #090;
  font-size: 19px;
  transition: opacity 0.1s ease-in-out;
  opacity: 0;
  font-weight: bold;
}
body.profile.person section.data article form .row.saving:after {
  opacity: 1;
}
body.profile.person section.data article form .row label:first-child,
body.profile.person section.data article form .row span:first-child {
  display: block;
  width: 50%;
  float: left;
  color: #777;
  white-space: nowrap;
}
body.profile.person section.data article form .row a,
body.profile.person section.data article form .row select,
body.profile.person section.data article form .row input[type=text] {
  background-color: white;
  border: 0;
  text-indent: 5px;
  font-family: inherit;
  width: 49%;
  cursor: text;
  font-size: inherit;
}
body.profile.person section.data article form .row select {
  -webkit-appearance: none;
  border-radius: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='%23333333'><polygon points='0,0 100,0 50,50'/></svg>");
  background-size: 12px;
  background-position: 95% center;
  background-repeat: no-repeat;
}
body.profile.person section.data article form .row input[type=text] + .fa-save {
  position: absolute;
  top: 8px;
  right: -13px;
}
body.profile.person section.data article form .row input[type=text]:not(:focus) + .fa-save {
  display: none;
}
body.profile.person section.data article form .row .error {
  background: #f08081 !important;
}
body.profile.person section.data article form .row input[disabled] {
  background: inherit;
  color: inherit;
  cursor: default;
}
body.profile.person section.data article form .row a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}
body.profile.person section.data article form .row a:hover {
  transition: 250ms;
}
body.profile.person section.data article form .row a.pdf {
  width: auto;
  color: #ff9100;
}
body.profile.person section.data article form .row a.pdf:hover {
  color: #00a0b0;
}
body.profile.person section.data article form .row a.quit {
  width: auto;
  color: rgba(212, 1, 92, 0.5);
}
body.profile.person section.data article form .row a.quit:hover {
  color: #d4015c;
}
@media only screen and (min-width: 960px) {
  body.profile.person section.data article {
    width: 100%;
  }
  body.profile.person section.data article form {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 31px;
  }
  body.profile.person section.data article form a,
  body.profile.person section.data article form select,
  body.profile.person section.data article form input[type=text] {
    height: 26px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 959px) {
  body.profile.person section.data .blocks {
    display: flex;
    flex-direction: column;
  }
  body.profile.person section.data article {
    margin-bottom: 25px;
  }
  body.profile.person section.data article form {
    padding: 5px 7px;
    font-size: 12px;
    line-height: 26px;
  }
  body.profile.person section.data article form a,
  body.profile.person section.data article form select,
  body.profile.person section.data article form input[type=text] {
    height: 22px;
    line-height: 22px;
  }
}
body.profile.person .infobox.annuity-popup .popup ul {
  font-family: Arial;
  padding-left: 30px;
}
body.profile.person .infobox.annuity-popup .popup ul li:not(:last-child) {
  margin-bottom: 0.5em;
}
body.profile.person #terminate-contract-overlay .inner {
  text-align: right;
}
body.profile.person #terminate-contract-overlay p {
  margin-bottom: 2em;
  text-align: left;
}
#popup-termination-info {
  width: 24rem;
  text-align: right;
}
#popup-termination-info p {
  margin-bottom: 0em;
  text-align: justify;
}
html.profile.recruit main section.info article {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
html.profile.recruit main section.running article {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
}
html.profile.recruit main section.running article .loading {
  text-align: center;
}
html.profile.recruit main section.running article .loading img {
  width: 40px;
  height: 40px;
}
html.profile.recruit main p.headline {
  font-size: 24px;
  text-align: center;
  margin-bottom: 1em;
  font-weight: bold;
}
html.profile.recruit main .between-tables {
  display: inline-block;
  margin: 10px 0 5px 0;
}
html.profile.recruit main .catchy {
  font-weight: bold;
  font-size: 25px;
  line-height: 32px;
}
html.profile.recruit main img.reward {
  float: right;
  width: 200px;
}
html.profile.recruit main .howto-info {
  float: left;
  max-width: 455px;
}
html.profile.recruit main .invite {
  float: right;
  margin: 0 0 2em 20px;
  width: 320px;
}
html.profile.recruit main .invite label {
  display: block;
  margin: 0.5em 0;
}
html.profile.recruit main .invite .short {
  display: inline-block;
  margin-right: 10px;
  width: 60px;
}
html.profile.recruit main .invite .long {
  display: block;
}
html.profile.recruit main .invite input {
  font-size: 13px;
  padding: 1px 10px;
  width: 180px;
}
@media only screen and (max-width: 959px) {
  html.profile.recruit main .invite input,
  html.profile.recruit main .invite select {
    background: #f2f4f5;
  }
}
html.profile.recruit main .invite .info {
  margin-top: 0.5em;
  font-size: 13px;
  color: green;
}
html.profile.recruit main section.running {
  margin-top: 40px;
}
html.profile.recruit main section.running table {
  font-size: 14px;
  border-spacing: 0;
  width: 100%;
}
html.profile.recruit main section.running table tbody tr:nth-child(odd) {
  background: white;
}
html.profile.recruit main section.running table tr.success {
  color: green;
}
html.profile.recruit main section.running table th {
  padding-bottom: 3px;
}
html.profile.recruit main section.running table td {
  padding: 5px;
  vertical-align: top;
}
html.profile.recruit main section.running table td.isclient {
  text-align: center;
}
@media only screen and (min-width: 960px) {
  html.profile.recruit main p.headline.lower {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 959px) {
  html.profile.recruit main p.headline.lower {
    margin-top: 2em;
  }
  html.profile.recruit main img.reward {
    width: 100px;
  }
  html.profile.recruit main .howto-info {
    float: none;
    max-width: none;
  }
  html.profile.recruit main .invite {
    float: none;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
  }
}
#page-feedback {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  transition: 250ms;
}
#page-feedback:not(.open):hover {
  opacity: 0.9;
}
@media only screen and (max-width: 959px) {
  #page-feedback {
    display: none;
  }
}
#page-feedback .title {
  cursor: pointer;
  background: #0062cf;
  color: white;
  padding: 0;
  height: 51px;
  line-height: 51px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.2px;
}
#page-feedback .title .fa-times {
  margin-right: 20px;
  float: right;
  line-height: inherit;
}
#page-feedback > div {
  background: white;
  padding: 10px;
}
#page-feedback > div p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.7em;
}
#page-feedback > div input[type='email'] {
  margin-bottom: 1em;
}
#page-feedback > div textarea {
  display: block;
  width: 358px;
  height: 5em;
  font-family: inherit;
  margin-bottom: 1em;
  text-indent: 0;
  padding: 10px;
}
#page-feedback.open {
  width: 400px;
}
#page-feedback:not(.open) > p .fa-times {
  display: none;
}
#page-feedback:not(.open) div {
  display: none;
}
.popup-modal {
  max-width: 100%;
  max-height: 100vh;
  padding: 1.25rem;
  border-radius: 0.65rem;
  background: white;
  overflow-y: auto;
}
.popup-modal.feedback-popup {
  width: 25rem;
}
.popup-modal.profile-picture-popup {
  width: 28rem;
}
.popup-modal.popup-portfolio-umschichtung,
.popup-modal.popup-auto-ablaufmanagement {
  width: 24rem;
  color: black;
}
.popup-modal.profile-password-change {
  width: 20rem;
}
.popup-modal .popup-title {
  margin-bottom: 1rem;
}
.popup-modal .popup-title h2 {
  font-size: 1.25rem;
  line-height: 1.2em;
  letter-spacing: 0.1px;
  color: #051423;
  font-weight: bold;
}
.popup-modal .popup-content .popup-actions {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup-modal .popup-content .popup-actions._to-end {
  justify-content: flex-end;
}
.popup-modal .popup-content .popup-section {
  margin: 1rem auto;
}
.popup-modal button {
  display: inline-block;
  width: 165px;
  min-height: 40px;
  font-size: 14px;
  background: #0062cf;
  color: white;
  text-align: center;
  border: 0;
  white-space: nowrap;
  line-height: 1.2;
  cursor: pointer;
  width: auto;
  padding: 0 15px;
}
.popup-modal button:active {
  transform: translate(-1px, 1px);
  box-shadow: none;
}
.popup-modal button[disabled] {
  opacity: 0.75;
  cursor: not-allowed;
}
#popup-feedback-modal .title-sent {
  color: #4bb543;
}
#popup-feedback-modal .popup-subtitle {
  margin-bottom: 1rem;
}
#popup-feedback-modal .select-field {
  border: none;
  border-bottom: 1px solid #0062cf;
}
#popup-feedback-modal .message-grid {
  display: flex;
  flex-direction: column;
}
#popup-feedback-modal .grid-item {
  margin: 1rem 0;
}
#popup-feedback-modal .grid-item-message {
  height: 200px;
  width: auto;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
#popup-feedback-modal .grid-item-message:focus {
  outline: 1px solid #0062cf;
}
#popup-feedback-modal .send {
  background-color: #0062cf;
}
.review-grid {
  display: flex;
  flex-direction: row;
}
.rating {
  width: 104px;
  height: 20px;
  margin: 0;
  margin-left: 0.6rem;
  border: none;
  display: flex;
  flex-direction: row-reverse;
}
.rating label {
  float: right;
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.rating label:not(:first-of-type) {
  padding-right: 1px;
}
.rating label:before {
  content: '\2605';
  font-size: 22px;
  color: #cccccc;
  line-height: 1;
}
.rating input {
  display: none;
}
.rating input:checked ~ label:before,
.rating:not(:checked) > label:hover:before,
.rating:not(:checked) > label:hover ~ label:before {
  color: #ff9100;
}
.rating label:after {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.rating label:hover:after {
  content: attr(data-description);
  position: absolute;
  left: calc(100% + 15px);
  white-space: nowrap;
  color: #696969;
  margin-top: 1.5rem;
}
.rating label:hover ~ label {
  color: #696969;
}
.rating-holder {
  position: relative;
  clear: both;
  display: block;
  left: 0;
}
#popup-profile-picture .popup-block.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 450px) {
  #popup-profile-picture .popup-block.header {
    flex-direction: column;
  }
}
#popup-profile-picture .popup-block.header .current-logo img {
  height: auto;
  width: 8rem;
  border-radius: 100%;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}
#popup-profile-picture .popup-block.header .current-logo .desc {
  font-size: 0.9rem;
  color: gray;
  text-align: center;
}
#popup-profile-picture .popup-block.header .input {
  width: calc(100% - 10rem);
}
@media only screen and (max-width: 450px) {
  #popup-profile-picture .popup-block.header .input {
    width: 100%;
    margin-top: 1rem;
  }
}
#popup-profile-picture .popup-block.header .input .desc {
  font-size: 0.95rem;
  text-align: justify;
}
#popup-profile-picture .popup-block.header .input .dropzone {
  margin-top: 1rem;
}
#popup-profile-picture .popup-block.header .input .dropzone div:focus {
  outline: none;
}
#popup-profile-picture .popup-block.header .input .dropzone .content {
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 0.95rem;
  border: 2px dashed #666666;
  transition: 250ms;
  cursor: pointer;
  border-radius: 0.5rem;
}
#popup-profile-picture .popup-block.header .input .dropzone .content:hover,
#popup-profile-picture .popup-block.header .input .dropzone .content.is-active {
  border: 2px dashed #0062cf;
}
#popup-profile-picture .popup-block.img-field {
  margin-top: 1.5rem;
  text-align: center;
}
#popup-profile-picture .popup-block.img-field .desc {
  margin-top: 0.15rem;
  font-size: 0.9rem;
  color: gray;
  text-align: center;
}
#popup-password-change .popup-block.fields .field-wrap:not(:first-child) {
  margin-top: 0.75rem;
}
#popup-password-change .popup-block.fields .field-wrap .main {
  display: flex;
  flex-direction: column;
}
#popup-password-change .popup-block.fields .field-wrap .main .name {
  margin-bottom: 0.25rem;
  color: #333;
}
#popup-password-change .popup-block.fields .field-wrap .main .input {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid #ccc;
}
#popup-password-change .popup-block.fields .field-wrap .password-strength-hint {
  margin-top: 0.7rem;
}
.possible-lead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}
.possible-lead-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(128, 128, 128, 0.3);
}
.possible-lead-close-wrapper {
  background-color: #223651;
  height: 2rem;
  width: 20rem;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.possible-lead-close-description {
  color: white;
  padding-left: 10px;
}
.possible-lead-close {
  font-size: 1.5rem;
  cursor: pointer;
  color: white;
  padding: 5px 10px;
  position: relative;
}
.possible-lead-content {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  width: 20rem;
  max-width: 100%;
  padding: 0.5rem;
  border-radius: 5px;
  background-color: white;
  z-index: 1;
  border: 1.5px solid #223651;
}
.possible-lead-description {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.1rem;
}
.possible-lead-description.final {
  margin-bottom: 0;
  line-height: 2rem;
}
.possible-lead-description p:nth-child(2) {
  margin-top: 0.5rem;
}
.possible-lead-description-sum {
  font-weight: bold;
}
.possible-lead-input-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.possible-lead-input-wrap.margin {
  margin-top: 1.5rem;
}
.possible-lead-input-wrap.row {
  display: flex;
  flex-direction: row;
}
.possible-lead-input-wrap input {
  width: 80%;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.possible-lead-input-wrap input[type='checkbox'] {
  width: auto;
  margin-left: 2rem;
}
.possible-lead-input-wrap label.small {
  text-align: justify;
  font-size: 0.75rem;
  line-height: 1rem;
}
.possible-lead-btn-wrap {
  margin: 1.5rem 0;
}
.promote-invite {
  margin-bottom: 10px;
}
.promote-modal {
  display: flex;
  flex-direction: column;
}
.promote-close {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-end;
  height: 2.25rem;
  width: 2.25rem;
  padding: 0.25rem;
  margin: -10px;
  margin-bottom: 0.5rem;
  color: #5a5a5a;
  border-radius: 100%;
  background-color: #e4e4e4;
  z-index: 9999;
  transition: 250ms;
  cursor: pointer;
}
.promote-button {
  max-width: 160px;
  align-self: flex-end;
  background-color: #223651 !important;
}