/*  RED FLAME */
@keyframes flickerRed {
	0%   { opacity: 0.5; }
	25%  { opacity: 0.35; }
	50%  { opacity: 0.2; }
	75%  { opacity: 0.35; }
	100% { opacity: 0.5; }
}
@-o-keyframes flickerRed {
	0%   { opacity: 0.5; }
	25%  { opacity: 0.35; }
	50%  { opacity: 0.2; }
	75%  { opacity: 0.35; }
	100% { opacity: 0.5; }
}
@-moz-keyframes flickerRed {
	0%   { opacity: 0.5; }
	25%  { opacity: 0.35; }
	50%  { opacity: 0.2; }
	75%  { opacity: 0.35; }
	100% { opacity: 0.5; }
}
@-webkit-keyframes flickerRed {
	0%   { opacity: 0.5; }
	25%  { opacity: 0.35; }
	50%  { opacity: 0.2; }
	75%  { opacity: 0.35; }
	100% { opacity: 0.5; }
}



/*  YELLOW FLAME */
@keyframes flickerYellow {
	0%   { opacity: 0.35; }
	25%  { opacity: 0.2; }
	50%  { opacity: 0.35; }
	75%  { opacity: 0.5; }
	100% { opacity: 0.35; }
}
@-o-keyframes flickerYellow {
	0%   { opacity: 0.35; }
	25%  { opacity: 0.2; }
	50%  { opacity: 0.35; }
	75%  { opacity: 0.5; }
	100% { opacity: 0.35; }
}
@-moz-keyframes flickerYellow {
	0%   { opacity: 0.35; }
	25%  { opacity: 0.2; }
	50%  { opacity: 0.35; }
	75%  { opacity: 0.5; }
	100% { opacity: 0.35; }
}
@-webkit-keyframes flickerYellow {
	0%   { opacity: 0.35; }
	25%  { opacity: 0.2; }
	50%  { opacity: 0.35; }
	75%  { opacity: 0.5; }
	100% { opacity: 0.35; }
}



/*  ORANGE FLAME */
@keyframes flickerOrange {
	0%   { opacity: 0.2; }
	25%  { opacity: 0.35; }
	50%  { opacity: 0.5; }
	75%  { opacity: 0.35; }
	100% { opacity: 0.2; }
}
@-o-keyframes flickerOrange {
	0%   { opacity: 0.2; }
	25%  { opacity: 0.35; }
	50%  { opacity: 0.5; }
	75%  { opacity: 0.35; }
	100% { opacity: 0.2; }
}
@-moz-keyframes flickerOrange {
	0%   { opacity: 0.2; }
	25%  { opacity: 0.35; }
	50%  { opacity: 0.5; }
	75%  { opacity: 0.35; }
	100% { opacity: 0.2; }
}
@-webkit-keyframes flickerOrange {
	0%   { opacity: 0.2; }
	25%  { opacity: 0.35; }
	50%  { opacity: 0.5; }
	75%  { opacity: 0.35; }
	100% { opacity: 0.2; }
}




/*  SCALE-X RED FLAME */
@keyframes scaleXRed {
	0%   { transform: scaleX(1); }
	25%  { transform: scaleX(0.7); }
	50%  { transform: scaleX(0.4); }
	75%  { transform: scaleX(0.7); }
	100% { transform: scaleX(1); }
}
@-o-keyframes scaleXRed {
	0%   { transform: scaleX(1); }
	25%  { transform: scaleX(0.7); }
	50%  { transform: scaleX(0.4); }
	75%  { transform: scaleX(0.7); }
	100% { transform: scaleX(1); }
}
@-moz-keyframes scaleXRed {
	0%   { transform: scaleX(1); }
	25%  { transform: scaleX(0.7); }
	50%  { transform: scaleX(0.4); }
	75%  { transform: scaleX(0.7); }
	100% { transform: scaleX(1); }
}
@-webkit-keyframes scaleXRed {
	0%   { transform: scaleX(1); }
	25%  { transform: scaleX(0.7); }
	50%  { transform: scaleX(0.4); }
	75%  { transform: scaleX(0.7); }
	100% { transform: scaleX(1); }
}




/*  SCALE-X ORANGE FLAME */
@keyframes scaleXOrange {
	0%   { transform: scaleX(0.7); }
	25%  { transform: scaleX(1); }
	50%  { transform: scaleX(0.7); }
	75%  { transform: scaleX(0.4); }
	100% { transform: scaleX(0.7); }
}
@-o-keyframes scaleXOrange {
	0%   { transform: scaleX(0.7); }
	25%  { transform: scaleX(1); }
	50%  { transform: scaleX(0.7); }
	75%  { transform: scaleX(0.4); }
	100% { transform: scaleX(0.7); }
}
@-moz-keyframes scaleXOrange {
	0%   { transform: scaleX(0.7); }
	25%  { transform: scaleX(1); }
	50%  { transform: scaleX(0.7); }
	75%  { transform: scaleX(0.4); }
	100% { transform: scaleX(0.7); }
}
@-webkit-keyframes scaleXOrange {
	0%   { transform: scaleX(0.7); }
	25%  { transform: scaleX(1); }
	50%  { transform: scaleX(0.7); }
	75%  { transform: scaleX(0.4); }
	100% { transform: scaleX(0.7); }
}



