#cropclip-iphone-baloon,
#cropclip-mac-notice, 
#cropclip-mac-baloon, 
#cropclip-crop-img {
	animation-duration: 6s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	-webkit-animation-duration: 6s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
}

#cropclip-iphone-baloon {
	animation-name: cropclip-iphone-baloon-key;
	-webkit-animation-name: cropclip-iphone-baloon-key;
}
@keyframes cropclip-iphone-baloon-key {
	0%, 19%   { opacity: 0; }
	20%, 100% { opacity: 1; }
}
@-webkit-keyframes cropclip-iphone-baloon-key {
	0%, 19%   { opacity: 0; }
	20%, 100% { opacity: 1; }
}

#cropclip-mac-notice {
	animation-name: cropclip-mac-notice-key;
	-webkit-animation-name: cropclip-mac-notice-key;
}
@keyframes cropclip-mac-notice-key {
	0%, 54%   { opacity: 0; }
	55%, 100% { opacity: 1; }
}
@-webkit-keyframes cropclip-mac-notice-key {
	0%, 54%   { opacity: 0; }
	55%, 100% { opacity: 1; }
}

#cropclip-mac-baloon {
	animation-name: cropclip-mac-baloon-key;
	-webkit-animation-name: cropclip-mac-baloon-key;
}
@keyframes cropclip-mac-baloon-key {
	0%, 64%   { opacity: 0; }
	65%, 100% { opacity: 1; }
}
@-webkit-keyframes cropclip-mac-baloon-key {
	0%, 64%   { opacity: 0; }
	65%, 100% { opacity: 1; }
}

#cropclip-crop-img {
	animation-name: cropclip-crop-img-key;
	-webkit-animation-name: cropclip-crop-img-key;
}
@keyframes cropclip-crop-img-key {
	0%, 24%   { opacity: 0; width: 100px; top: 95px; left: -150px; transform: rotate(0deg) }
	25%       { opacity: 1; }
	60%, 100% { opacity: 1; width: 32px;  top: 42px; left: 438px;  transform: rotate(360deg) }
}
@-webkit-keyframes cropclip-crop-img-key {
	0%, 24%   { opacity: 0; width: 100px; top: 95px; left: -150px; -webkit-transform: rotate(0deg) }
	25%       { opacity: 1; }
	60%, 100% { opacity: 1; width: 32px;  top: 42px; left: 438px;  -webkit-transform: rotate(360deg) }
}

#cropclip-crop-arrow1,
#cropclip-crop-arrow2,
#cropclip-crop-arrow3 {
	opacity: 0;
	animation-duration: 2s;
	animation-delay: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-duration: 2s;
	-webkit-animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

#cropclip-crop-arrow1 {
	animation-name: cropclip-crop-arrow1-key;
	-webkit-animation-name: cropclip-crop-arrow1-key;
}
@keyframes cropclip-crop-arrow1-key {
	0%        { opacity: 0; }
	25%, 100% { opacity: 1; }
}
@-webkit-keyframes cropclip-crop-arrow1-key {
	0%        { opacity: 0; }
	25%, 100% { opacity: 1; }
}

#cropclip-crop-arrow2 {
	animation-name: cropclip-crop-arrow2-key;
	-webkit-animation-name: cropclip-crop-arrow2-key;
}
@keyframes cropclip-crop-arrow2-key {
	0%, 25%   { opacity: 0; }
	50%, 100% { opacity: 1; }
}
@-webkit-keyframes cropclip-crop-arrow2-key {
	0%, 25%   { opacity: 0; }
	50%, 100% { opacity: 1; }
}

#cropclip-crop-arrow3 {
	animation-name: cropclip-crop-arrow3-key;
	-webkit-animation-name: cropclip-crop-arrow3-key;
}
@keyframes cropclip-crop-arrow3-key {
	0%, 50%   { opacity: 0; }
	75%, 100% { opacity: 1; }
}
@-webkit-keyframes cropclip-crop-arrow3-key {
	0%, 50%   { opacity: 0; }
	75%, 100% { opacity: 1; }
}