﻿

/* start loading spinner */
#dvLoading, .loading-spinner {
    position: fixed;
    z-index: 999999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.2);
}
/* end loading spinner */

/* start loading purple */

@keyframes lds-flickr-opacity {
  0% {
    -webkit-transform: translate(0 0);
    transform: translate(0 0);
    opacity: 1;
  }
  49.99% {
    opacity: 1;
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes lds-flickr-opacity {
  0% {
    -webkit-transform: translate(0 0);
    transform: translate(0 0);
    opacity: 1;
  }
  49.99% {
    opacity: 1;
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes lds-flickr {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes lds-flickr {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(80px, 0);
    transform: translate(80px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.lds-flickr {
  position: relative;
    top: 38%;  /*35%;*/
    left: 47%;
    position: relative;
}

@media (max-width: 900px) {
    .lds-flickr {
        left: 40%;
    }
}
@media (max-width: 545px) {
    .lds-flickr {
        left: 33%;
    }
}
@media (max-width: 400px) {
    .lds-flickr {
        left: 25%;
    }
}

.lds-flickr div {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: 60px;
  left: 20px;
}
.lds-flickr div:nth-child(1) {
  background: #a475d6b3; /*rgba(40%,20.000000000000004%,60%,0.303);*/
  -webkit-animation: lds-flickr 1.1s linear infinite;
  animation: lds-flickr 1.1s linear infinite;
  -webkit-animation-delay: -0.55s;
  animation-delay: -0.55s;
}
.lds-flickr div:nth-child(2) {
  background: #a475d6b3; /*#663399;*/
  -webkit-animation: lds-flickr 1.1s linear infinite;
  animation: lds-flickr 1.1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-flickr div:nth-child(3) {
  background: #a475d6b3; /*rgba(40%,20.000000000000004%,60%,0.303);*/
  -webkit-animation: lds-flickr-opacity 1.1s linear infinite;
  animation: lds-flickr-opacity 1.1s linear infinite;
  -webkit-animation-delay: -0.55s;
  animation-delay: -0.55s;
}
.lds-flickr {
  width: 162px !important;
  height: 162px !important;
  -webkit-transform: translate(-81px, -81px) scale(0.81) translate(81px, 81px);
  transform: translate(-81px, -81px) scale(0.81) translate(81px, 81px);
}

/* end loading purple */