/*  SCALE-X YELLOW FLAME */
@keyframes scaleXYellow {
	0%   { transform: scaleX(0.6); }
	25%  { transform: scaleX(0.85); }
	50%  { transform: scaleX(1); }
	75%  { transform: scaleX(0.85); }
	100% { transform: scaleX(0.6); }
}
@-o-keyframes scaleXYellow {
	0%   { transform: scaleX(0.6); }
	25%  { transform: scaleX(0.85); }
	50%  { transform: scaleX(1); }
	75%  { transform: scaleX(0.85); }
	100% { transform: scaleX(0.6); }
}
@-moz-keyframes scaleXYellow {
	0%   { transform: scaleX(0.6); }
	25%  { transform: scaleX(0.85); }
	50%  { transform: scaleX(1); }
	75%  { transform: scaleX(0.85); }
	100% { transform: scaleX(0.6); }
}
@-webkit-keyframes scaleXYellow {
	0%   { transform: scaleX(0.6); }
	25%  { transform: scaleX(0.85); }
	50%  { transform: scaleX(1); }
	75%  { transform: scaleX(0.85); }
	100% { transform: scaleX(0.6); }
}



/*  SCALE-Y ORANGE FLAME */
@keyframes scaleYOrange {
	0%   { transform: scaleY(1); }
	25%  { transform: scaleY(0.85); }
	50%  { transform: scaleY(0.7); }
	75%  { transform: scaleY(0.85); }
	100% { transform: scaleY(1); }
}
@-o-keyframes scaleYOrange {
	0%   { transform: scaleY(1); }
	25%  { transform: scaleY(0.85); }
	50%  { transform: scaleY(0.7); }
	75%  { transform: scaleY(0.85); }
	100% { transform: scaleY(1); }
}
@-moz-keyframes scaleYOrange {
	0%   { transform: scaleY(1); }
	25%  { transform: scaleY(0.85); }
	50%  { transform: scaleY(0.7); }
	75%  { transform: scaleY(0.85); }
	100% { transform: scaleY(1); }
}
@-webkit-keyframes scaleYOrange {
	0%   { transform: scaleY(1); }
	25%  { transform: scaleY(0.85); }
	50%  { transform: scaleY(0.7); }
	75%  { transform: scaleY(0.85); }
	100% { transform: scaleY(1); }
}





#fire-animated-icon {
	position: relative;
	width: 32px;
	height: 27px;
}

#fire-animated-icon .icon {
	transform: unset;
}

/*
#fire-animated-icon > .campground {
	position: absolute;
	left: 16px;
    top: unset;
    bottom: -5px;
	z-index: 1;
}
*/

#fire-animated-icon > .pen {
	position: absolute;
    left: 20px;
    bottom: -10px;
    z-index: 1;
    transform: rotate(290deg);
    top: unset;
}

/*
#fire-animated-icon > .icon.fist.raised {
	position: absolute;
    left: 31px;
    bottom: -27px;
    z-index: 1;
    transform: rotate(245deg);
    top: unset;
}
*/

#fire-animated-icon > .red:not(.alternate) {
	position: absolute;
	top: -4px !important;
    left: 18px;
	opacity: 0.3;

	z-index: 10;

	color: #e23f20 !important;

	-webkit-animation: flickerRed 1s infinite;
	-moz-animation: flickerRed 1s infinite;
	-o-animation: flickerRed 1s infinite;
	animation: flickerRed 1s infinite;

}

#fire-animated-icon > .orange:not(.alternate) {
	position: absolute;
	left: 10px;
	top: -6px;
	opacity: 0.3;

	z-index: 9;

	-webkit-animation: flickerOrange .85s infinite;
	-moz-animation: flickerOrange .85s infinite;
	-o-animation: flickerOrange .85s infinite;
	animation: flickerOrange .85s infinite;

}

#fire-animated-icon > .yellow:not(.alternate) {
	position: absolute;
	top: -2px !important;
    left: 12px;
	opacity: 0.3;

	transform: rotateY(180deg);
	z-index: 8;

	-webkit-animation: flickerYellow .95s infinite;
	-moz-animation: flickerYellow .95s infinite;
	-o-animation: flickerYellow .95s infinite;
	animation: flickerYellow .95s infinite;

}






#fire-animated-icon > .red.alternate {
	position: absolute;
	transform: rotateY(180deg);
	opacity: 0.3;
	left: 12px;
    top: -2px;
	
	-webkit-animation: scaleXRed 1s infinite;
	-moz-animation: scaleXRed 1s infinite;
	-o-animation: scaleXRed 1s infinite;
	animation: scaleXRed 1s infinite;

	
}

#fire-animated-icon > .orange.alternate {
	position: absolute;
	opacity: 0.5;
	left: 16px;
    top: 5px;

	-webkit-animation: scaleXOrange 0.8s infinite, scaleYOrange 1s infinite;
	-moz-animation: scaleXOrange 0.8s infinite, scaleYOrange 1s infinite;;
	-o-animation: scaleXOrange 0.8s infinite, scaleYOrange 1s infinite;
	animation: scaleXOrange 0.8s infinite, scaleYOrange 1s infinite;
}

#fire-animated-icon > .yellow.alternate {
	position: absolute;
	opacity: 0.3;
	left: 13px;
	top: -2px;

	-webkit-animation: scaleXYellow 1s infinite;
	-moz-animation: scaleXYellow 1s infinite;
	-o-animation: scaleXYellow 1s infinite;
	animation: scaleXYellow 1s infinite;

}