:root {
	--primary-color: #ffffff;
	--secondary-color: #ffffff;
	--primary-cta-color: #00aadd;
	--secondary-cta-color: #00bbee;
	--hover-color: #00bbee;
	--header-text-color: #ffffff;
	--sub-text-color: #ffffff;
	--button-text-color: #ffffff;
	--border-color: #363636;
	
	--bg-color: #020202;
	--bg-gradient-top-bottom: linear-gradient(to bottom, #020202FF 0%, #02020200 100%);
	--bg-gradient-bottom-top: linear-gradient(to bottom, #02020200 0%, #020202FF 100%);
	--accent-color: #222222;

	--input-bg: #e8e8e8;
	--input-focus-bg: #dedede;
	
	--base-color: #020202;
	--accent-color: #222222;	

	--grey-color: #AAAAAA;
	--light-color: #d1d1d1;
	--white-color: #ffffff;
	--background: var(--base-color);

		
	--error-color: #FF635C;
	--green-color: #00A51C;
	--light-green-color: #9bc13c;
	--yellow-color: #fdd43a;
	--white-alpha: rgba(255,255,255,0.32);


}


@keyframes zoomInUp {
	from {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	to {
		opacity: 0;
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

@keyframes roll-animate {
	0% {
		transform: translateX(100%) rotate(130deg);
	}

	100% {
		transform: translateX(0%) rotate(0deg);
	}
}

@keyframes spin-animate {
	0% {
		transform: rotate(360deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

@keyframes pulse {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(1.1, 1.1, 1.1);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}


@keyframes lds-ripple {
	0% {
		top: 28px;
		left: 28px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: -1px;
		left: -1px;
		width: 58px;
		height: 58px;
		opacity: 0;
	}
}


@-webkit-keyframes opac-in-animate {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@keyframes  opac-in-animate {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes opac-out-animate {
	0% { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes  opac-out-animate {
	0% { opacity: 1;}
	100% { opacity: 0;}
}

@-webkit-keyframes zoom-in-animate {
	0% { -webkit-transform: scale(0); opacity: 1;}
	100% { -webkit-transform: scale(1); opacity: 1;}
}
@keyframes zoom-in-animate {
	0% { transform:scale(0); opacity: 1;}
	100% { transform:scale(1); opacity: 1;}
}


@-webkit-keyframes btn-animate {
	0%, 100% { -webkit-transform:scale(1); }
	50% { -webkit-transform:scale(1.1); }
}
@keyframes btn-animate {
	0%, 100% { transform:scale(1); }
	50% { transform:scale(1.1); }
}
@-webkit-keyframes nav-animate {
	0% { -webkit-transform:translateY(-100%); }
	100% {-webkit-transform:translateY(0%);}
}
@keyframes nav-animate {
	0% { transform:translateY(-100%); }
	100% { transform:translateY(0%);}
}

@-webkit-keyframes highlight-animate {
	0%{ -webkit-transform:scaleX(0); opacity: 1; }
	100% { -webkit-transform:scaleX(1); opacity: 1; }
}
@keyframes highlight-animate {
	0%{ transform:scaleX(0); opacity: 1;}
	100% { transform:scaleX(1); opacity: 1; }
}

@keyframes left-in-animate {
	0% {
		transform: translateX(-50%) translateY(0%);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@keyframes left-img-animate {
	0% {
		transform: translateX(-25%) translateY(0%);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@keyframes btm-img-animate {
	0% {
		transform: translateY(10%);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

@keyframes right-img-animate {
	0% {
		transform: translateX(0%) translateY(-25%);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@keyframes right-in-animate {
	0% {
		transform: translateX(50%) translateY(0%);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@keyframes top-in-animate {
	0% {
		transform: translateY(-100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

@keyframes btm-in-animate {
	0% {
		transform: translateY(20%);
		opacity: 0;
	}

	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

@keyframes zoom-pop-animate {
	0% {
		transform: scale(0);
		opacity: 1;
	}

	90% {
		transform: scale(1.2);
		opacity: 1;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes scale-up-animate {
	0% {
		transform: scale(0) translateY(50%);
	}

	100% {
		transform: scale(1) translateY(0%);
	}
}

@keyframes scale-down-animate {
	0% {
		transform: scale(1) translateY(0%);
	}

	100% {
		transform: scale(0) translateY(50%);
	}
}

@keyframes scale-popup-animate {
	0% {
		opacity: 0;
		transform: scale(0) translateY(50%);
	}

	100% {
		opacity: 1;
		transform: scale(1) translateY(0%);
	}
}

@keyframes lights-animate {
	0%,
	50%,
	100% {
		opacity: 0;
	}

	5%,
	45% {
		opacity: 1;
	}
}

@keyframes rotate-animate {
	0% {
		transform: rotate(0deg);
	}

	5% {
		transform: rotate(0deg);
	}

	10% {
		transform: rotate(360deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes heartBeat {
	0% {
		transform: scale(1) translateZ(0);
	}

	14% {
		transform: scale(1.1) translateZ(0);
	}

	28% {
		transform: scale(1) translateZ(0);
	}

	42% {
		transform: scale(1.1) translateZ(0);
	}

	65% {
		transform: scale(1) translateZ(0);
	}
}

@keyframes rubberBand {
	from {
		transform: scale3d(0, 0, 0);
		opacity: 0;
	}

	25% {
		/*    transform: scale3d(1, 1, 1);*/
		opacity: 1;
	}

	30% {
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		transform: scale3d(0.95, 1.05, 1);
	}

	75% {
		transform: scale3d(1.05, 0.95, 1);
	}

	to {
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}
}

@keyframes wobble-flip {
	from {
		transform: translate3d(0, 0, 0);
	}

	3% {
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	6% {
		transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	9% {
		transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	12% {
		transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	15% {
		transform: translate3d(-1%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	to {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes b-clouds-animate {
	0% {
		transform: translateX(0%);
		animation-timing-function: linear;
	}

	100% {
		transform: translateX(-100%);
		animation-timing-function: linear;
	}
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fade-out {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fade-out {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}


@-webkit-keyframes left-in-animate {
	0% { -webkit-transform: translateX(-50%) translateY(0%);  opacity: 0;}
	50% { opacity: 1;}
	100% { -webkit-transform: translateX(0%) translateY(0%); opacity: 1;}
}
@keyframes left-in-animate {
	0% { transform:translateX(-50%) translateY(0%); opacity: 0;}
	50% { opacity: 1;}
	100% { transform:translateX(0%) translateY(0%); opacity: 1;}
}
@-webkit-keyframes right-in-animate {
	0% { -webkit-transform: translateX(50%) translateY(0%); opacity: 0;}
	50% { opacity: 1;}
	100% { -webkit-transform: translateX(0%) translateY(0%); opacity: 1;}
}
@keyframes right-in-animate {
	0% { transform:translateX(50%) translateY(0%); opacity: 0;}
	50% { opacity: 1;}
	100% { transform:translateX(0%) translateY(0%); opacity: 1;}
}
@-webkit-keyframes top-in-animate {
	0% { -webkit-transform: translateY(-100%); opacity: 1;}
	100% { -webkit-transform: translateY(0%); opacity: 1;}
}
@keyframes top-in-animate {
	0% { transform:translateY(-100%); opacity: 1;}
	100% { transform:translateY(0%); opacity: 1;}
}
@-webkit-keyframes btm-in-animate {
	0% { -webkit-transform: translateY(20%); opacity: 0;}
	100% { -webkit-transform: translateY(0%); opacity: 1;}
}
@keyframes btm-in-animate {
	0% { transform:translateY(20%); opacity: 0;}
	100% { transform:translateY(0%); opacity: 1;}
}
@-webkit-keyframes zoom-pop-animate {
	0% { -webkit-transform: scale(0); opacity: 1;}
	90% { -webkit-transform:scale(1.2); opacity: 1;}
	100% { -webkit-transform: scale(1); opacity: 1;}
}
@keyframes zoom-pop-animate {
	0% { transform:scale(0); opacity: 1;}
	90% { transform:scale(1.2); opacity: 1;}
	100% { transform:scale(1); opacity: 1;}
}
@-webkit-keyframes zoom-out-animate {
	0% { -webkit-transform: scale(0); opacity: 1;}
	100% { -webkit-transform: scale(1); opacity: 1;}
}
@keyframes zoom-out-animate {
	0% { transform:scale(0); opacity: 1;}
	100% { transform:scale(1); opacity: 1;}
}

@keyframes lights-animate {
	0%, 50%, 100% { opacity: 0;}
	5%, 45% { opacity: 1;}
}

@keyframes leaves-animate {
	0%, 100% { transform:rotate(0deg);}
	60% { transform:rotate(9deg); }
	80% { transform:rotate(-3deg); }
}
@keyframes leaves2-animate {
	0%, 100% { transform:rotate(0deg);}
	60% { transform:rotate(8deg); }
	80% { transform:rotate(-5deg); }
}

@keyframes balloon-animate {
	0% { transform:translateX(0%) translateY(0%) scale(1); opacity: 0; }
	5% { opacity: 1;}
	95% { opacity: 1;}
	100% { transform:translateX(40%) translateY(-250%) scale(0.8); opacity: 0;}
}

@-webkit-keyframes opac-swap-animate {
	0%, 50%, 100% { opacity: 0;}
	3%, 47% { opacity: 1;}
}
@keyframes opac-swap-animate {
	0%, 50%, 100% { opacity: 0;}
	3%, 47% { opacity: 1;}
}

@-webkit-keyframes zoom-out-animate {
	0% { opacity: 0;
		-webkit-transform: scale(3);
	}
 	100% { opacity: 1;
		-webkit-transform: scale(1);
	}
}
@keyframes zoom-out-animate {
	0% { opacity: 0;
		transform: scale(3);
	}
 	100% { opacity: 1;
		transform: scale(1);
	}
}

@keyframes scale-up-animate {
	0% {
		transform: scale(0) translateY(50%);
	}
	100% {
		transform: scale(1) translateY(0%);
	}
}
@keyframes scale-down-animate {
	0% {
		transform: scale(1) translateY(0%);
	}
	100% {
		transform: scale(0) translateY(50%);
	}
}

/*
@keyframes rotate-animate {
	0% { transform:rotate(0deg);}
	100% { transform:rotate(360deg); }
}
*/
@keyframes rotate-animate {
	0% { transform:rotate(0deg);}
	5% { transform:rotate(0deg); }
	10% { transform:rotate(360deg); }
	100% { transform:rotate(360deg); }
}

@keyframes heartBeat {
  0% {
	transform: scale(1) translateZ(0);
  }

  14% {
	transform: scale(1.10) translateZ(0);
  }

  28% {
	transform: scale(1) translateZ(0);
  }

  42% {
	transform: scale(1.10) translateZ(0);
  }

  65% {
	transform: scale(1) translateZ(0);
  }
}

@keyframes rubberBand {
  from {
	transform: scale3d(0, 0, 0);
	  opacity: 0;
  }
	
  25% {
/*	transform: scale3d(1, 1, 1);*/
	  opacity: 1;
  }

  30% {
	transform: scale3d(1.25, 0.75, 1);
  }

  40% {
	transform: scale3d(0.75, 1.25, 1);
  }

  50% {
	transform: scale3d(1.15, 0.85, 1);
  }

  65% {
	transform: scale3d(0.95, 1.05, 1);
  }

  75% {
	transform: scale3d(1.05, 0.95, 1);
  }

  to {
	transform: scale3d(1, 1, 1);
	  opacity: 1;
  }
}

@keyframes wobble-flip {
  from {
	transform: translate3d(0, 0, 0);
  }

  3% {
	transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  6% {
	transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  9% {
	transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  12% {
	transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  15% {
	transform: translate3d(-1%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
	transform: translate3d(0, 0, 0);
  }
}

@keyframes b-clouds-animate {
	0% { transform:translateX(0%);
		animation-timing-function: linear;}
	100% { transform:translateX(-100%); 
		animation-timing-function: linear;}
}

@-webkit-keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes fade-out {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes fade-out {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@-webkit-keyframes opac-in-animate {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes opac-in-animate {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes opac-out-animate {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes opac-out-animate {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes zoom-in-animate {
	0% {
		-webkit-transform: scale(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@keyframes zoom-in-animate {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes btn-animate {
	0%,
	100% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
	}
}
@keyframes btn-animate {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}
@-webkit-keyframes nav-animate {
	0% {
		-webkit-transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}
@keyframes nav-animate {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes highlight-animate {
	0% {
		-webkit-transform: scaleX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleX(1);
		opacity: 1;
	}
}
@keyframes highlight-animate {
	0% {
		transform: scaleX(0);
		opacity: 1;
	}
	100% {
		transform: scaleX(1);
		opacity: 1;
	}
}

@-webkit-keyframes left-in-animate {
	0% {
		-webkit-transform: translateX(-50%) translateY(0%);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(0%) translateY(0%);
		opacity: 1;
	}
}
@keyframes left-in-animate {
	0% {
		transform: translateX(-50%) translateY(0%);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translateX(0%) translateY(0%);
		opacity: 1;
	}
}
@-webkit-keyframes right-in-animate {
	0% {
		-webkit-transform: translateX(50%) translateY(0%);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(0%) translateY(0%);
		opacity: 1;
	}
}
@keyframes right-in-animate {
	0% {
		transform: translateX(50%) translateY(0%);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translateX(0%) translateY(0%);
		opacity: 1;
	}
}
@-webkit-keyframes top-in-animate {
	0% {
		-webkit-transform: translateY(-100%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
}
@keyframes top-in-animate {
	0% {
		transform: translateY(-100%);
		opacity: 1;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}
@-webkit-keyframes btm-in-animate {
	0% {
		-webkit-transform: translateY(20%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
}
@keyframes btm-in-animate {
	0% {
		transform: translateY(20%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}
@-webkit-keyframes zoom-pop-animate {
	0% {
		-webkit-transform: scale(0);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.2);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@keyframes zoom-pop-animate {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	90% {
		transform: scale(1.2);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes scale-up-animate {
	0% {
		transform: scale(0) translateY(50%);
	}
	100% {
		transform: scale(1) translateY(0%);
	}
}
@keyframes scale-down-animate {
	0% {
		transform: scale(1) translateY(0%);
	}
	100% {
		transform: scale(0) translateY(50%);
	}
}

@keyframes left-out-animate {
	0% {
		opacity: 1;
		transform: translateX(0%);
	}
	100% {
		opacity: 1;
		transform: translateX(-50%);
	}
}
@keyframes right-out-animate {
	0% {
		opacity: 1;
		transform: translateX(0%);
	}
	100% {
		opacity: 1;
		transform: translateX(50%);
	}
}

@keyframes lights-animate {
	0%,
	50%,
	100% {
		opacity: 0;
	}
	5%,
	45% {
		opacity: 1;
	}
}

@keyframes leaves-animate {
	0%,
	100% {
		transform: rotate(0deg);
	}
	60% {
		transform: rotate(9deg);
	}
	80% {
		transform: rotate(-3deg);
	}
}
@keyframes leaves2-animate {
	0%,
	100% {
		transform: rotate(0deg);
	}
	60% {
		transform: rotate(8deg);
	}
	80% {
		transform: rotate(-5deg);
	}
}

@keyframes balloon-animate {
	0% {
		transform: translateX(0%) translateY(0%) scale(1);
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	95% {
		opacity: 1;
	}
	100% {
		transform: translateX(40%) translateY(-250%) scale(0.8);
		opacity: 0;
	}
}

/*
@keyframes rotate-animate {
	0% { transform:rotate(0deg);}
	100% { transform:rotate(360deg); }
}
*/
@keyframes rotate-animate {
	0% {
		transform: rotate(0deg);
	}
	5% {
		transform: rotate(0deg);
	}
	10% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes heartBeat {
	0% {
		transform: scale(1) translateZ(0);
	}

	14% {
		transform: scale(1.1) translateZ(0);
	}

	28% {
		transform: scale(1) translateZ(0);
	}

	42% {
		transform: scale(1.1) translateZ(0);
	}

	65% {
		transform: scale(1) translateZ(0);
	}
}

@keyframes rubberBand {
	from {
		transform: scale3d(0, 0, 0);
		opacity: 0;
	}

	25% {
		/*	transform: scale3d(1, 1, 1);*/
		opacity: 1;
	}

	30% {
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		transform: scale3d(0.95, 1.05, 1);
	}

	75% {
		transform: scale3d(1.05, 0.95, 1);
	}

	to {
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}
}

@keyframes wobble-flip {
	from {
		transform: translate3d(0, 0, 0);
	}

	3% {
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	6% {
		transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	9% {
		transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	12% {
		transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	15% {
		transform: translate3d(-1%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	to {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes wobble-bell {
	from {
		transform: translate3d(0, 0, 0);
	}

	3% {
		transform: rotate3d(0, 0, 1, -5deg);
	}

	6% {
		transform: rotate3d(0, 0, 1, 3deg);
	}

	9% {
		transform: rotate3d(0, 0, 1, -3deg);
	}

	12% {
		transform: rotate3d(0, 0, 1, 2deg);
	}

	15% {
		transform: rotate3d(0, 0, 1, -1deg);
	}

	to {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes b-clouds-animate {
	0% {
		transform: translateX(0%);
		animation-timing-function: linear;
	}
	100% {
		transform: translateX(-100%);
		animation-timing-function: linear;
	}
}