.contentContainer {
  position: absolute;
  width   : 100%;
  height  : 100%;
  top     : 0;
}

.loaderScreen {
  width           : 100%;
  height          : 100%;
  position        : absolute;
  z-index         : 100;
  background-color: white;
}

#loaderScreen1 {
  width           : 100%;
  height          : 82%;
  position        : absolute;
  z-index         : 100;
  top             : 10%;
  background-color: #002D48;
}

.loadWrapper {
  position: absolute;
  width   : 100%;
  height  : 100%;
}

.spinner {
  width            : 60px;
  height           : 60px;
  background-color : #0186b3;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation        : sk-rotateplane 1.2s infinite ease-in-out;
  position         : absolute;
  top              : 40%;
  left             : 48%;
}
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }

  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes sk-rotateplane {
  0% {
    transform        : perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    transform        : perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    transform        : perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}