/* noty.css */
.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: 0%;width: 100%;max-width: 100%;}
#noty_layout__topLeft {top: 30px;left: 20px;width: 320px;}
#noty_layout__topCenter {top: 5%;left: 50%;width: 320px;-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: 30px;right: 20px;width: 320px;}
#noty_layout__bottom {bottom: 0;left: 0;width: 100%;max-width: 100%;}
#noty_layout__bottomLeft {bottom: 20px;left: 20px;width: 320px;}
#noty_layout__bottomCenter {bottom: 5%;left: 50%;width: 320px;-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: 16px;right: 16px;max-width: 320px;width: auto;}
#noty_layout__center {top: 50%;left: 50%;width: 320px;-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: 320px;-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: 320px;-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_bar {-webkit-backface-visibility: hidden;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_close_with_click {cursor: pointer;}
.noty_close_button {position: absolute;top: 2px;right: 2px;width: 20px;height: 20px;line-height: 20px;font-size: 20px;text-align: center;cursor: pointer;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;}
.noty_close_button:hover {background: rgba(0, 0, 0, 0.1);}
.noty_modal {position: fixed;width: 100%;height: 100%;background: #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;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.noty_effects_open {opacity: 0;transform: translate(50%);animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.noty_effects_close {animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
@-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 fadeInUp {
from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInUp {
from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeOut {
from {opacity: 1;}
to {opacity: 0;}
}
@keyframes fadeOut {
from {opacity: 1;}
to {opacity: 0;}
}
.fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOutDown {
from {opacity: 1;}
to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
}
@keyframes fadeOutDown {
	from {opacity: 1;}
	to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
}
.fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}
@-webkit-keyframes fadeInDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}