.minus-btn>div, .plus-btn>div {
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;


}
.slide  {
		-webkit-transition: left 1s ;
	-moz-transition: left 1s;
	-o-transition: left 1s;
	transition: left 1s;
}
.menu-over {-webkit-transition: opacity 0.3s ;
	-moz-transition: opacity 0.3s ;
	-o-transition: opacity 0.3s ;
	transition: opacity 0.3s ;
}

.slider-prev, .slider-prev:before , .slider-prev:after  {
		-webkit-transition: all 0.3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.slider-next, .slider-next:before , .slider-next:after, .delete, .order-list li, .radio label span:before   {
		-webkit-transition: all 0.3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.menu{
	-webkit-transition: left 0.2s cubic-bezier(.6,-.28,.735,.045);
	-moz-transition: left .2s cubic-bezier(.6,-.28,.735,.045);
	-o-transition: left .2s cubic-bezier(.6,-.28,.735,.045);
	transition: left .2s cubic-bezier(.6,-.28,.735,.045);
}


.one-item-cell img {
	-webkit-transition: opacity 0.1s;
	-moz-transition: opacity .1s;
	-o-transition: opacity .1s;
	transition: opacity .1s;
}
.btn, a.insta, .menu>ul>li>a {
	-webkit-transition: all 0.2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.one-item-cell img.hide {
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}
.one-item-cell img {
	-webkit-transition: opacity 0.9s;
	-moz-transition: opacity .9s;
	-o-transition: opacity .9s;
	transition: opacity .9s;
}
.fx-links a:after {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.cart-dropdown, .dd-menu, .dd-menu ul {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#paper-bag {
	-webkit-transition: all .4s cubic-bezier(.27, .54, .1, 1.39);
	-moz-transition: all .4s cubic-bezier(.27, .54, .1, 1.39);
	-o-transition: all .4s cubic-bezier(.27, .54, .1, 1.39);
	transition: all .4s cubic-bezier(.27, .54, .1, 1.39);
}
#paper-bag.show {
	-webkit-transition: all .2s cubic-bezier(.27, .54, .1, 1.39);
	-moz-transition: all .2s cubic-bezier(.27, .54, .1, 1.39);
	-o-transition: all .2s cubic-bezier(.27, .54, .1, 1.39);
	transition: all .2s cubic-bezier(.27, .54, .1, 1.39);
}
#paper-bag.to-cart {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#ufo {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
 -o-transition:all 0.5s  transition: all 0.5s;
}
#hand {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
 -o-transition:all 0.5s  transition: all 0.5s;
}
.cart-num-items.blink {
	animation: rot2 .7s;
	Animation-fill-mode: forwards;
	animation-iteration-count: 1;
}
#obj-holder.ord {
	animation: rot .5s;
	Animation-fill-mode: forwards;
	animation-iteration-count: 1;
	
}
 @keyframes rot {
 0% {
}
 30% {
 left:50%;
 top:50%
}
 35% {
 left:50%;
 top:50%
}
100% {
 top:100%;
 left:50%;
}
}
 @keyframes rot2 {
 0% {
 width:24px;
 height:24px;
 line-height:24px
}
 25% {
width:36px;
height:36px;
line-height:36px;
 right:0px;
 top:0px;
 background-color:#b2da66;
}
100% {
 width:24px;
 height:24px;
 line-height:24px
}
}

#hand.animate {
	animation: hand 0.6s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: 1;
}

@keyframes hand {
 0% {
	 right:0%;
	 opacity:0;
	 transform:translateX(100%);	 
	}
 40% {
	 right:45%;
	 opacity:1	;
	 transform:translateX(100%);
	}
	
 50% {
	 right:45%	;
	 opacity:1 ;
	 transform:translateX(100%);
	}	
 80% {
	 right:0%;
	 transform:translateX(0%); 
	 opacity:1
	}	
 100% {
	 right:0%;
	 transform:translateX(0%); 
	 opacity:1
	}	
 
}

