.bar {
  position: relative;
  height: 2px;
  width: 650px;
  margin: 0 auto;
  background: #B82244;
  margin-top: 150px;
}

.circle {
  position: absolute;
  top: -30px;
  margin-left: -30px;
  height: 60px;
  width: 60px;
  left: 0;
  background: #B82244;
  border-radius: 50%;
  display:block; 
  animation: move 5s infinite;
}

/*

 -webkit-animation: move 5s infinite;
}

p {
  position: absolute;
  top: -35px;
  right: -85px;
  text-transform: uppercase;
  color: #347fc3;
  font-family: helvetica, sans-serif;
  font-weight: bold;
}



@keyframes move {
  0% { left: 0;}
 25% { left: 100%; transform: rotate(450deg);transform: scale(2.3, 1.2); width: 50px; height: 50px;}
  50% { left: 100%; transform: rotate(450deg); transform: scale(1.6, 1.4); width: 80px; height: 80px;}
  75% { left: 100%; transform: rotate(360deg); transform: scale(1, 1.9);width: 50px; height: 50px;}
  100% { right: 100%; transform: scale(0); }
}
*/



@keyframes move  {
  0% {left: 0;}
  50% {left: 100%; transform: rotate(450deg); transform: scale(1.6, 1.4); width: 50px; height: 50px;}
  75% {left: 100%; transform: rotate(360deg); transform: scale(1.4, 1.2); width: 50px; height: 50px;}
  100% {right: 100%; transform: scale(0); }
} 



.content {
  /* display: flex;
  justify-content: center;
  align-items: center;
 
  width:100%;
  height:100%;
   */
}
.loader-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #242f3f;
  display:flex;
  justify-content: center;
  align-items: center;
}
.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #Fff;
  animation: loader 2s infinite ease;
}
.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

/*
@keyframes loader {
  0% { transform: rotate(0deg);}
  25% { transform: rotate(180deg);}
  50% { transform: rotate(180deg);}
  75% { transform: rotate(360deg);}
  100% { transform: rotate(360deg);}
}

@keyframes loader-inner {
  0% { height: 0%;}
  25% { height: 0%;}
  50% { height: 100%;}
  75% { height: 100%;}
  100% { height: 0%;}
}
*/