/* ----------------------------------------------------------------------
   Page loader
   color for geopark estrela - #006cb6
-------------------------------------------------------------------------*/

body:not(.no-page-loader) #wrapper {
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animsition-overlay,
.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #fff;
}


/* loading option */

.animsition-loading {
  background-color: #ffffff;
  z-index: 9999 !important;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.animsition-loading .loader {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 100;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fade-out {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
}

.ball-grid-pulse>div,
.square-spin>div,
.ball-rotate>div,
.ball-rotate>div:after,
.ball-rotate>div:before,
.cube-transition>div,
.ball-zig-zag>div,
.ball-triangle-path>div,
.line-scale>div,
.ball-scale-multiple>div,
.ball-pulse-sync>div,
.ball-beat>div,
.line-scale-pulse-out-rapid>div,
.ball-scale-ripple>div,
.ball-spin-fade-loader>div,
.line-spin-fade-loader>div,
.pacman>div:nth-child(3),
.pacman>div:nth-child(4),
.pacman>div:nth-child(5),
.pacman>div:nth-child(6),
.ball-grid-beat>div {
  background-color: #006cb6;
}

.ball-scale-ripple-multiple>div {
  border: 2px solid #006cb6;
}

.pacman>div:first-of-type, .pacman>div:nth-child(2) {
  border-color: #006cb6 transparent #006cb6 #006cb6;
}