html {
  height: 100%
}

body {
  margin: 0;
  min-height: 100%;
  background-color: #ffffff;
  background-size: 100% 100%;
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wbcover {
display: block; width:100%; height:100%;
}
.contain {
  display:block;
  width:100%; height:100%;
  object-fit: contain;
}

.stretch {
  display:block;
  width:100%; height:100%;
}

.cover {
  display:block;
  width:100%; height:100%;
  object-fit: cover;
}

.bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.bottomLeft {
  position: absolute;
  bottom: 0;
  left: 0;
}

.bottomRight {
  position: absolute;
  bottom: 0;
  right: 0;
}
.spinner {width: 60px;height: 60px;
margin: 0;
                                     position: absolute;
                                     top: 50%;
                                     left: 50%;
                                     -ms-transform: translate(-50%, -50%);
                                     transform: translate(-50%, -50%);}
    .double-bounce1, .double-bounce2 {width: 100%;height: 100%;border-radius: 50%;background-color: #67CF22;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: bounce 2.0s infinite ease-in-out;animation: bounce 2.0s infinite ease-in-out;}
    .double-bounce2 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
    @-webkit-keyframes bounce {0%, 100% { -webkit-transform: scale(0.0) }50% { -webkit-transform: scale(1.0) }}
    @keyframes bounce {0%, 100% {transform: scale(0.0);  -webkit-transform: scale(0.0);} 50% {transform: scale(1.0);  -webkit-transform: scale(1.0);}}