.module-popup {
  transition: .2s ease-out;
  background: rgba(17, 17, 17, 0.95);
  height: 100vh;
  left: 0;
  opacity: 1;
  position: fixed;
  top: 0;
  transform: translateZ(0);
  visibility: visible;
  width: 100%;
  z-index: 9999999999 !important; }
  .module-popup.module--hidden {
    opacity: 0;
    transition-delay: 100ms;
    visibility: hidden; }

.module-popup__wrapper {
  transition: .2s ease-out;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition-delay: 200ms; }
  .module--hidden .module-popup__wrapper {
    transform: translate(-50%, -20%);
    transition-delay: 0ms; }

.module-popup__content-wrapper {
  /*background: $light-color;*/
  color: #111;
  margin: auto;
  max-height: 75vh;
  overflow-y: auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block; }
  .module-popup__content-wrapper--max-width {
    display: block; }
  @media (max-width: 991px) {
    .module-popup__content-wrapper {
      padding: 15px; } }
  @media (min-width: 992px) {
    .module-popup__content-wrapper {
      max-width: 960px;
      padding: 30px; } }

.module-popup__content--text-center {
  text-align: center; }

.module-popup__close {
  color: #111;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
  padding: 15px;
  position: fixed; }
  .module-popup__close--right-top {
    right: 0;
    top: 0; }
  .module-popup__close--right-bottom {
    right: 0;
    bottom: 0; }
  .module-popup__close--left-top {
    left: 0;
    top: 0; }
  .module-popup__close--left-bottom {
    left: 0;
    bottom: 0; }
  .module-popup__close:not(.module-popup__close--right-top):not(.module-popup__close--right-bottom):not(.module-popup__close--left-top):not(.module-popup__close--left-bottom) {
    right: 0;
    top: 0; }
  .module-popup__close > i, .module-popup__close > i:before, .module-popup__close > i:after {
    transition: .2s ease-out; }
  .module-popup__close:hover > i {
    transform: scale(0.9);
    color: #0cf; }
  .module-popup__close:active > i {
    transform: scale(0.1); }

.module-popup__close__button:after, .module-popup__close__button:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #fff;
  transform-origin: center center;
  position: absolute;
  top: 50%;
  left: 50%; }

.module-popup__close__button:before {
  transform: translate(-50%, -50%) rotate(45deg); }
  .module--hidden .module-popup__close__button:before {
    transform: translate(-50%, -50%); }

.module-popup__close__button:after {
  transform: translate(-50%, -50%) rotate(-45deg); }
  .module--hidden .module-popup__close__button:after {
    transform: translate(-50%, -50%); }

.module-popup__close:hover .module-popup__close__button:after, .module-popup__close:hover .module-popup__close__button:before {
  background: #0cf; }