
<!-- Generated by ai2html v0.108.0 - 2022-07-20 14:38 -->
<!-- ai file: What is animal slaughter circle graphic.ai -->
<style media="screen,print">
	#g-What-is-animal-slaughter-circle-graphic-box ,
	#g-What-is-animal-slaughter-circle-graphic-box .g-artboard {
		margin:0 auto;
	}
	#g-What-is-animal-slaughter-circle-graphic-box p {
		margin:0;
	}
	#g-What-is-animal-slaughter-circle-graphic-box .g-aiAbs {
		position:absolute;
	}
	#g-What-is-animal-slaughter-circle-graphic-box .g-aiImg {
		position:absolute;
		top:0;
		display:block;
		width:100% !important;
	}
	#g-What-is-animal-slaughter-circle-graphic-box .g-aiSymbol {
		position: absolute;
		box-sizing: border-box;
	}
	#g-What-is-animal-slaughter-circle-graphic-box .g-aiPointText p { white-space: nowrap; }
	#g-What-is-animal-slaughter-circle-graphic-wide {
		position:relative;
		overflow:hidden;
	}
	#g-What-is-animal-slaughter-circle-graphic-wide p {
		font-weight:500;
		line-height:24px;
		height:auto;
		opacity:1;
		letter-spacing:0em;
		font-size:14px;
		text-align:left;
		color:rgb(239,239,239);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
		position:static;
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle0 {
		height:24px;
		font-size:20px;
		color:rgb(192,32,38);
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle1 {
		line-height:15px;
		height:15px;
		font-size:12px;
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle2 {
		line-height:15px;
		height:15px;
		font-size:12px;
		color:rgb(0,0,0);
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle3 {
		font-weight:700;
		line-height:6px;
		height:6px;
		font-size:5px;
		color:rgb(0,0,0);
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle4 {
		line-height:15px;
		height:15px;
		font-size:12px;
		color:rgb(255,255,255);
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle5 {
		line-height:15px;
		height:15px;
		font-size:12px;
		text-align:center;
		color:rgb(255,255,255);
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle6 {
		line-height:14px;
		height:14px;
		font-size:12px;
		color:rgb(0,0,0);
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle7 {
		line-height:12px;
		height:12px;
		font-size:10px;
		text-align:center;
		color:rgb(255,255,255);
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle8 {
		line-height:17px;
		height:17px;
		font-size:10px;
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle9 {
		line-height:13px;
		height:13px;
		font-size:10px;
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle10 {
		line-height:14px;
		height:14px;
		font-size:12px;
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle11 {
		line-height:14px;
		height:14px;
		font-size:12px;
		text-align:center;
		color:rgb(255,255,255);
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-pstyle12 {
		height:24px;
	}
	#g-What-is-animal-slaughter-circle-graphic-wide .g-cstyle0 {
		font-size:14px;
		color:rgb(94,190,135);
	}
	#g-What-is-animal-slaughter-circle-graphic-medium {
		position:relative;
		overflow:hidden;
	}
	#g-What-is-animal-slaughter-circle-graphic-medium p {
		font-family:Source Sans Pro Black,serif;
		font-weight:900;
		line-height:86px;
		height:auto;
		opacity:1;
		letter-spacing:0em;
		font-size:72px;
		text-align:left;
		color:rgb(151,199,221);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
		position:static;
	}
	#g-What-is-animal-slaughter-circle-graphic-medium .g-pstyle0 {
		height:86px;
		opacity:0.5;
		text-align:center;
	}
	#g-What-is-animal-slaughter-circle-graphic-small {
		position:relative;
		overflow:hidden;
	}
	#g-What-is-animal-slaughter-circle-graphic-small p {
		font-family:Source Sans Pro Black,serif;
		font-weight:900;
		line-height:86px;
		height:auto;
		opacity:1;
		letter-spacing:0em;
		font-size:72px;
		text-align:left;
		color:rgb(151,199,221);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
		position:static;
	}
	#g-What-is-animal-slaughter-circle-graphic-small .g-pstyle0 {
		font-family:Source Serif Pro Bold,serif;
		font-weight:700;
		line-height:24px;
		height:24px;
		font-size:20px;
		color:rgb(66,142,168);
	}
	#g-What-is-animal-slaughter-circle-graphic-small .g-pstyle1 {
		height:86px;
		opacity:0.5;
		text-align:center;
	}
	#g-What-is-animal-slaughter-circle-graphic-mobile {
		position:relative;
		overflow:hidden;
	}
	#g-What-is-animal-slaughter-circle-graphic-mobile p {
		font-family:Source Sans Pro Black,serif;
		font-weight:900;
		line-height:58px;
		height:auto;
		opacity:1;
		letter-spacing:0em;
		font-size:48px;
		text-align:left;
		color:rgb(151,199,221);
		text-transform:none;
		padding-bottom:0;
		padding-top:0;
		mix-blend-mode:normal;
		font-style:normal;
		position:static;
	}
	#g-What-is-animal-slaughter-circle-graphic-mobile .g-pstyle0 {
		font-family:Source Serif Pro Bold,serif;
		font-weight:700;
		line-height:24px;
		height:24px;
		font-size:20px;
		color:rgb(66,142,168);
	}
	#g-What-is-animal-slaughter-circle-graphic-mobile .g-pstyle1 {
		height:58px;
		opacity:0.5;
		text-align:center;
	}