#ufo.animate {
	animation: ufo 1.5s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: 1;
}
 @keyframes ufo {
 0% {

 opacity:0;
 transform:rotate(0deg) translateX(-50%) scale(0.1,0.1);
 
}
 30% {


 opacity:1;
 transform:rotate(0deg) translateX(-50%)  scale(1,1);
}
 60% {
 opacity:1;
 transform:rotate(0deg) translateX(-50%);
}
 65% {
 transform:rotate(0deg) translateX(-54%);
}
70% {
 transform:rotate(5deg) translateX(-52%);
}
 80% {
 transform:rotate(16deg) translateX(-50%);
}
 100% {
 transform:rotate(16deg) translateX(-50%);
}
}




#bow.animate {
	animation: bow 0.75s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: 1;
}

@keyframes bow {
 0% {
	 opacity:0	 
	}
 20% {
 opacity:0
	}
	
	 25% {
 opacity:1
	}
	 30% {
 opacity:1
	}
 35% {
 opacity:0
	}
	
	 60% {
 opacity:0
	}	
 70% {
 
	 opacity:1
	}	
 100% {

	 opacity:1
	}	
 
}


@keyframes del-man {
 0% { left:80%;

 }
 0%, 2.999% {opacity:0;

 }
 3% {opacity:1
 }

100% { left:50%;
opacity:1; 

} 
}
.animate #del-man {
	animation: del-man 4s cubic-bezier(.4,.34,.14,1.24);
	Animation-fill-mode: forwards;
	animation-iteration-count:1;
}
@keyframes del-man2 {
 0% { transform:rotate(0deg)}
100% { transform:rotate(-360deg)}
}
.animate #del-man img {
	animation: del-man2 4s cubic-bezier(.4,.34,.14,1.24);
	Animation-fill-mode: forwards;
	animation-iteration-count:1;
}
#man.animate {
	animation: man 5s cubic-bezier(.4,.34,.14,1.24);
	Animation-fill-mode: forwards;
	animation-iteration-count:1;
}
@keyframes del-client{
 0%{ right:60%; opacity:0;}
 1.99% {opacity:0;}
2%{opacity:1;);
}
 100%{ right:45%;opacity:1;
 }
}
@keyframes del-client2{
 0%{ margin-top:0}
  50%{ margin-top:-5%}
 100%{ margin-top:0}
}
.animate #del-client img {
	animation: del-client2 0.3s ease-in;
	Animation-fill-mode: forwards;
	animation-iteration-count:2;
	animation-delay:1.5s
}
.animate #del-client {
	animation: del-client 0.6s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count:1;
	animation-delay:1.5s
}
@keyframes del-orbit-1{
 0%{ transform:translate(-50%,-50%) rotate(0deg)}
 50% {	width:10vh;
	height:20vw;}
100%{ transform:translate(-50%,-50%) rotate(360deg)}
}

.animate #del-orbit-1{
	animation: del-orbit-1 10s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	transform-origin:50% 50%
	
}

@keyframes del-orbit-2{
 0%{ transform:translate(-50%,-50%) rotate(0deg)}
 50% {	width:11vh;
	height:30vw;}
100%{ transform:translate(-50%,-50%) rotate(360deg)}
}

.animate #del-orbit-2{
	animation: del-orbit-2 14s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	transform-origin:50% 50%
	
}
@keyframes del-block-2{
 4%{ opacity:1}
 
100%{ opacity:1}
}
.animate .del-block-2 {
	animation: del-block-2 0.4s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-delay:1s;
	
}





@keyframes del-sun-moon{

 0%{ transform:translate(-50%,0%) rotate(-100deg)}
 20%, 80%{ transform:translate(-50%,0%) rotate(0deg)}
100%{ transform:translate(-50%,0%) rotate(100deg)}
}
.animate #del-sun-moon {
	animation: del-sun-moon 9s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	transform-origin:50% 190%
		
}



@keyframes del-sun{
 0%,49.999%{ opacity:1}
50%,100%{ opacity:0}
}
.animate #del-sun {
	animation: del-sun 18s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;

		
}





@keyframes del-int{
 0%{ transform:rotate(0deg)}
 
100%{ transform:rotate(360deg)}
}
.animate #del-int img {
	animation: del-int 4s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	transform-origin:50% 70%
	
}

@keyframes man {
 0% {
	 left:-50%;	
	
	}

	 100% {
 left:-1%;
 
	}

 
	
 
}


#man.animate div{
	animation: man2 4.2s cubic-bezier(.4,.34,.14,1.24);
	Animation-fill-mode: forwards;
	animation-iteration-count:1;
}

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



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



