/* ---------------------------------------------------------------
Preload Graphics
-----------------------------------------------------------------*/
body.page-with-animation #page_loading_effect[data-method="standard"] {
  display: block;
  opacity: 1;
}

body.page-with-animation #page_loading_effect[data-method="standard"] .load_symbol {
  opacity: 1;
}

#page_loading_effect {
  z-index: 9999;
}

.load_symbol .minimal_icon .spinner {
  width: 60px;
  height: 60px;
  -webkit-animation: material-rotate-all 1s linear infinite;
  animation: material-rotate-all 1s linear infinite;
}

.load_symbol .minimal_icon .spinner .right-side, .load_symbol .minimal_icon .spinner .left-side {
  -webkit-animation: material-fade-in-first 1.2s linear infinite alternate;
  animation: material-fade-in-first 1.2s linear infinite alternate;
}

.load_symbol .minimal_icon .spinner.color-2 .right-side, .load_symbol .minimal_icon .spinner.color-2 .left-side {
  -webkit-animation: material-fade-in-second 1.2s linear infinite alternate;
  animation: material-fade-in-second 1.2s linear infinite alternate;
}

.load_symbol .minimal_icon .bar {
  border-radius: 200px 0 0 200px;
  border: 3px solid #65c18b;
}

.load_symbol .minimal_icon .right-side .bar {
  border-radius: 0 200px 200px 0;
  border-left: none;
  -webkit-transform: rotate(-10deg);
  -webkit-transform-origin: left center;
  transform: rotate(-10deg);
  transform-origin: left center;
  -webkit-animation: material-rotate-right 0.75s linear infinite alternate;
  animation: material-rotate-right 0.75s linear infinite alternate;
}

.load_symbol .minimal_icon .right-side .bar:after {
  bottom: -6px;
  left: -3px;
}

.load_symbol .minimal_icon .left-side .bar {
  border-right: none;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-animation: material-rotate-left 0.75s linear infinite alternate;
  animation: material-rotate-left 0.75s linear infinite alternate;
}

.load_symbol .minimal_icon .left-side .bar:after {
  bottom: -6px;
  right: -3px;
}

@-webkit-keyframes material-rotate-left {
  to {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  from {
    -webkit-transform: rotate(-175deg);
            transform: rotate(-175deg);
  }
}

@keyframes material-rotate-left {
  to {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  from {
    -webkit-transform: rotate(-175deg);
            transform: rotate(-175deg);
  }
}

@-webkit-keyframes material-rotate-right {
  from {
    -webkit-transform: rotate(175deg);
            transform: rotate(175deg);
  }
  to {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}

@keyframes material-rotate-right {
  from {
    -webkit-transform: rotate(175deg);
            transform: rotate(175deg);
  }
  to {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}

@-webkit-keyframes material-rotate-all {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes material-rotate-all {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes material-fade-in-first {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes material-fade-in-first {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes material-fade-in-second {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes material-fade-in-second {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}