.head.head-loading .gearbox-container {
  position: absolute;
  top: 0;
  left: 165px;
  height: 50px;
}
.head.head-loading .gearbox-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.head.head-loading .gearbox-container .gearbox {
  position: relative;
  border: none;
}
.head.head-loading .gearbox-container .gear {
  position: absolute;
  height: 22px;
  width: 22px;
}
.head.head-loading .gearbox-container .gear.gear-large {
  height: 40px;
  width: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}
.head.head-loading .gearbox-container .gear.gear-large:after {
  height: 28px;
  width: 28px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  margin-left: -14px;
  margin-top: -14px;
}
.head.head-loading .gearbox-container .gear.gear-small {
  top: 17px;
  left: 7px;
}
.head.head-loading .gearbox-container .gear.gear-small .gear-inner {
  -webkit-animation: clockwise 3s infinite linear;
  -moz-animation: clockwise 3s infinite linear;
  -o-animation: clockwise 3s infinite linear;
  -ms-animation: clockwise 3s infinite linear;
  animation: clockwise 3s infinite linear;
}
.head.head-loading .gearbox-container .gear.gear-big {
  top: 1px;
  left: 35px;
}
.head.head-loading .gearbox-container .gear.gear-big .gear-inner {
  -webkit-animation: counterclockwise 6s infinite linear;
  -moz-animation: counterclockwise 6s infinite linear;
  -o-animation: counterclockwise 6s infinite linear;
  -ms-animation: counterclockwise 6s infinite linear;
  animation: counterclockwise 6s infinite linear;
}
.head.head-loading .gearbox-container .gear:after {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #19ae2e;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  z-index: 3;
}
.head.head-loading .gearbox-container .gear-inner {
  position: relative;
  height: 100%;
  width: 100%;
  background: #5c5c5c;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 4px solid #5c5c5c;
}
.head.head-loading .gearbox-container .gear-inner .gear-bar {
  background: #5c5c5c;
  height: 6px;
  width: 30px;
  position: absolute;
  left: 7px;
  margin-left: -15px;
  top: 7px;
  margin-top: -3px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.head.head-loading .gearbox-container .gear-inner .gear-bar:nth-child(2) {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.head.head-loading .gearbox-container .gear-inner .gear-bar:nth-child(3) {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.head.head-loading .gearbox-container .gear-inner .gear-bar:nth-child(4) {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.head.head-loading .gearbox-container .gear-inner .gear-bar:nth-child(5) {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.head.head-loading .gearbox-container .gear-inner .gear-bar:nth-child(6) {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.head.head-loading .gearbox-container .gear-large .gear-inner {
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.head.head-loading .gearbox-container .gear-large .gear-inner .gear-bar {
  margin-left: -25px;
  width: 50px;
  top: 16px;
  left: 16px;
}
@-moz-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-o-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-moz-keyframes counterclockwise {
  0% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes counterclockwise {
  0% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-o-keyframes counterclockwise {
  0% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes counterclockwise {
  0% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}