.animate #pita-sunmoon div{
	animation: sun 2s  ease-out;
	Animation-fill-mode: forwards ;
	animation-iteration-count: 1;
}

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


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


}












/*.animate #nut-1 div, .animate #nut-2 div, .animate #nut-3 div{
	animation: nut 1s cubic-bezier(.28,1.16,.65,.96);
	Animation-fill-mode: forwards;
	animation-iteration-count:1;
	transform-origin:50% 50%;
	
	
	
}*/

.animate #nut-1 div, .animate #nut-2 div, .animate #nut-3 div{
	animation: nut 20s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	transform-origin:50% 50%;
	
	
	
}
.animate #nut-2 div {
	animation-delay:0.2s
}

.animate #nut-3 div {
	animation-delay:0.4s
}

/*@keyframes nut {
 0%, 10% { transform:rotate(546deg);
 opacity:1 ;
}

 100% {transform:rotate(0deg);  opacity:1 ;}	
}
*/

@keyframes nut {
 0% { transform:rotate(360deg);
 opacity:1 ;
}

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










@keyframes katet {
 0%, 10% {opacity:0 }
10.999%, 11% {opacity:1 }
11.0001%, 15% {opacity:0 }
15.001%, 16% {opacity:1 }
16.01%, 18% {opacity:0 }
26.01%, 30% {opacity:1 }
32.01%, 37% {opacity:0 }
62.01%, 77% {opacity:1 }
77.01%, 82% {opacity:0 }
}


.animate #katet-1, .animate #katet-1-2 {
	animation: katet 7s;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
animation-delay:1s;
}


@keyframes katet2 {
 0%, 10% {opacity:1 }
10.999%, 11% {opacity:0 }
11.0001%, 15% {opacity:0.5 }
15.001%, 16% {opacity:1 }
16.01%, 18% {opacity:0.3 }
26.01%, 30% {opacity:0 }
32.01%, 37% {opacity:1 }
62.01%, 77% {opacity:0 }
77.01%, 82% {opacity:1 }
}


.animate #katet-2, .animate #katet-2-2{
	animation: katet2 6s;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
animation-delay:1s;
}


@keyframes katet3 {
 0%, 10% {opacity:0.5 }
10.999%, 11% {opacity:1 }
11.0001%, 15% {opacity:0.3 }
15.001%, 16% {opacity:0 }
16.01%, 19% {opacity:1 }
28.01%, 30% {opacity:0.5 }
32.01%, 37% {opacity:0 }
41.0001%, 45% {opacity:0.3 }
45.0001%, 47% {opacity:0}
52.01%, 67% {opacity:1 }
77.01%, 82% {opacity:0 }
88.01%, 92% {opacity:1 }
}


.animate #katet-3, .animate #katet-3-2 {
	animation: katet3 5s;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-delay:1s;

}

@keyframes triagle {
	 0%{transform:rotate(0deg)}
	1%,30%{transform:rotate(-120deg)} 
	31%,60% {transform:rotate(-240deg)} 
	61%, 100%{transform:rotate(-360deg)} 
}
@keyframes triagle2 {
	 0%{transform:rotate(0deg)}
	1%,30%{transform:rotate(120deg)} 
	31%,60% {transform:rotate(240deg)} 
	61%, 100%{transform:rotate(360deg)} 
}

@keyframes triagle3 {
	 0%{transform:rotate(0deg)}
 100%{transform:rotate(160deg)} 
}
@keyframes triagle4 {
	 0%{transform:rotate(0deg)}
 100%{transform:rotate(-360deg)} 
}
.animate #triagle-galaxy{
	animation: triagle3 30s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	

}
.animate #mason-eye img{
	animation: triagle4 10s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	

}

.animate #triagle {
	animation: triagle 34s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-delay:10s;

}
@keyframes triagle-drinks {
	 0%{transform:rotate(0deg)}
 100%{transform:rotate(-360deg)} 
}
.animate #triagle-2 {
	animation: triagle-drinks 34s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	

}
@keyframes triagle-granat {
	 0%{transform:rotate(0deg)}
 100%{transform:rotate(360deg)} 
}

