/*goat*/
#goat img { display:inline-block; -webkit-animation:float .2s ease-in-out infinite; animation:float .2s ease-in-out infinite; }
 @-webkit-keyframes float {
  0%,100%{ -webkit-transform:none; transform:none; }
  33%{ -webkit-transform:translateY(-1px) rotate(-2deg); transform:translateY(-1px) rotate(-2deg); }
  66%{ -webkit-transform:translateY(1px) rotate(2deg); transform:translateY(1px) rotate(2deg); }
}
 @keyframes float {
  0%,100%{ -webkit-transform:none; transform:none; }
  33%{ -webkit-transform:translateY(-1px) rotate(-2deg); transform:translateY(-1px) rotate(-2deg); }
  66%{ -webkit-transform:translateY(1px) rotate(2deg); transform:translateY(1px) rotate(2deg); }
}
#goat:hover img { -webkit-animation:bounce .6s; animation:bounce .6s; }
@-webkit-keyframes bounce {
  0%,100%{ -webkit-transform:translate(0); transform:translate(0); }
  25%{ -webkit-transform:rotateX(20deg) translateY(2px) rotate(-3deg); transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
  50%{ -webkit-transform:translateY(-20px) rotate(3deg) scale(1.1); transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}
@keyframes bounce {
  0%,100%{ -webkit-transform:translate(0); transform:translate(0); }
  25%{ -webkit-transform:rotateX(20deg) translateY(2px) rotate(-3deg); transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
  50%{ -webkit-transform:translateY(-20px) rotate(3deg) scale(1.1); transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}

#goat img:nth-child(4n) { color:hsl(50, 75%, 55%); text-shadow:1px 1px hsl(50, 75%, 45%), 2px 2px hsl(50, 45%, 45%), 3px 3px hsl(50, 45%, 45%), 4px 4px hsl(50, 75%, 45%); }
#goat img:nth-child(4n-1) { color:hsl(135, 35%, 55%); text-shadow:1px 1px hsl(135, 35%, 45%), 2px 2px hsl(135, 35%, 45%), 3px 3px hsl(135, 35%, 45%), 4px 4px hsl(135, 35%, 45%); }
#goat img:nth-child(4n-2) { color:hsl(155, 35%, 60%); text-shadow:1px 1px hsl(155, 25%, 50%), 2px 2px hsl(155, 25%, 50%), 3px 3px hsl(155, 25%, 50%), 4px 4px hsl(140, 25%, 50%); }
#goat img:nth-child(4n-3) { color:hsl(30, 65%, 60%); text-shadow:1px 1px hsl(30, 45%, 50%), 2px 2px hsl(30, 45%, 50%), 3px 3px hsl(30, 45%, 50%), 4px 4px hsl(30, 45%, 50%); }

#goat img:nth-child(2){ -webkit-animation-delay:.05s; animation-delay:.05s; }
#goat img:nth-child(3){ -webkit-animation-delay:.1s; animation-delay:.1s; }
#goat img:nth-child(4){ -webkit-animation-delay:.15s; animation-delay:.15s; }
#goat img:nth-child(5){ -webkit-animation-delay:.2s; animation-delay:.2s; }
#goat img:nth-child(6){ -webkit-animation-delay:.25s; animation-delay:.25s; }
#goat img:nth-child(7){ -webkit-animation-delay:.3s; animation-delay:.3s; }
#goat img:nth-child(8){ -webkit-animation-delay:.35s; animation-delay:.35s; }
#goat img:nth-child(9){ -webkit-animation-delay:.4s; animation-delay:.4s; }
#goat img:nth-child(10){ -webkit-animation-delay:.45s; animation-delay:.45s; }
#goat img:nth-child(11){ -webkit-animation-delay:.5s; animation-delay:.5s; }
#goat img:nth-child(12){ -webkit-animation-delay:.55s; animation-delay:.55s; }
#goat img:nth-child(13){ -webkit-animation-delay:.6s; animation-delay:.6s; }
#goat img:nth-child(14){ -webkit-animation-delay:.65s; animation-delay:.65s; }

#goat a:nth-child(2) img{ -webkit-animation-delay:.05s; animation-delay:.05s; }
#goat a:nth-child(3) img{ -webkit-animation-delay:.1s; animation-delay:.1s; }
#goat a:nth-child(4) img{ -webkit-animation-delay:.15s; animation-delay:.15s; }
#goat a:nth-child(5) img{ -webkit-animation-delay:.2s; animation-delay:.2s; }

.sp-page-builder .page-content #go {
    position: absolute;
    bottom: 40px;
}

#goat img {padding:0 15px;}

/*product-navigate*/
div#product-btn {
	transition:all 400ms;
    -webkit-transition:all 400ms;
    position: fixed;
    right: -10px;
    z-index: 99;
    top: 10%;

}
div#product-btn:hover{right:10px;}
div#product-btn img:nth-child(1){max-width: 70px;    
    animation-name: tossing;
	-webkit-animation-name: tossing;	
	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;padding:0;}
div#product-btn img{max-width: 45px;padding:5px 0}

.realcorn img {position:absolute;right:30px;top:0;	animation-name: tossing;
	-webkit-animation-name: tossing;	
	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
/*
==============================================
tossing
==============================================
*/
@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}

/*cloud*/
.sppb-slideshow-fullwidth-item.item:before {
    content: url(/images/1_mallow/cloud.png);
    position:absolute;z-index:-1;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 100s linear infinite;
 -webkit-animation: scroll-left 100s linear infinite;
 animation: scroll-left 100s linear infinite;}

/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}


/*
==============================================
floating
==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(20%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(20%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

/*new*/
.sppb-addon.sppb-addon-single-image.sppb-text-center.floating {
    position: absolute;
    z-index: 99;
}
.sppb-addon.sppb-addon-single-image.sppb-text-center.floating img {
    max-width: 100px;
}
@media(max-width:767px){section#sp-section-5 {
    display: none;
}}