</style>

<div id="g-What-is-animal-slaughter-circle-graphic-box" class="ai2html">

	<!-- Artboard: wide -->
	<div id="g-What-is-animal-slaughter-circle-graphic-wide" class="g-artboard" style="width:720px; height:1026px;" data-aspect-ratio="0.702" data-min-width="720">
<div style=""></div>
		<img id="g-What-is-animal-slaughter-circle-graphic-wide-img" class="g-What-is-animal-slaughter-circle-graphic-wide-img g-aiImg" alt="" src="./ai2html-output/ai2html-images/What-is-animal-slaughter-circle-graphic-wide.png"/>
		<div id="g-ai0-1" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:6.3577%;margin-top:-13.2px;left:6.6507%;width:238px;">
			<p class="g-pstyle0">What is Animal Slaughter?</p>
		</div>
		<div id="g-ai0-2" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:12.4092%;margin-top:-8.3px;left:28.5026%;width:51px;">
			<p class="g-pstyle1">China</p>
		</div>
		<div id="g-ai0-3" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:19.3293%;margin-top:-8.3px;left:58.822%;width:88px;">
			<p class="g-pstyle1">United States</p>
		</div>
		<div id="g-ai0-4" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:21.6685%;margin-top:-8.3px;left:28.4657%;width:45px;">
			<p class="g-pstyle2">2018</p>
		</div>
		<div id="g-ai0-5" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:23.4282%;margin-top:-8.4px;left:28.9964%;width:35px;">
			<p class="g-pstyle2">1B</p>
		</div>
		<div id="g-ai0-6" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:25.9623%;margin-top:-8.4px;left:60.2599%;width:43px;">
			<p class="g-pstyle2">46M</p>
		</div>
		<div id="g-ai0-7" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:28.891%;margin-top:-3.4px;left:59.8176%;width:52px;">
			<p class="g-pstyle3">United States</p>
		</div>
		<div id="g-ai0-8" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:31.7074%;margin-top:-8.3px;left:28.9258%;width:45px;">
			<p class="g-pstyle4">1961</p>
		</div>
		<div id="g-ai0-9" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:34.4365%;margin-top:-8.3px;left:60.7791%;width:42px;">
			<p class="g-pstyle4">16M</p>
		</div>
		<div id="g-ai0-10" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:36.3912%;margin-top:-8.4px;left:84.5516%;width:51px;">
			<p class="g-pstyle1">Brazil</p>
		</div>
		<div id="g-ai0-11" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:42.9214%;margin-top:-8.4px;left:77.656%;width:43px;">
			<p class="g-pstyle2">29M</p>
		</div>
		<div id="g-ai0-12" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:47.7947%;margin-top:-8.4px;left:79.1713%;margin-left:-18.5px;width:37px;">
			<p class="g-pstyle5">2M</p>
		</div>
		<div id="g-ai0-13" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:47.7241%;margin-top:-7.6px;left:16.4739%;width:37px;">
			<p class="g-pstyle6">4M</p>
		</div>
		<div id="g-ai0-14" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:50.2631%;margin-top:-6.7px;left:17.5692%;margin-left:-17px;width:34px;">
			<p class="g-pstyle7">1M</p>
		</div>
		<div id="g-ai0-15" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:52.9616%;margin-top:-23.4px;left:39.1813%;width:171px;">
			<p class="g-pstyle8"><span class="g-cstyle0">200M </span>animals will be slaughtered</p>
			<p class="g-pstyle9">this year to satiate our appetities</p>
			<p class="g-pstyle9">Not one will be out of necessity.</p>
		</div>
		<div id="g-ai0-16" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:51.6227%;margin-top:-7.6px;left:12.3288%;width:42px;">
			<p class="g-pstyle10">Italy</p>
		</div>
		<div id="g-ai0-17" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:53.2773%;margin-top:-7.6px;left:83.3719%;width:66px;">
			<p class="g-pstyle10">Germany</p>
		</div>
		<div id="g-ai0-18" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:53.8673%;margin-top:-7.7px;left:77.656%;width:37px;">
			<p class="g-pstyle6">8M</p>
		</div>
		<div id="g-ai0-19" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:57.9609%;margin-top:-7.7px;left:17.6539%;width:37px;">
			<p class="g-pstyle6">4M</p>
		</div>
		<div id="g-ai0-20" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:58.1506%;margin-top:-7.6px;left:78.8095%;margin-left:-18px;width:36px;">
			<p class="g-pstyle11">4M</p>
		</div>
		<div id="g-ai0-21" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:59.9102%;margin-top:-6.7px;left:18.8464%;margin-left:-20.5px;width:41px;">
			<p class="g-pstyle7">667k</p>
		</div>
		<div id="g-ai0-22" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:61.8543%;margin-top:-7.6px;left:14.2247%;width:52px;">
			<p class="g-pstyle10">Japan</p>
		</div>
		<div id="g-ai0-23" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:64.3936%;margin-top:-7.7px;left:73.4996%;width:37px;">
			<p class="g-pstyle6">7M</p>
		</div>
		<div id="g-ai0-24" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:65.4605%;margin-top:-7.6px;left:80.0411%;width:46px;">
			<p class="g-pstyle10">India</p>
		</div>
		<div id="g-ai0-25" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:66.343%;margin-top:-7.7px;left:23.3177%;width:37px;">
			<p class="g-pstyle6">4M</p>
		</div>
		<div id="g-ai0-26" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:67.7997%;margin-top:-7.6px;left:74.6566%;margin-left:-18px;width:36px;">
			<p class="g-pstyle11">1M</p>
		</div>
		<div id="g-ai0-27" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:69.2617%;margin-top:-7.6px;left:24.5302%;margin-left:-18px;width:36px;">
			<p class="g-pstyle11">2M</p>
		</div>
		<div id="g-ai0-28" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:71.5034%;margin-top:-7.6px;left:15.7586%;width:101px;">
			<p class="g-pstyle10">United Kingdom</p>
		</div>
		<div id="g-ai0-29" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:71.801%;margin-top:-7.7px;left:63.4287%;width:37px;">
			<p class="g-pstyle6">7M</p>
		</div>
		<div id="g-ai0-30" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:72.2884%;margin-top:-7.7px;left:34.2917%;width:37px;">
			<p class="g-pstyle6">4M</p>
		</div>
		<div id="g-ai0-31" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:73.9453%;margin-top:-7.7px;left:49.3955%;width:37px;">
			<p class="g-pstyle6">5M</p>
		</div>
		<div id="g-ai0-32" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:74.5249%;margin-top:-7.6px;left:64.7001%;margin-left:-18px;width:36px;">
			<p class="g-pstyle11">1M</p>
		</div>
		<div id="g-ai0-33" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:74.8173%;margin-top:-7.6px;left:35.504%;margin-left:-18px;width:36px;">
			<p class="g-pstyle11">1M</p>
		</div>
		<div id="g-ai0-34" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:77.1564%;margin-top:-7.6px;left:32.7504%;width:63px;">
			<p class="g-pstyle10">Australia</p>
		</div>
		<div id="g-ai0-35" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:77.2539%;margin-top:-7.6px;left:62.7729%;width:55px;">
			<p class="g-pstyle10">Mexico</p>
		</div>
		<div id="g-ai0-36" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:77.4488%;margin-top:-7.6px;left:50.6076%;margin-left:-18px;width:36px;">
			<p class="g-pstyle11">2M</p>
		</div>
		<div id="g-ai0-37" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:80.2753%;margin-top:-7.6px;left:47.3823%;width:68px;">
			<p class="g-pstyle10">Argentina</p>
		</div>
		<div id="g-ai0-38" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:91.8906%;margin-top:-36.8px;left:7.2498%;width:628px;">
			<p class="g-pstyle12">Simply put, animal slaughter refers to the killing of animals. Enacted for food, for clothes, and sadly&mdash;for fun,</p>
			<p class="g-pstyle12">animal slaughter is a uniquely human activity. So often, it&rsquo;s also uniquely cruel. To make matters worse, </p>
			<p class="g-pstyle12">these innocent creatures lead lives of  incredible pain before their untimely deaths, full of disease & trauma.</p>
		</div>
	</div>

	<!-- Artboard: medium -->
	<div id="g-What-is-animal-slaughter-circle-graphic-medium" class="g-artboard" style="width:600px; height:280px;" data-aspect-ratio="2.143" data-min-width="600" data-max-width="719">
