/*------------- #MOVE BACKGROUND --------------*/
.crumina-flying-balls {
  position: relative; }
  .crumina-flying-balls *[class*="col-"] {
    z-index: 100; }
  .crumina-flying-balls:after, .crumina-flying-balls:before {
    content: '';
    display: block;
    height: 300px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99; }
  .crumina-flying-balls:after {
    bottom: 0;
    -webkit-box-shadow: inset 0px -200px 119px -40px #16181d;
    box-shadow: inset 0px -150px 119px -40px #16181d; }
  .crumina-flying-balls:before {
    top: 0;
    -webkit-box-shadow: inset 0 150px 119px -40px #16181d;
    box-shadow: inset 0 150px 119px -40px #16181d; }

.particles-js-canvas-el {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 100%;
  max-height: 100vh; }
  
  
  /*------------- #WINDOW-POPUP --------------*/
.window-popup {
  position: fixed;
  top: -2000px;
  left: 50%;
  display: block;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 999999;
  margin-left: 0 !important;
  width: 1400px;
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px);
  border-radius: 30px;
  -webkit-box-shadow: 80px 0 110px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 80px 0 110px 5px rgba(0, 0, 0, 0.3);
  overflow: hidden; }
  .window-popup .mCustomScrollbar {
    max-height: -webkit-calc(100vh - 200px);
    max-height: calc(100vh - 200px); }
  .window-popup .ps.ps--active-y > .ps__scrollbar-y-rail {
    z-index: 5;
    right: 20px !important;
    background-color: transparent; }
  .window-popup .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    background-color: transparent;
    border-right: 4px dotted #ffba00;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
  .window-popup .ps:hover > .ps__scrollbar-y-rail {
    opacity: 1; }
  .window-popup .ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
    background-color: #fbeb0b66; }

.window-popup .content {
  overflow: hidden;
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transition: background-image 0.1s ease, all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-image 0.1s ease, all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  background-image: url(../img/body-bg.png);
  background-color: #16181d; }

.window-popup.active {
  top: 100px; }

.register-event {
  width: 680px; }

body:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(7, 8, 9, 0.5);
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  z-index: -999; }

body.popup-active .crumina-flying-balls [class*="col-"] {
  z-index: unset; }

body.body-overlay-active:before {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 99999; }

.popup-close {
  position: fixed;
  top: 40px;
  right: 40px;
  z-index: 999; }
  .popup-close:hover .woox-icon {
    fill: #ffba00; }
  .popup-close .woox-icon {
    width: 40px;
    height: 40px;
    fill: #666d7a; }

.crumina-grid .ps.ps--active-y > .ps__scrollbar-y-rail {
  z-index: 5;
  right: 20px !important;
  background-color: transparent; }

.crumina-grid .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: transparent;
  border-right: 4px dotted #ffba00;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  top: 0 !important; }

.crumina-grid .ps:hover > .ps__scrollbar-y-rail {
  opacity: 1; }

.crumina-grid .ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #fbeb0b66; }

.crumina-grid .ps.ps--active-x > .ps__scrollbar-x-rail {
  background-color: transparent;
  z-index: 5; }

.crumina-grid .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x,
.crumina-grid .ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  height: 6px; }

.crumina-grid .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: transparent;
  border-bottom: 4px dotted #ffba00;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  left: 0 !important; }

.crumina-grid .ps:hover > .ps__scrollbar-x-rail {
  opacity: 1; }

.crumina-grid .ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #fbeb0b66; }