@keyframes triagle-drinks {
	 0%{transform:rotate(0deg)}
 100%{transform:rotate(-360deg)} 
}
.animate .nut-2 div {
	animation: triagle-granat 17s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	

}
/*.animate #signs {
	animation: triagle2 34s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-delay:10s;

}
*/
@keyframes eye {
	 0%{transform:rotate(0deg)}
	
50%{transform:rotate(20deg)} 
100%{transform:rotate(0deg)}
}


.animate #mason-eye div {
	animation: eye 34s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	

}

@keyframes granat-eye{
	 0%{transform:rotate(0deg)}

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


.animate #granat-eye img {
	animation: granat-eye  30s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	

}
@keyframes triagle-galaxy-2{
	 0%{transform:rotate(0deg)}

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


.animate #triagle-galaxy-2 {
	animation: triagle-galaxy-2  70s ease-in;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	
	

}



@keyframes comets {
	 0%,10%{transform:rotate(60deg)}
	10.8%,50%{transform:rotate(-0deg)}
50.8%,80%{transform:rotate(-60deg)}
80.8%, 100%{transform:rotate(0deg)}
}


.animate #comets div{
	animation: comets  20s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	

}



@keyframes leaf {
	 0%,2%{ opacity:0;}
	2.01%,5%{opacity:0.8}
	5.01%,10%{opacity:0}
10.01%,20%{opacity:0.8}
20.01%,21%{opacity:0}
21.01%,29%{opacity:0.8}
29.01%,32%{opacity:0}
32.01%,39%{opacity:0.8}
39.01%,40%{opacity:0}
40.01%,45%{opacity:0.8}
45.01%,46%{opacity:0}
46.01%,53%{opacity:0.8}
53.01%,66%{opacity:0; }
66.01%,71%{opacity:0.8}
71.01%,72%{opacity:0}
72.01%,79%{opacity:0.8}
79.01%,80%{opacity:0}
80.01%,88%{opacity:0.8}
88.01%,93%{opacity:0}
93.01%,100%{opacity:0.8;}
}

@keyframes leaf2 {
	0%, 2.999%{ opacity:0}
	 3%{ margin-left:0; margin-top:-10%; opacity:1}
	 22%{ margin-left:20%; margin-top:30%}
	  55%{ margin-left:-10%; margin-top:20%}
	   88%{ margin-left:16%; margin-top:0%}
	100%{ margin-left:30%; margin-top:10%; transform:rotate(-30deg)}
}
.animate #leaf{
	animation: leaf  120s ease-out;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	

}
.animate #leaf img{
	animation: leaf2  8s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	

}

@keyframes sticks {
	 0%,2%{ opacity:0}
	2.01%,5%{opacity:0}
	5.01%,14%{opacity:0.8}
14.01%,20%{opacity:0}
20.01%,22%{opacity:0.8}
22.01%,29%{opacity:0}
29.01%,35%{opacity:0.8}
35.01%,39%{opacity:0}
39.01%,41%{opacity:0}
41.01%,45%{opacity:0.8}
45.01%,47%{opacity:0}
47.01%,53%{opacity:0.8}
53.01%,68%{opacity:0}
68.01%,71%{opacity:0}
71.01%,73%{opacity:0.8}
73.01%,79%{opacity:0}
79.01%,82%{opacity:0.8}
82.01%,88%{opacity:0}
88.01%,96%{opacity:0.8}
96.01%,100%{opacity:0}
}


.animate #sticks{
	animation: sticks  120s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	

}



.animate #vasa{
	animation: sticks  80s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-delay:5s

}
.animate #vasa img{
	animation: leaf2  17s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-delay:3.361s

}


@keyframes egypt {
	 0%,2%{ opacity:0.7}
	2.01%,5%{opacity:0}
	5.01%,14%{opacity:0.0}
14.01%,16%{opacity:0.7}
16.01%,22%{opacity:0}
22.01%,29%{opacity:0}
29.01%,31%{opacity:0.7}
31.01%,39%{opacity:0}
39.01%,41%{opacity:0}
41.01%,42%{opacity:0.7}
42.01%,47%{opacity:0}
47.01%,48%{opacity:0.7}
48.01%,68%{opacity:0}
68.01%,71%{opacity:0}
71.01%,73%{opacity:0.0}
73.01%,79%{opacity:0}
79.01%,80%{opacity:0.7}
80.01%,88%{opacity:0}
88.01%,89%{opacity:0.7}
89.01%,100%{opacity:0}
}