<div style=""></div>
		<img id="g-What-is-animal-slaughter-circle-graphic-medium-img" class="g-What-is-animal-slaughter-circle-graphic-medium-img g-aiImg" alt="" src="./ai2html-output/ai2html-images/What-is-animal-slaughter-circle-graphic-medium.png"/>
		<div id="g-ai1-1" class="g-Layer_1 g-aiAbs g-aiPointText" style="bottom:34.9665%;left:49.7485%;margin-left:-237.5px;width:475px;">
			<p class="g-pstyle0">600px * 280px</p>
		</div>
	</div>

	<!-- Artboard: small -->
	<div id="g-What-is-animal-slaughter-circle-graphic-small" class="g-artboard" style="width:420px; height:320px;" data-aspect-ratio="1.313" data-min-width="420" data-max-width="599">
<div style=""></div>
		<img id="g-What-is-animal-slaughter-circle-graphic-small-img" class="g-What-is-animal-slaughter-circle-graphic-small-img g-aiImg" alt="" src="./ai2html-output/ai2html-images/What-is-animal-slaughter-circle-graphic-small.png"/>
		<div id="g-ai2-1" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:7.997%;margin-top:-13.6px;left:2.8571%;width:73px;">
			<p class="g-pstyle0">small</p>
		</div>
		<div id="g-ai2-2" class="g-Layer_1 g-aiAbs g-aiPointText" style="bottom:22.149%;left:52.6823%;margin-left:-133px;width:266px;">
			<p class="g-pstyle1">420px *</p>
			<p class="g-pstyle1">320px</p>
		</div>
	</div>

	<!-- Artboard: mobile -->
	<div id="g-What-is-animal-slaughter-circle-graphic-mobile" class="g-artboard" style="max-width: 300px;max-height: 360px" data-aspect-ratio="0.833" data-min-width="0" data-max-width="419">
