.noesveu {display: none;}
.esveu {display: block;}

/**** LOADER *****/
.loader {
  animation: load3 1.4s infinite linear;
  background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%) repeat scroll 0 0;
  border-radius: 50%;
  height: 11em;
  overflow: hidden;
  transform: translateZ(0);
  width: 11em;
  margin: 0 auto;

background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
-webkit-animation: load3 1.4s infinite linear;
-webkit-transform: translateZ(0);
}
.loader::before {
    background: #ffffff;
    border-radius: 100% 0 0;
    content: '';
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
}
.loader::after {
    background-color: rgba(200, 15, 80, 0.4);
    border-radius: 50%;
    bottom: 0;
    content: '';
    height: 75%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 75%;
}
.macmessage {
  background-color: #007abc;
  color: #fff;
  margin-top: 30px;
  padding: 20px;
}

@-webkit-keyframes load3 {
  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes load3 {
  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}