.animate #egypt{
	animation: egypt  120s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-delay:5s
	

}

@keyframes mandala {
		0%{		
	-webkit-transform:translate(-50%,-50%) rotate(0deg);
	transform:translate(-50%,-50%) rotate(0deg);	
	}
	100%{		
	-webkit-transform:translate(-50%,-50%) rotate(360deg);
	transform:translate(-50%,-50%) rotate(360deg);	
	}
}
.animate #mandala{
	animation: mandala  40s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}




@keyframes elvis-system {
	0%, 49.99999%{ opacity:0;	}
	50%, 100%{ opacity:1;	}
}
.animate #elvis-system{
	animation: elvis-system  0.5s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: 1;
}

@keyframes elvis {
	0%, 10%{transform:scaleX(1)	}
	11%,11.5%{ transform:scaleX(-1)	}
	12.5%, 40%{ transform:scaleX(1)	}
	41%,50%{ transform:scaleX(-1)	}
	50.5%, 100%{ transform:scaleX(1)	}
}
.animate #elvis{
	animation: elvis  30s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}


.animate #lp-1 {
	animation: longplay  1s ease-in-out ;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
animation-delay:0.5s
}



.animate #lp-2 {
	animation: longplay  2s ease-in-out ;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-delay:0.2s
}

.animate #lp-3 {
		animation: longplay  1s ease-in-out;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-delay:0.1s
}

.animate #lp-4 {
		animation: longplay  0.5s ease-in-out ;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;

}


@keyframes longplay{
	0%{transform: scale(0.95, .95)	}
	
	50%{transform: scale(1, 1)	}
		
	100%{transform: scale(0.95, .95)	}
}



@keyframes the-burger {
	0%{
	margin-top:0vh	
	
	}
	50%{ margin-top:3vh		
	
	}
	
	100% {
		margin-top:0vh	
	}
}
.animate #the-burger{
	animation: the-burger  4s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}





@keyframes orbit-1 {
 0% { 
 -webkit-transform:translate(-50%,-50%) rotate(0deg);
	transform:translate(-50%,-50%) rotate(0deg) ;
 
 }

 100% {
 -webkit-transform:translate(-50%,-50%) rotate(-360deg);
	transform:translate(-50%,-50%) rotate(-360deg) ;	 
	  }
}


#falafel.animate #falafel-planet-orbit-1 {
	animation: orbit-1 30s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}





@keyframes orbit-1-2 {
 0% { 
 -webkit-transform:rotate(0deg);
	transform:rotate(0deg) ;
 
 }

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


#falafel.animate #falafel-planet-1>div  {
	animation: orbit-1-2 60s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	transform-origin:50% 50%
}





@keyframes orbit-2 {
 0% { 
 -webkit-transform:translate(-50%,-50%) rotate(0deg);
	transform:translate(-50%,-50%) rotate(0deg) ;
 
 }

 100% {
 -webkit-transform:translate(-50%,-50%) rotate(-360deg);
	transform:translate(-50%,-50%) rotate(-360deg) ;	 
	  }
}


#falafel.animate #falafel-planet-orbit-2 {
	animation: orbit-2 20s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}



@keyframes orbit-2-2 {
 0% { 
 -webkit-transform:rotate(0deg);
	transform:rotate(0deg) ;
 
 }

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


#falafel.animate #falafel-planet-2>div  {
	animation: orbit-2-2 40s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	transform-origin:50% 50%
}




@keyframes orbit-3 {
 0% { 
 -webkit-transform:translate(-50%,-50%) rotate(0deg);
	transform:translate(-50%,-50%) rotate(0deg) ;
 
 }

 100% {
 -webkit-transform:translate(-50%,-50%) rotate(-360deg);
	transform:translate(-50%,-50%) rotate(-360deg) ;	 
	  }
}


#falafel.animate #falafel-star-orbit {
	animation: orbit-3 80s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}



@keyframes orbit-3-2 {
 0% { 
 -webkit-transform:rotate(0deg);
	transform:rotate(0deg) ;
 
 }

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


#falafel.animate #falafel-star>div  {
	animation: orbit-3-2 20s linear;
	Animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	transform-origin:50% 50%
}