<div style="padding: 0 0 120% 0;"></div>
		<img id="g-What-is-animal-slaughter-circle-graphic-mobile-img" class="g-What-is-animal-slaughter-circle-graphic-mobile-img g-aiImg" alt="" src="./ai2html-output/ai2html-images/What-is-animal-slaughter-circle-graphic-mobile.png"/>
		<div id="g-ai3-1" class="g-ai2html-settings g-aiAbs g-aiPointText" style="top:7.1084%;margin-top:-13.6px;left:4%;width:87px;">
			<p class="g-pstyle0">mobile</p>
		</div>
		<div id="g-ai3-2" class="g-Layer_1 g-aiAbs g-aiPointText" style="bottom:35.1394%;left:53.4445%;margin-left:-92px;width:184px;">
			<p class="g-pstyle1">300px *</p>
			<p class="g-pstyle1">360px</p>
		</div>
	</div>

</div>


<!-- Custom JS -->
<script type="text/javascript">
    (function() {
        // only want one resizer on the page
        if (document.documentElement.className.indexOf("g-resizer-v3-init") > -1) return;
        document.documentElement.className += " g-resizer-v3-init";
        // require IE9+
        if (!("querySelector" in document)) return;
        function resizer() {
            var elements = Array.prototype.slice.call(document.querySelectorAll(".g-artboard[data-min-width]")),
                widthById = {};
            elements.forEach(function(el) {
                var parent = el.parentNode,
                    width = widthById[parent.id] || parent.getBoundingClientRect().width,
                    minwidth = el.getAttribute("data-min-width"),
                    maxwidth = el.getAttribute("data-max-width");
                widthById[parent.id] = width;
                if (+minwidth <= width && (+maxwidth >= width || maxwidth === null)) {
                    el.style.display = "block";
                } else {
                    el.style.display = "none";
                }
            });
            try {
                if (window.parent && window.parent.$) {
                    window.parent.$("body").trigger("resizedcontent", [window]);
                }
                if (window.require) {
                    require(['foundation/main'], function() {
                        require(['shared/interactive/instances/app-communicator'], function(AppCommunicator) {
                            AppCommunicator.triggerResize();
                        });
                    });
                }
            } catch(e) { console.log(e); }
        }
        document.addEventListener('DOMContentLoaded', resizer);
        // feel free to replace throttle with _.throttle, if available
        window.addEventListener('resize', throttle(resizer, 200));        
        function throttle(func, wait) {
            // from underscore.js
            var _now = Date.now || function() { return new Date().getTime(); },
                context, args, result, timeout = null, previous = 0;
            var later = function() {
                previous = _now();
                timeout = null;
                result = func.apply(context, args);
                if (!timeout) context = args = null;
            };
            return function() {
                var now = _now(), remaining = wait - (now - previous);
                context = this;
                args = arguments;
                if (remaining <= 0 || remaining > wait) {
                    if (timeout) {
                        clearTimeout(timeout);
                        timeout = null;
                    }
                    previous = now;
                    result = func.apply(context, args);
                    if (!timeout) context = args = null;
                } else if (!timeout && options.trailing !== false) {
                    timeout = setTimeout(later, remaining);
                }
                return result;
            };
        }
    })();
</script>
<!-- End ai2html - 2022-07-20 14:38 -->
