/*********************************************
 * GEARS
 *********************************************/
/* GEAR VARIABLES */
#gears {
  --gear-color-1: var(--color-green);
  --gear-color-2: #c8d94a;
  --gear-color-3: var(--color-blue-dark);
  --gear-color-4: var(--color-links);
  --gear-color-5: var(--color-links-hover);
}
#gear1 {
  --gear-size: 135px;
  --tooth-size-h: 20px;
  --tooth-size-w: 16px;
  --gear-radius: 58px;
  --gear-color: var(--gear-color-5);
}
#gear2 {
  --gear-size: 80px;
  --tooth-size-h: 20px;
  --tooth-size-w: 18px;
  --gear-radius: 30px;
  --gear-color: var(--gear-color-4);
}
#gear3 {
  --gear-size: 85px;
  --tooth-size-h: 14px;
  --tooth-size-w: 11px;
  --gear-radius: 37px;
  --gear-color: var(--gear-color-4);
}
#gear4 {
  --gear-size: 69px;
  --gear-color: var(--gear-color-3);
}
#gear5 {
  --gear-size: 135px;
  --tooth-size-h: 20px;
  --tooth-size-w: 18px;
  --gear-radius: 58px;
  --gear-color: var(--gear-color-3);
}
#gear6 {
  --gear-size: 135px;
  --tooth-size-h: 24px;
  --tooth-size-w: 14px;
  --gear-radius: 58px;
  --gear-color: var(--gear-color-5);
}
#gear7 {
  --gear-size: 108px;
  --tooth-size-h: 18px;
  --tooth-size-w: 18px;
  --gear-radius: 45px;
  --gear-color: var(--gear-color-2);
}
#gear8 {
  --gear-size: 72px;
  --tooth-size-h: 16px;
  --tooth-size-w: 14px;
  --gear-radius: 29px;
  --gear-color: var(--gear-color-4);
}
#gear9 {
  --gear-size: 234px;
  --tooth-size-h: 40px;
  --tooth-size-w: 16px;
  --gear-radius: 108px;
  --gear-color: var(--gear-color-4);
}
#gear10 {
  --gear-size: 122px;
  --tooth-size-h: 24px;
  --tooth-size-w: 14px;
  --gear-radius: 54px;
  --gear-color: var(--gear-color-3);
}
#gear11 {
  --gear-size: 125px;
  --tooth-size-h: 24px;
  --tooth-size-w: 20px;
  --gear-radius: 52px;
  --gear-color: var(--gear-color-1);
}
#gear12 {
  --gear-size: 164px;
  --tooth-size-h: 30px;
  --tooth-size-w: 18px;
  --gear-radius: 72px;
  --gear-color: var(--gear-color-3);
}
#gear13 {
  --gear-size: 62px;
  --tooth-size-h: 16px;
  --tooth-size-w: 12px;
  --gear-radius: 24px;
  --gear-color: var(--gear-color-2);
}
#gear14 {
  --gear-size: 87px;
  --gear-color: var(--gear-color-1);
}
#gear15 {
  --gear-size: 321px;
}
/* GEAR CONTAINERS */
.aks-gears-wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
  left: 0;
}
.aks-gears-wrapper-inner-level-1 {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}
.aks-gears-wrapper-inner-level-2 {
	text-align:right;
  height: 100%;
}
#gears{
	width:478px;
	height:655px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
  top: calc(50% - 327.5px);
}
/* GEAR BACKGROUND */
#gears-static{
	width:329px;
	height:602px;
	position:absolute;
	bottom:5px;
	right:0px;
	opacity:0.4;
}
.aks-gears-static-single svg {
  vertical-align: middle;
}
.aks-gears-static-single-1 {
  transform: rotate(2deg);
}
.aks-gears-static-single-1 svg {
  fill: var(--gear-color-5);
}
.aks-gears-static-single-2 {
  width: 95%;
  position: relative;
  top: -30px;
  left: 5px;
  transform: rotate(2deg);
}
.aks-gears-static-single-2 svg {
  fill: var(--gear-color-3);
}
/* ALL GEARS */
.aks-gear {
  width: var(--gear-size);
  height: var(--gear-size);
	position: absolute;
}
.aks-gear-single {
	position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.aks-center-circle {
	position: relative;
  padding: 0;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
.aks-ring {
  position: absolute;
  border-radius: 100%;
  margin: auto;
  width: calc(100% - var(--tooth-size-h));
  height: calc(100% - var(--tooth-size-h));
}
.tooth {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--tooth-size-w);
  height: var(--tooth-size-h);
  margin: calc(-0.5 * var(--tooth-size-h)) calc(-0.5 * var(--tooth-size-w));
  clip-path: polygon(0 0, 100% 22%, 100% 78%, 0 100%);
  background: var(--gear-color);
}
/* GEARS WITH BORDERS */
.aks-gear-stroke .aks-ring {
  border-color: var(--gear-color) !important;
}
/* GEARS WITH SOLID BACKGROUNDS */
.aks-gear-solid .aks-ring {
  background: var(--gear-color);
}
/* GEARS WITH BARS */
.aks-gear-with-bars .aks-gear-single .aks-ring::before,
.aks-gear-with-bars .aks-gear-single .aks-ring::after {
  content: "";
  position: absolute;
  background: var(--gear-color);
}
.aks-gear-with-bars .aks-gear-single .aks-ring::before {
  top: 0;
  bottom: 0;
  width: 10px;
  left: calc(50% - 5px);
}
.aks-gear-with-bars .aks-gear-single .aks-ring::after {
  left: 0;
  right: 0;
  height: 10px;
  top: calc(50% - 5px);
}
/* --- GEARS --- */
/* GEAR 1 */
#gear1{
	left:83px;
	bottom:111px;
	animation: rotate-back 10000ms linear infinite;
}
#gear1 .aks-gear-single {
  transform: rotate(-2deg);
}
#gear1 .aks-ring {
  border: 12px solid;
  width: calc(100% - 32px);
  height: calc(100% - 32px);
	transform: rotate(2deg);
}
#gear1 .aks-center-circle::after {
  content: "";
  position: absolute;
  border-radius: 100%;
  background: var(--gear-color);
  width: 40px;
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
}
/* GEAR 2 */
#gear2 {
	left:49px;
	top:136px;
	animation: rotate-back 10000ms linear infinite alternate;
}
#gear2 .aks-gear-single {
  transform: rotate(-14.5deg);
}
#gear2 .aks-ring {
  width: calc(100% - 24px);
  height: calc(100% - 24px);
}
/* GEAR 3 */
#gear3{
	left:194px;
	top:19px;
	animation: rotate 10000ms linear infinite;
}
#gear3 .aks-gear-single {
  transform: rotate(-14deg);
}
#gear3 .aks-ring {
  border: 8px solid;
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  transform: rotate(14deg);
}
#gear3 .aks-ring::after {
  content: "";
  position: absolute;
  width: 8px;
  top: -3px;
  bottom: -3px;
  background: var(--gear-color);
  left: calc(50% - 4px);
  transform: rotate(-45deg);
}
/* GEAR 4 */
#gear4{
	left:337px;
	bottom:245px;
	animation: rotate-back 10000ms linear infinite;
}
.aks-semi-circle {
  position: absolute;
  overflow: hidden;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
}
.aks-semi-circle-1 {
  clip-path: polygon(100% 0, 7% 0, 100% 93%);
}
.aks-semi-circle-2 {
  clip-path: polygon(0 7%, 0 100%, 93% 100%);
}
.aks-semi-circle::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: var(--gear-color);
  left: 0;
  top: 0;
}
/* GEAR 5 */
#gear5 {
	left:22px;
	top:108px;
	animation: rotate 10000ms linear infinite alternate;
}
#gear5 .aks-gear-single {
  transform: rotate(-13deg);
}
#gear5 .aks-ring {
  border: 11px solid;
  width: calc(100% - 32px);
  height: calc(100% - 32px);
}
/* GEAR 6 */
#gear6{
	left:305px;
	bottom:212px;
	animation: rotate-back 8000ms linear infinite;
}
#gear6 .aks-gear-single {
  transform: rotate(15deg);
}
#gear6 .aks-ring {
  border: 16px solid;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
}
/* GEAR 7 */
#gear7{
	left:260px;
	top:159px;
	animation: rotate-back 10000ms linear infinite;
}
#gear7 .aks-gear-single {
  transform: rotate(-14.5deg);
}
#gear7 .aks-ring {
  width: calc(100% - 26px);
  height: calc(100% - 26px);
}
#gear7 .tooth {
  clip-path: polygon(0 0, 100% 30%, 100% 70%, 0 100%)
}
/* GEAR 8 */
#gear8{
	left:254px;
	bottom:131px;
	animation: rotate 6000ms linear infinite;
}
#gear8 .aks-gear-single {
  transform: rotate(-14.5deg);
}
#gear8 .aks-ring {
  width: calc(100% - 21px);
  height: calc(100% - 21px);
}
/* GEAR 9 */
#gear9{
	left:197px;
	top:96px;
	animation: rotate 12000ms linear infinite;
}
#gear9 .aks-gear-single {
  transform: rotate(-5deg);
}
#gear9 .aks-ring {
  transform: rotate(5deg);
	border: 19px solid;
  width: calc(100% - 29px);
  height: calc(100% - 29px);
}
#gear9 .tooth {
  clip-path: polygon(0 0, 100% 34%, 100% 66%, 0 100%);
}
/* GEAR 10 */
#gear10{
	left:175px;
	top:0;
	animation: rotate-back 8000ms linear infinite;
}
#gear10 .aks-gear-single {
  transform: rotate(-6deg);
}
#gear10 .aks-ring {
  width: calc(100% - 24px);
  height: calc(100% - 24px);
}
/* GEAR 11 */
#gear11{
	left:228px;
	bottom:105px;
	animation: rotate-back 10000ms linear infinite;
}
#gear11 .aks-gear-single {
	transform: rotate(-14deg);
}
#gear11 .aks-ring {
  width: calc(100% - 30px);
  height: calc(100% - 30px);
}
#gear11 .tooth {
  clip-path: polygon(0 0, 100% 30%, 100% 70%, 0 100%);
}
/* GEAR 12 */
#gear12{
	left:208px;
	bottom:85px;
	animation: rotate 8000ms linear infinite;
}
#gear12 .aks-gear-single {
  transform: rotate(-20deg);
}
#gear12 .aks-ring {
  width: calc(100% - 34px);
  height: calc(100% - 34px);
}
/* GEAR 13 */
#gear13{
	left:174px;
	top:309px;
	animation: rotate 8000ms linear infinite;
}
#gear13 .aks-gear-single {
  transform: rotate(-15deg);
}
#gear13 .aks-ring {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
#gear13 .tooth {
  clip-path: polygon(0 0, 100% 30%, 100% 70%, 0 100%);
}
/* GEAR 14 */
#gear14{
	width: 87px;
	height: 87px;
	left:162px;
	top:296px;
  border-radius: 100%;
  background: var(--gear-color);
}
/* GEAR 15 */
#gear15{
	left:45px;
	top:179px;
	animation: rotate-back 24000ms linear infinite;
  border: 8px solid var(--gear-color-4);
  border-radius: 100%;
}
#gear15 .spoke {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--gear-color-1);
  transform-origin: center;
}
#gear15::after {
  content: "";
  position: absolute;
  border-radius: 100%;
  border: 8px solid var(--gear-color-1);
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
/* WEIGHT */
#weight{
	width: 34px;
	height: 92px;
	position:absolute;
	left:1px;
	bottom:0;
	animation: up 10000ms linear infinite alternate;
}
#shadowweight{
	width:10px;
	height:80px;
	position:absolute;
	left:12px;
	bottom:0px;
	animation: up 10000ms linear infinite alternate;
}
#weight .aks-wt-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
#weight .aks-wt-loop {
  width: 18px;
  height: 18px;
  left: calc(50% - 9px);
  border: 4px solid var(--gear-color-2);
  position: absolute;
  border-radius: 100%;
  top: 0;
}
#weight .aks-wt-top {
  position: absolute;
  width: 80%;
  height: 16px;
  left: 10%;
  top: 7px;
  background-color: var(--gear-color-2);
}
#weight .aks-wt-trap {
  position: absolute;
  width: 56%;
  height: 30px;
  left: 22%;
  top: 13px;
  background-color: var(--gear-color-2);
  clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
}
#weight .aks-wt-bottom {
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  top: 33px;
  background-color: var(--gear-color-2);
}
/* CHAIN */
#chain-circle{
	width:146px;
	height:147px;
	position:absolute;
	left:17px;
	top:102px;
  border: 2px dotted #C8D94A;
  border-radius: 100%;
	animation: rotate 10000ms linear infinite alternate;
}
#chain{
	width:1px;
	height:380px;
	border-left:2px dotted #C8D94A;
	position:absolute;
	left:17px;
	top:175px;
	opacity:0.7;
	animation: collapse 10000ms linear infinite alternate;
}
/* SHADOWS */
.shadow{
	box-shadow: 4px 7px 25px 10px rgba(43, 36, 0, 0.36);
	position:absolute;
}
#shadow1{
	width:96px;
	height:96px;
	border-radius:48px;
	left:103px;
	bottom:130px;
}
#shadow3{
	width:60px;
	height:60px;
	border-radius:30px;
	left:206px;
	top:31px;
}
#shadow5 {
	width:96px;
	height:96px;
	border-radius:48px;
	left:41px;
	top:127px;
}
#shadow6{
	width:98px;
	height:98px;
	border-radius: 49px;
	left:323px;
	bottom:230px;
}
#shadow7{
	width:76px;
	height:76px;
	border-radius: 38px;
	left:276px;
	top:175px;
}
#shadow8{
	width:42px;
	height:42px;
	border-radius: 21px;
	left:269px;
	bottom:146px;
}
#shadow9{
	width:200px;
	height:200px;
	border-radius:100px;
	left:214px;
	top:113px;
}
#shadow10{
	width:86px;
	height:86px;
	border-radius:43px;
	left:193px;
	top:18px;
}
#shadow11{
	width:88px;
	height:88px;
	border-radius:44px;
	left:247px;
	bottom:123px;
}
#shadow12{
	width:124px;
	height:124px;
	border-radius:62px;
	left:225px;
	bottom:107px;
}
#shadow13{
	width:36px;
	height:36px;
	border-radius:18px;
	left:187px;
	top:322px;
}
#shadow14{
	width:70px;
	height:70px;
	border-radius:35px;
	left:171px;
	top:304px;
}
#shadow15{
	width:306px;
	height:306px;
	border-radius:153px;
	left:52px;
	top:186px;
}
/* TEETH AND SPOKES */
.aks-6-spokes .aks-gear-single .tooth:nth-child(1) {
  transform: rotate(0deg) translate(var(--gear-radius));
}
.aks-6-spokes .aks-gear-single .tooth:nth-child(2) {
  transform: rotate(60deg) translate(var(--gear-radius));
}
.aks-6-spokes .aks-gear-single .tooth:nth-child(3) {
  transform: rotate(120deg) translate(var(--gear-radius));
}
.aks-6-spokes .aks-gear-single .tooth:nth-child(4) {
  transform: rotate(180deg) translate(var(--gear-radius));
}
.aks-6-spokes .aks-gear-single .tooth:nth-child(5) {
  transform: rotate(240deg) translate(var(--gear-radius));
}
.aks-6-spokes .aks-gear-single .tooth:nth-child(6) {
  transform: rotate(300deg) translate(var(--gear-radius));
}
.aks-8-spokes .aks-gear-single .tooth:nth-child(1) {
  transform: rotate(5.5deg) translate(var(--gear-radius));
}
.aks-8-spokes .aks-gear-single .tooth:nth-child(2) {
  transform: rotate(50.5deg) translate(var(--gear-radius));
}
.aks-8-spokes .aks-gear-single .tooth:nth-child(3) {
  transform: rotate(95.5deg) translate(var(--gear-radius));
}
.aks-8-spokes .aks-gear-single .tooth:nth-child(4) {
  transform: rotate(140.5deg) translate(var(--gear-radius));
}
.aks-8-spokes .aks-gear-single .tooth:nth-child(5) {
  transform: rotate(185.5deg) translate(var(--gear-radius));
}
.aks-8-spokes .aks-gear-single .tooth:nth-child(6) {
  transform: rotate(230.5deg) translate(var(--gear-radius));
}
.aks-8-spokes .aks-gear-single .tooth:nth-child(7) {
  transform: rotate(275.5deg) translate(var(--gear-radius));
}
.aks-8-spokes .aks-gear-single .tooth:nth-child(8) {
  transform: rotate(320.5deg) translate(var(--gear-radius));
}
.aks-10-spokes .aks-gear-single .tooth:nth-child(1) {
  transform: rotate(5.5deg) translate(var(--gear-radius));
}
.aks-10-spokes .aks-gear-single .tooth:nth-child(2) {
  transform: rotate(41.5deg) translate(var(--gear-radius));
}
.aks-10-spokes .aks-gear-single .tooth:nth-child(3) {
  transform: rotate(77.5deg) translate(var(--gear-radius));
}
.aks-10-spokes .aks-gear-single .tooth:nth-child(4) {
  transform: rotate(113.5deg) translate(var(--gear-radius));
}
.aks-10-spokes .aks-gear-single .tooth:nth-child(5) {
  transform: rotate(149.5deg) translate(var(--gear-radius));
}
.aks-10-spokes .aks-gear-single .tooth:nth-child(6) {
  transform: rotate(185.5deg) translate(var(--gear-radius));
}
.aks-10-spokes .aks-gear-single .tooth:nth-child(7) {
  transform: rotate(221.5deg) translate(var(--gear-radius));
}
.aks-10-spokes .aks-gear-single .tooth:nth-child(8) {
  transform: rotate(257.5deg) translate(var(--gear-radius));
}
.aks-10-spokes .aks-gear-single .tooth:nth-child(9) {
  transform: rotate(293.5deg) translate(var(--gear-radius));
}
.aks-10-spokes .aks-gear-single .tooth:nth-child(10) {
  transform: rotate(329.5deg) translate(var(--gear-radius));
}
.aks-12-spokes .aks-gear-single .tooth:nth-child(1) {
  transform: rotate(5deg) translate(var(--gear-radius));
}
.aks-12-spokes .aks-gear-single .tooth:nth-child(2) {
  transform: rotate(35deg) translate(var(--gear-radius));
}
.aks-12-spokes .aks-gear-single .tooth:nth-child(3) {
  transform: rotate(65deg) translate(var(--gear-radius));
}
.aks-12-spokes .aks-gear-single .tooth:nth-child(4) {
  transform: rotate(95deg) translate(var(--gear-radius));
}
.aks-12-spokes .aks-gear-single .tooth:nth-child(5) {
  transform: rotate(125deg) translate(var(--gear-radius));
}
.aks-12-spokes .aks-gear-single .tooth:nth-child(6) {
  transform: rotate(155deg) translate(var(--gear-radius));
}
.aks-12-spokes .aks-gear-single .tooth:nth-child(7) {
  transform: rotate(185deg) translate(var(--gear-radius));
}
.aks-12-spokes .aks-gear-single .tooth:nth-child(8) {
  transform: rotate(215deg) translate(var(--gear-radius));
}
.aks-12-spokes .aks-gear-single .tooth:nth-child(9) {
  transform: rotate(245deg) translate(var(--gear-radius));
}
.aks-12-spokes .aks-gear-single .tooth:nth-child(10) {
  transform: rotate(275deg) translate(var(--gear-radius));
}
.aks-12-spokes .aks-gear-single .tooth:nth-child(11) {
  transform: rotate(305deg) translate(var(--gear-radius));
}
.aks-12-spokes .aks-gear-single .tooth:nth-child(12) {
  transform: rotate(335deg) translate(var(--gear-radius));
}
#gear15 .aks-gear-single .spoke:nth-child(1) {
  transform: rotate(0deg);
}
#gear15 .aks-gear-single .spoke:nth-child(2) {
  transform: rotate(20deg);
}
#gear15 .aks-gear-single .spoke:nth-child(3) {
  transform: rotate(40deg);
}
#gear15 .aks-gear-single .spoke:nth-child(4) {
  transform: rotate(60deg);
}
#gear15 .aks-gear-single .spoke:nth-child(5) {
  transform: rotate(80deg);
}
#gear15 .aks-gear-single .spoke:nth-child(6) {
  transform: rotate(100deg);
}
#gear15 .aks-gear-single .spoke:nth-child(7) {
  transform: rotate(120deg);
}
#gear15 .aks-gear-single .spoke:nth-child(8) {
  transform: rotate(140deg);
}
#gear15 .aks-gear-single .spoke:nth-child(9) {
  transform: rotate(160deg);
}
/* ANIMATIONS */
@keyframes rotate {
 from {
  transform: rotate(0deg);
 }
 to {
  transform: rotate(360deg);
 }
}
@keyframes rotate-back {
 from {
  transform: rotate(0deg);
 }
 to {
  transform: rotate(-360deg);
 }
}
@keyframes up {
 from {
    bottom: 0px;
 }
 to {
    bottom: 340px;
 }
}
@keyframes collapse {
 from {
    height: 387px;
 }
 to {
    height: 48px;
 }
}