www.compassion.com
Open in
urlscan Pro
2606:4700::6813:9d08
Public Scan
Submitted URL: http://icompassioninter.com/
Effective URL: https://www.compassion.com/
Submission: On July 08 via manual from SG — Scanned from DE
Effective URL: https://www.compassion.com/
Submission: On July 08 via manual from SG — Scanned from DE
Form analysis 1 forms found in the DOM
Name: aspnetForm — POST /
<form name="aspnetForm" method="post" action="/" id="aspnetForm">
<div>
<input type="hidden" name="__RequestVerificationToken" id="__RequestVerificationToken" value="KqT7vdDw7BQd4XizlGzYAtPcjY2Sub847W6opB0uYIcL9q_TFJhVV8kZ8fHCdcpqSFJRYnCnUsr26Opy_uiYdWflj1MgKAAAgbANPKxz2eQ1">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="Xyk2Dscd1KpoKSUpW4Y7tqPBCkas+/HH34Tn+OC9GoKKoF9KTGAN+2inaN/u73gtPcj3WrCd/c4rFZMSYtHWvwwPCw8IyQXUXFBdZhO5kWda62wIEeRvzKd3kBwKTgXylsDdm8vWhpLYbWTPx5n4jcvMfUR22ErL1DlP73NQ3ZZJHdY1cUGG6mcVDrD4ZDWsxp6QBLOvLrZSWF934GMb1oRDjP621Q4p9t4SmBh5oBcL9moq689f5D1UdeV5XIBZPy2AUuKdUpOe3xwrFbz7sQ==">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZFjsBCA92Pv-R3tQMpji9-26UJniwSa06SboNupH3Tjmxj7l9lTSjtquPCYnfchbSQ2&t=637814401746327080" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function SourceCode() {
return '';
}
function IsLoggedIn() {
return false;
}
function AvailableFundTcmIds() {
return {
"oneTime": ["tcm:5-40553-16", "tcm:5-40554-16", "tcm:5-40600-16", "tcm:5-40601-16", "tcm:5-40613-16", "tcm:5-40614-16", "tcm:5-40626-16", "tcm:5-40627-16", "tcm:5-40628-16", "tcm:5-40629-16", "tcm:5-40632-16", "tcm:5-40634-16",
"tcm:5-40641-16", "tcm:5-40642-16", "tcm:5-40643-16", "tcm:5-40649-16", "tcm:5-40652-16", "tcm:5-40653-16", "tcm:5-42320-16", "tcm:5-42335-16", "tcm:5-42349-16", "tcm:5-42356-16", "tcm:5-42404-16", "tcm:5-45448-16", "tcm:5-45452-16",
"tcm:5-45455-16", "tcm:5-45460-16", "tcm:5-45485-16", "tcm:5-45488-16", "tcm:5-45492-16", "tcm:5-45498-16", "tcm:5-45534-16", "tcm:5-45538-16", "tcm:5-45552-16", "tcm:5-45556-16", "tcm:5-45560-16", "tcm:5-45568-16", "tcm:5-45572-16",
"tcm:5-45576-16", "tcm:5-45583-16", "tcm:5-45585-16", "tcm:5-45593-16", "tcm:5-45599-16", "tcm:5-45603-16", "tcm:5-45670-16", "tcm:5-48442-16", "tcm:5-48505-16", "tcm:5-48530-16", "tcm:5-49123-16", "tcm:5-49906-16", "tcm:5-49920-16",
"tcm:5-50034-16", "tcm:5-50113-16", "tcm:5-50206-16", "tcm:5-50542-16", "tcm:5-50709-16", "tcm:5-50726-16", "tcm:5-50727-16", "tcm:5-50728-16", "tcm:5-51536-16", "tcm:5-51554-16", "tcm:5-52037-16", "tcm:5-53210-16", "tcm:5-54045-16",
"tcm:5-54846-16", "tcm:5-54988-16", "tcm:5-54990-16", "tcm:5-55115-16", "tcm:5-55783-16", "tcm:5-56754-16", "tcm:5-57346-16", "tcm:5-57471-16", "tcm:5-57960-16", "tcm:5-58144-16", "tcm:5-58847-16", "tcm:5-59782-16", "tcm:5-59907-16",
"tcm:5-59986-16", "tcm:5-59988-16", "tcm:5-59989-16", "tcm:5-59991-16", "tcm:5-59992-16", "tcm:5-59993-16", "tcm:5-59994-16", "tcm:5-59995-16", "tcm:5-59996-16", "tcm:5-59997-16", "tcm:5-59999-16", "tcm:5-60000-16", "tcm:5-60002-16",
"tcm:5-60004-16", "tcm:5-60006-16", "tcm:5-60007-16", "tcm:5-60009-16", "tcm:5-60010-16", "tcm:5-60012-16", "tcm:5-60013-16", "tcm:5-60014-16", "tcm:5-60016-16", "tcm:5-60017-16", "tcm:5-60018-16", "tcm:5-60019-16", "tcm:5-60163-16",
"tcm:5-60545-16", "tcm:5-61657-16", "tcm:5-61660-16", "tcm:5-61688-16", "tcm:5-61689-16", "tcm:5-61690-16", "tcm:5-61691-16", "tcm:5-61692-16", "tcm:5-61693-16", "tcm:5-62225-16", "tcm:5-62227-16", "tcm:5-63053-16", "tcm:5-63969-16",
"tcm:5-65714-16", "tcm:5-69945-16", "tcm:5-71368-16", "tcm:5-71950-16", "tcm:5-74183-16", "tcm:5-75536-16", "tcm:5-75636-16", "tcm:5-75724-16", "tcm:5-76149-16", "tcm:5-76153-16", "tcm:5-76180-16", "tcm:5-78382-16", "tcm:5-79174-16",
"tcm:5-79809-16", "tcm:5-81678-16", "tcm:5-81878-16", "tcm:5-81880-16", "tcm:5-82242-16", "tcm:5-82354-16", "tcm:5-82697-16", "tcm:5-86220-16", "tcm:5-90820-16", "tcm:5-91588-16", "tcm:5-96773-16", "tcm:5-97018-16", "tcm:5-97019-16",
"tcm:5-97020-16", "tcm:5-97023-16", "tcm:5-97024-16", "tcm:5-97027-16", "tcm:5-97655-16", "tcm:5-99514-16", "tcm:5-99604-16", "tcm:5-99605-16", "tcm:5-99614-16", "tcm:5-99721-16", "tcm:5-99786-16", "tcm:5-100023-16", "tcm:5-100024-16",
"tcm:5-100025-16", "tcm:5-100026-16", "tcm:5-100165-16", "tcm:5-101222-16", "tcm:5-101850-16", "tcm:5-102864-16", "tcm:5-103069-16", "tcm:5-103272-16", "tcm:5-103996-16", "tcm:5-104022-16", "tcm:5-104023-16", "tcm:5-105676-16",
"tcm:5-106786-16", "tcm:5-106788-16", "tcm:5-106798-16", "tcm:5-106802-16", "tcm:5-109100-16", "tcm:5-109697-16", "tcm:5-109859-16", "tcm:5-109865-16", "tcm:5-109876-16", "tcm:5-110245-16", "tcm:5-111620-16", "tcm:5-111621-16",
"tcm:5-112298-16", "tcm:5-112318-16", "tcm:5-112321-16", "tcm:5-112333-16", "tcm:5-112547-16", "tcm:5-112616-16", "tcm:5-113699-16", "tcm:5-113703-16", "tcm:5-113906-16", "tcm:5-113907-16", "tcm:5-116990-16", "tcm:5-117112-16",
"tcm:5-117958-16", "tcm:5-120152-16", "tcm:5-120163-16", "tcm:5-120544-16", "tcm:5-120551-16", "tcm:5-120679-16", "tcm:5-124338-16", "tcm:5-124339-16", "tcm:5-124359-16", "tcm:5-124360-16", "tcm:5-124364-16", "tcm:5-124366-16",
"tcm:5-124452-16", "tcm:5-125186-16", "tcm:5-125270-16", "tcm:5-126326-16", "tcm:5-126679-16", "tcm:5-126684-16", "tcm:5-126782-16", "tcm:5-127194-16", "tcm:5-127368-16", "tcm:5-127622-16", "tcm:5-127705-16", "tcm:5-128310-16",
"tcm:5-128382-16", "tcm:5-128447-16", "tcm:5-128929-16", "tcm:5-128994-16", "tcm:5-129028-16", "tcm:5-129558-16", "tcm:5-130082-16", "tcm:5-130156-16", "tcm:5-130198-16", "tcm:5-131650-16", "tcm:5-133208-16", "tcm:5-133280-16",
"tcm:5-134040-16", "tcm:5-134041-16", "tcm:5-134090-16", "tcm:5-134091-16", "tcm:5-135048-16", "tcm:5-135164-16", "tcm:5-136711-16", "tcm:5-136713-16", "tcm:5-136714-16", "tcm:5-136715-16", "tcm:5-136716-16", "tcm:5-136717-16",
"tcm:5-137218-16", "tcm:5-137359-16", "tcm:5-137501-16", "tcm:5-137547-16", "tcm:5-138598-16", "tcm:5-139210-16", "tcm:5-139348-16", "tcm:5-142539-16", "tcm:5-143130-16", "tcm:5-143294-16", "tcm:5-143383-16", "tcm:5-143384-16",
"tcm:5-145406-16", "tcm:5-149021-16", "tcm:5-149040-16", "tcm:5-149075-16", "tcm:5-149077-16", "tcm:5-149337-16", "tcm:5-156066-16", "tcm:5-156073-16", "tcm:5-156074-16", "tcm:5-156719-16", "tcm:5-156803-16", "tcm:5-157449-16",
"tcm:5-158123-16", "tcm:5-160684-16", "tcm:5-160829-16", "tcm:5-161193-16", "tcm:5-161982-16", "tcm:5-163267-16", "tcm:5-164209-16", "tcm:5-164210-16", "tcm:5-164211-16", "tcm:5-165216-16", "tcm:5-165448-16", "tcm:5-165453-16",
"tcm:5-166789-16", "tcm:5-167571-16", "tcm:5-167833-16", "tcm:5-168247-16", "tcm:5-168284-16", "tcm:5-169037-16", "tcm:5-169285-16", "tcm:5-170831-16", "tcm:5-172767-16", "tcm:5-173032-16", "tcm:5-173690-16", "tcm:5-174960-16",
"tcm:5-176195-16", "tcm:5-176375-16", "tcm:5-176377-16", "tcm:5-176380-16"
],
"monthly": ["tcm:5-40553-16", "tcm:5-40554-16", "tcm:5-40600-16", "tcm:5-40601-16", "tcm:5-40613-16", "tcm:5-40614-16", "tcm:5-40626-16", "tcm:5-40627-16", "tcm:5-40628-16", "tcm:5-40629-16", "tcm:5-40632-16", "tcm:5-40634-16",
"tcm:5-40641-16", "tcm:5-40642-16", "tcm:5-40643-16", "tcm:5-40649-16", "tcm:5-40652-16", "tcm:5-40653-16", "tcm:5-42320-16", "tcm:5-42335-16", "tcm:5-42349-16", "tcm:5-42356-16", "tcm:5-42404-16", "tcm:5-45448-16", "tcm:5-45670-16",
"tcm:5-48442-16", "tcm:5-48505-16", "tcm:5-48530-16", "tcm:5-49939-16", "tcm:5-50034-16", "tcm:5-50113-16", "tcm:5-50206-16", "tcm:5-50542-16", "tcm:5-50709-16", "tcm:5-50726-16", "tcm:5-50727-16", "tcm:5-50728-16", "tcm:5-53210-16",
"tcm:5-54846-16", "tcm:5-54988-16", "tcm:5-55115-16", "tcm:5-55783-16", "tcm:5-56754-16", "tcm:5-57346-16", "tcm:5-57471-16", "tcm:5-57960-16", "tcm:5-58144-16", "tcm:5-58847-16", "tcm:5-59782-16", "tcm:5-61657-16", "tcm:5-61660-16",
"tcm:5-61688-16", "tcm:5-61689-16", "tcm:5-61690-16", "tcm:5-61691-16", "tcm:5-61692-16", "tcm:5-61693-16", "tcm:5-62225-16", "tcm:5-62227-16", "tcm:5-63053-16", "tcm:5-65714-16", "tcm:5-69945-16", "tcm:5-71368-16", "tcm:5-71950-16",
"tcm:5-74183-16", "tcm:5-75536-16", "tcm:5-75636-16", "tcm:5-75724-16", "tcm:5-76149-16", "tcm:5-76153-16", "tcm:5-76180-16", "tcm:5-78382-16", "tcm:5-79174-16", "tcm:5-81678-16", "tcm:5-81878-16", "tcm:5-81880-16", "tcm:5-82242-16",
"tcm:5-82354-16", "tcm:5-86220-16", "tcm:5-96773-16", "tcm:5-99514-16", "tcm:5-101850-16", "tcm:5-102864-16", "tcm:5-103272-16", "tcm:5-105676-16", "tcm:5-106798-16", "tcm:5-109100-16", "tcm:5-109697-16", "tcm:5-109859-16",
"tcm:5-109865-16", "tcm:5-110245-16", "tcm:5-112298-16", "tcm:5-112547-16", "tcm:5-112616-16", "tcm:5-113699-16", "tcm:5-113907-16", "tcm:5-116990-16", "tcm:5-120152-16", "tcm:5-120163-16", "tcm:5-120544-16", "tcm:5-120551-16",
"tcm:5-126684-16", "tcm:5-127705-16", "tcm:5-128994-16", "tcm:5-129028-16", "tcm:5-130082-16", "tcm:5-130156-16", "tcm:5-133208-16", "tcm:5-135048-16", "tcm:5-135164-16", "tcm:5-136711-16", "tcm:5-136713-16", "tcm:5-136714-16",
"tcm:5-136715-16", "tcm:5-136716-16", "tcm:5-136717-16", "tcm:5-137359-16", "tcm:5-139348-16", "tcm:5-142539-16", "tcm:5-143130-16", "tcm:5-145406-16", "tcm:5-149021-16", "tcm:5-149075-16", "tcm:5-149077-16", "tcm:5-149337-16",
"tcm:5-156066-16", "tcm:5-156073-16", "tcm:5-156074-16", "tcm:5-156719-16", "tcm:5-156803-16", "tcm:5-157449-16", "tcm:5-158123-16", "tcm:5-160684-16", "tcm:5-160829-16", "tcm:5-161193-16", "tcm:5-161982-16", "tcm:5-163267-16",
"tcm:5-165448-16", "tcm:5-165453-16", "tcm:5-166789-16", "tcm:5-167571-16", "tcm:5-167833-16", "tcm:5-168247-16", "tcm:5-169037-16", "tcm:5-169285-16", "tcm:5-170831-16", "tcm:5-172767-16", "tcm:5-173032-16", "tcm:5-173690-16",
"tcm:5-174960-16", "tcm:5-176195-16", "tcm:5-176375-16"
]
};
}
//]]>
</script>
<div>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="23F5ECE9">
<input type="hidden" name="__PREVIOUSPAGE" id="__PREVIOUSPAGE" value="NKAYIBHOpV4gJ_jbQY-II4FKndZYaKg0Q-GNgKAbd2aeB6z7YprzvH7_XO6jWwNSrF1VinihmSBDgPgulrrsQQ2">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION"
value="lus/diHxlNOvElrz0W9Y5nUC1XAh42IY1/s+98CAFt6QXglJ+OaiBD6EB2VH+r+9FRL/uDa5tl/60ueZqAwn5yA2mC07vZMSiywGMBJZA3hEueHWf+sWRCUBK3tiKtsYv/YYhSCHpnALDHO0I0PBbIL7yOMnmrV5jZ6Z53vCiXG+9R3DWsScpFRVQgkHLxe6">
</div>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MCFM4X&pageCategory=responsive" height="0" width="0" style="display:none;visibility:hidden">
</iframe></noscript>
<script>
dataLayer = [{
'pageCategory': 'responsive'
}];
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-MCFM4X');
</script>
<!-- End Google Tag Manager (noscript) -->
<div class="c-page">
<header class="c-header js-header" data-swiftype-index="false">
<img class="print-logo" src="/multimedia/compassion-logo-print.png" alt="">
<div id="header">
<section class="c-header__top js-header-top">
<a href="/" class="c-header__logo o-logo">Christian Child Sponsorship - Compassion - Child Charity Organization</a>
<nav aria-label="Top" class="c-nav c-nav--utility">
<ol class="c-nav__items">
<li class="c-nav__item c-nav__item--tertiary"><a href="/charitable-gift-catalog.htm" class="c-nav__link">Gift Catalog</a></li>
<li class="c-nav__item c-nav__item--primary">
<div id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_loginNavPanel" class="c-nav-modal__parent js-nav-modal__parent js-nav-modal__parent--account">
<a id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_lnkMyAccount" class="c-nav__link js-nav-modal__open" href="https://www.compassion.com/my-account/summary.htm">My Account</a>
<a id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_lnkLogin" class="c-nav__link c-nav__link--orange orange-holder js-nav-modal__open" href="https://www.compassion.com/account/login.htm">(log in)</a>
<div id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_divMyAccountLayover" class="c-nav-modal c-nav-modal--account js-nav-modal">
<div class="c-nav-modal__close o-x js-nav-modal__close"></div>
<div class="c-nav-modal__container c-nav-modal__container--login js-account-modal__container js-account-modal__container--login">
<h4>Log in</h4>
<ul class="js-login__form">
<li class="field-container o-input o-input--text js-field-container">
<label for="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_ucLogin_LoginFields_txtModalUsername" class="wi-label">Username</label>
<input name="ctl00$cphPageTemplateContent$IncludeHeader$LoginModal$ucLogin$LoginFields$txtModalUsername" type="text" id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_ucLogin_LoginFields_txtModalUsername"
class="wi-text js-login-field__username" autocorrect="off" autocomplete="username">
<span id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_ucLogin_LoginFields_spanUsernameError" class="o-input__error-text wi-error js-field-error"></span>
</li>
<li class="field-container o-input o-input--text js-field-container">
<label for="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_ucLogin_LoginFields_txtModalPassword" class="wi-label">Password</label>
<input name="ctl00$cphPageTemplateContent$IncludeHeader$LoginModal$ucLogin$LoginFields$txtModalPassword" type="password" id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_ucLogin_LoginFields_txtModalPassword"
class="wi-text js-login-field__password" autocorrect="off" autocomplete="current-password">
<span id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_ucLogin_LoginFields_spanPasswordError" class="o-input__error-text wi-error js-field-error"></span>
</li>
<li class="checkbox-wrapper o-input o-input--checkbox js-field-container">
<input name="ctl00$cphPageTemplateContent$IncludeHeader$LoginModal$ucLogin$LoginFields$chkModalLoginPersist" type="checkbox" id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_ucLogin_LoginFields_chkModalLoginPersist"
value="true">
<label for="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_ucLogin_LoginFields_chkModalLoginPersist" id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_ucLogin_LoginFields_lblLoginPersist"
class="wi-label">Remember me</label>
</li>
<li>
<input type="submit" name="ctl00$cphPageTemplateContent$IncludeHeader$LoginModal$ucLogin$btnModalLogin" value="Login"
onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$cphPageTemplateContent$IncludeHeader$LoginModal$ucLogin$btnModalLogin", "", false, "", "https://www.compassion.com/account/login.htm", false, false))"
id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_ucLogin_btnModalLogin" class="o-button js-button-login">
</li>
<li class="c-nav-modal__links">
<p><a id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_ucLogin_hlnkForgot" href="https://www.compassion.com/account/forgot-password.htm">Forgot your login info?</a></p>
<p> First time logging in?<br>
<a id="ctl00_cphPageTemplateContent_IncludeHeader_LoginModal_ucLogin_hlnkSignup" href="https://www.compassion.com/my-account/create-usa.htm">Set up your online account</a>
</p>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="c-nav__item c-nav__item--primary">
<div id="ctl00_cphPageTemplateContent_IncludeHeader_CartModal_pnlNavCart" class="c-nav-modal__parent js-nav-modal__parent js-nav-modal__parent--cart u-hidden">
<a href="https://www.compassion.com/checkout/checkout-cart.htm" id="ctl00_cphPageTemplateContent_IncludeHeader_CartModal_lnkCheckout" class="c-nav__link js-nav-modal__open">Checkout <span class="c-nav__link--orange orange js-cart-count">(0)</span></a>
<div class="c-nav-modal c-nav-modal--cart js-nav-modal js-nav-modal--cart">
<div class="c-nav-modal__close o-x js-nav-modal__close"></div>
<div class="c-nav-modal__container">
<h4>Summary</h4>
<div class="c-ledger c-ledger--summary c-ledger__item">
<span id="ctl00_cphPageTemplateContent_IncludeHeader_CartModal_lblSummaryCount" class="c-ledger__entry js-cart-modal__summary-count">0 items</span>
<span id="ctl00_cphPageTemplateContent_IncludeHeader_CartModal_lblSummaryValue" class="c-ledger__value js-cart-modal__summary-amount"></span>
</div>
<div class="c-nav-modal__details c-nav-modal__recent js-cart-modal__recent u-hidden">
<h5 class="js-cart-modal__recent-title">Added Recently</h5>
<ul class="c-ledger js-cart-modal__recent-list">
</ul>
</div>
<ul id="ctl00_cphPageTemplateContent_IncludeHeader_CartModal_ulCartItems" class="c-ledger c-nav-modal__items js-cart-modal__items">
</ul>
<a href="https://www.compassion.com/checkout/checkout-cart.htm" id="ctl00_cphPageTemplateContent_IncludeHeader_CartModal_lnkCheckoutButton" class="o-button">Review & Checkout</a>
</div>
</div>
</div>
<script type="text/template" id="js-template__cart-item"> <li class="c-ledger__item">
<span class="c-ledger__entry">{{title}}</span>
<span class="c-ledger__value">{{amount}}</span>
</li>
</script>
<script type="text/template" id="js-template__cart-item--recent"> <li class="c-ledger__item">
<span class="c-nav-modal__recent-success"></span>
<span class="c-ledger__entry">
<span class="c-ledger__entry-title">{{title}}</span>
{{subTitle}}
</span>
<span class="c-ledger__value">{{amount}}</span>
</li>
</script>
</li>
<li class="c-nav__item c-nav__item--secondary">
<a class="c-nav__link" href="/contact/">Contact Us</a>
</li>
<li class="c-nav__item c-nav__search-wrapper">
<div class="c-nav__search">
<label for="query" class="u-sr-only">Search text field</label>
<input class="c-nav__search-box js-site-search__box" autocomplete="off" type="text" name="query" title="search" x-webkit-speech="" x-webkit-grammar="builtin:search" lang="en" dir="ltr" spellcheck="false" placeholder="Search..."
autocorrect="off" autocapitalize="off"><button class="c-nav__search-btn js-site-search__btn" type="submit" name="search-submit" aria-label="Submit"> <i class="ci-icon ci-icon--search" aria-hidden="true"></i></button>
</div>
</li>
<li class="c-nav__item c-nav__item--end"></li>
</ol>
</nav>
</section>
<section class="c-main-nav">
<nav aria-label="Main" class="c-nav c-nav--main">
<ul class="c-nav__items">
<li class="c-nav__item c-nav__item--primary">
<a href="/sponsor_a_child/" class="c-nav__link">Sponsor a Child</a>
<nav class="c-flyout" data-swiftype-index="false">
<ol class="c-flyout__items c-flyout__items--white">
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--sac" href="/sponsor_a_child/view-all-children.htm">View All Children</a></li>
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--sac" href="/child-sponsorship/waiting-child.htm?LongestWaitingFilter=180">View Longest Waiting Children</a></li>
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--sac" href="/sponsor_a_child/search_for_a_child_to_sponsor.htm">Search for a Child</a></li>
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--sac" href="/sponsor_a_child/select-a-child-for-me.htm">Select a Child For Me</a></li>
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--sac" href="/sponsor_a_child/how-child-sponsorship-helps.htm">Why Sponsor a Child?</a></li>
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--sac" href="/sponsor_a_child/how-to-sponsor-a-child.htm">How to Sponsor a Child</a></li>
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--sac" href="/sponsor_a_child/sponsorship-faq.htm">Child Sponsorship FAQ</a></li>
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--sac" href="/sponsor_a_child/sponsor_a_child_reviews.htm">Child Sponsorship Reviews</a></li>
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--sac" href="/sponsor_a_child/child-sponsorship-trustworthy-charity.htm">Financial Integrity</a></li>
</ol>
<div class="c-flyout__content c-nav-birthday js-nav-birthday">
<h5 class="c-flyout__heading">It's My Birthday!</h5>
<a href="" class="js-nav-birthday__link c-flyout__link--sac"><img class="c-flyout__content-image js-nav-birthday__img"></a>
<p class="c-nav-birthday__name js-nav-birthday__name"></p>
<p class="c-nav-birthday__age js-nav-birthday__age"></p>
<a href="" class="c-flyout__content-button o-button js-nav-birthday__link c-flyout__link--sac">Choose Me</a>
</div>
</nav>
</li>
<li class="c-nav__item c-nav__item--primary">
<a href="/ways-to-donate.htm" class="c-nav__link">Ways to Donate</a>
<nav class="c-flyout" data-swiftype-index="false">
<ol class="c-flyout__items c-flyout__items--white">
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--ways-to-donate" href="/ways-to-donate.htm">Donate to a Cause</a></li>
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--ways-to-donate" href="/where-most-needed.htm">Meet Critical Needs</a></li>
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--ways-to-donate" href="/charitable-gift-catalog.htm">Shop Our Gift Catalog</a></li>
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--ways-to-donate" href="/donate/matching-gifts.htm">Match Your Gift</a></li>
<li class="c-flyout__item"><a class="c-flyout__link c-flyout__link--ways-to-donate" href="/donate/other-ways-to-give.htm">Other Ways to Give</a></li>
</ol>
<div class="c-flyout__content">
<h5 class="c-flyout__heading">Give Where It's Most Needed</h5>
<img class="c-flyout__content-image" data-src="/multimedia/mcn-31215.jpg?v=2" alt="Compassion Sunday">
<p style="font-size:.8rem;">Homelessness. Medical emergencies. Natural disaster. Your donation helps children when they need it most..</p>
<a href="/donate-to-charity.htm" class="c-flyout__content-button o-button c-flyout__link--ways-to-donate">Donate Now ></a>
</div>
</nav>
</li>
<li class="c-nav__item c-nav__item--secondary">
<a href="/get-involved.htm" class="c-nav__link">Get Involved</a>
<nav class="c-flyout" data-swiftype-index="false">
<ol class="c-flyout__items c-flyout__items--white">
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="/ways-to-donate.htm">Donate</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="/volunteer/join-volunteer-network.htm">Volunteer</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="/prayer.htm">Pray</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="/letter-writing/write-my-child.htm">Write Your Child</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="/get-involved/trips-visits.htm">Visit Your Child</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="https://store.compassion.com/" target="_blank">Compassion Store</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="https://banners.compassion.com/banners/generator/index.php?installbanners=1&trackingmode=notracking&sourcecode=&cboCountry=">Web Banners</a>
</li>
</ol>
<ol class="c-flyout__items c-flyout__items--gray">
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="/compassionsunday/">Compassion Sunday</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="/church-engagement/">Churches</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="/corporate-partners/corporate-partners.htm">Businesses</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="/christian-speakers/christian-speakers-artists.htm">Speakers and Artists</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="/get-involved/event-sponsorship.htm">Events and Festivals</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--get-involved" href="/athletes/athletes.htm">Pro Athletes</a>
</li>
</ol>
</nav>
</li>
<li class="c-nav__item c-nav__item--secondary">
<a href="/about/about-us.htm" class="c-nav__link">About Us</a>
<nav class="c-flyout" data-swiftype-index="false">
<ol class="c-flyout__items">
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--about-us" href="/about/what-makes-us-distinct.htm">What Makes Us Distinct</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--about-us" href="/about/what-is-compassion.htm">Who We Are</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--about-us" href="/child-development-model.htm">What We Do</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--about-us" href="/where-we-work.htm">Where We Work</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--about-us" href="/press-center.htm">Press Center</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--about-us" href="/about/financial.htm">Financial Integrity</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--about-us" href="/employment/christian-employment.htm">Careers</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--about-us" href="/about/faq.htm">FAQ</a>
</li>
</ol>
</nav>
</li>
<li class="c-nav__item c-nav__item--tertiary">
<a href="/for-sponsors/" class="c-nav__link">For Sponsors</a>
<nav class="c-flyout" data-swiftype-index="false">
<ol class="c-flyout__items">
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--for-sponsors" href="/for-sponsors/write.htm">Write</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--for-sponsors" href="/for-sponsors/give.htm">Give</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--for-sponsors" href="/for-sponsors/pray.htm">Pray</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--for-sponsors" href="/get-involved/trips-visits.htm">Visit</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--for-sponsors" href="/for-sponsors/stories/index.htm">Stories</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--for-sponsors" href="/where-we-work/crisis-updates.htm">Crisis Updates</a>
</li>
<li class="c-flyout__item">
<a class="c-flyout__link c-flyout__link--for-sponsors" href="/for-sponsors/resources/default.htm">More Resources</a>
</li>
</ol>
</nav>
</li>
<li class="c-nav__item c-nav__item--tertiary">
<a href="https://blog.compassion.com" class="c-nav__link">Blog</a>
</li>
<li class="c-nav__item c-nav__item--highlight"><a href="/sponsor_a_child/" class="wi-highlight-link">Sponsor a Child</a></li>
</ul>
</nav>
<div class="c-menu">
<a class="c-menu__handle js-menu-handle">
Menu <i class="ci-icon ci-icon--menu js-menu-open" aria-hidden="true"></i> <i class="ci-icon ci-icon--cancel js-menu-close" aria-hidden="true"></i>
</a>
<div class="c-menu__wrapper js-menu-navigation">
<div class="c-nav__search-wrapper">
<div class="c-nav__search">
<label for="query" class="u-sr-only">Search text fields</label>
<input class="c-nav__search-box js-site-search__box" autocomplete="off" type="text" name="query" title="search" x-webkit-speech="" x-webkit-grammar="builtin:search" lang="en" dir="ltr" spellcheck="false" placeholder="Search..."
autocorrect="off" autocapitalize="off"><button class="c-nav__search-btn js-site-search__btn" type="submit" name="search-submit" aria-label="Submit"><i class="ci-icon ci-icon--search" aria-hidden="true"></i></button>
</div>
</div>
<nav class="c-nav--menu">
<ol class="c-nav__items">
<li class="c-nav__item">
<a class="c-nav__link js-menu-link" href="/sponsor_a_child/default.htm">Sponsor a Child<span aria-hidden="true">></span></a>
<div class="c-nav--menu-sub js-menu-children">
<a class="c-nav__link c-nav__back js-menu-back" href="#">< Back </a>
<h5 class="c-nav__title">Sponsor a Child</h5>
<ol class="c-nav__items">
<li class="c-nav__item"><a class="c-nav__link" href="/child-sponsorship/waiting-child.htm?LongestWaitingFilter=180">View Longest Waiting Children</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/sponsor_a_child/view-all-children.htm">View All Children</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/sponsor_a_child/how-child-sponsorship-helps.htm">Why Sponsor a Child?</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/sponsor_a_child/child-sponsorship-trustworthy-charity.htm">Financial Integrity</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/sponsor_a_child/search_for_a_child_to_sponsor.htm">Search for a Child</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/sponsor_a_child/select-a-child-for-me.htm">Select a Child For Me</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/sponsor_a_child/sponsor_a_child_reviews.htm">Child Sponsorship Reviews</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/sponsor_a_child/sponsorship-faq.htm">Child Sponsorship FAQ</a></li>
</ol>
</div>
</li>
<li class="c-nav__item">
<a class="c-nav__link js-menu-link" href="/ways-to-donate.htm">Ways to Donate<span class="js-menu-children" aria-hidden="true">></span></a>
<div class="c-nav--menu-sub js-menu-children">
<a class="c-nav__link c-nav__back js-menu-back" href="#">< Back </a>
<h5 class="c-nav__title">Ways to Donate</h5>
<ol class="c-nav__items">
<li class="c-nav__item"><a class="c-nav__link" href="/ways-to-donate.htm">Donate to a Cause</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/where-most-needed.htm">Meet Critical Needs</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/charitable-gift-catalog.htm">Shop Our Gift Catalog</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/donate/matching-gifts.htm">Match Your Gift</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/donate/other-ways-to-give.htm">Other Ways to Give</a></li>
</ol>
</div>
</li>
<li class="c-nav__item">
<a class="c-nav__link js-menu-link" href="/get-involved.htm">Get Involved<span class="js-menu-children" aria-hidden="true">></span></a>
<div class="c-nav--menu-sub js-menu-children">
<a class="c-nav__link c-nav__back js-menu-back" href="#">< Back </a>
<h5 class="c-nav__title">Get Involved</h5>
<ol class="c-nav__items">
<li class="c-nav__item"><a class="c-nav__link" href="/ways-to-donate.htm">Donate</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/get-involved.htm">Fundraise</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/volunteer/join-volunteer-network.htm">Volunteer</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/sponsordonor/free-family-activities.htm">Family Activity Ideas</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/prayer.htm">Pray</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/letter-writing/write-my-child.htm">Write Your Child</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/get-involved/trips-visits.htm">Visit Your Child</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="https://store.compassion.com/" target="_blank">Compassion Store</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="https://banners.compassion.com/banners/generator/index.php?installbanners=1&trackingmode=notracking&sourcecode=&cboCountry=">Web Banners</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/athletes/athletes.htm">Pro Athletes</a></li>
</ol>
</div>
</li>
<li class="c-nav__item">
<a class="c-nav__link js-menu-link" href="/about/about-us.htm">About Us<span class="js-menu-children" aria-hidden="true">></span></a>
<div class="c-nav--menu-sub js-menu-children">
<a class="c-nav__link c-nav__back js-menu-back" href="#">< Back </a>
<h5 class="c-nav__title">About Us</h5>
<ol class="c-nav__items">
<li class="c-nav__item"><a class="c-nav__link" href="/about/what-makes-us-distinct.htm">What Makes Us Distinct</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/about/what-is-compassion.htm">Who We Are</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/child-development-model.htm">What We Do</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/where-we-work.htm">Where We Work</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/press-center.htm">Press Center</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/about/financial.htm">Financial Integrity</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/employment/christian-employment.htm">Careers</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/tours/colorado-springs-tours.htm">Tour Our Ministry Center</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/about/faq.htm">FAQ</a></li>
</ol>
</div>
</li>
<li class="c-nav__item">
<a class="c-nav__link js-menu-link" href="/for-sponsors/default.htm">For Sponsors<span class="js-menu-children" aria-hidden="true">></span></a>
<div class="c-nav--menu-sub js-menu-children">
<a class="c-nav__link c-nav__back js-menu-back" href="#">< Back </a>
<h5 class="c-nav__title">For Sponsors</h5>
<ol class="c-nav__items">
<li class="c-nav__item"><a class="c-nav__link" href="/for-sponsors/write.htm">Write</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/for-sponsors/give.htm">Give</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/for-sponsors/pray.htm">Pray</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/get-involved/trips-visits.htm">Visit</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/for-sponsors/stories/index.htm">Stories</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/where-we-work/crisis-updates.htm">Crisis Updates</a></li>
<li class="c-nav__item"><a class="c-nav__link" href="/for-sponsors/resources/default.htm">More Resources</a></li>
</ol>
</div>
</li>
<li class="c-nav__item">
<a class="c-nav__link" href="https://blog.compassion.com">Blog</a>
</li>
<li class="c-nav__item">
<a class="c-nav__link" href="/donate.htm">Donate Now</a>
</li>
<li class="c-nav__item">
<a class="c-nav__link" href="/charitable-gift-catalog.htm">Gift Catalog</a>
</li>
<li class="c-nav__item">
<a class="c-nav__link" href="https://store.compassion.com">Compassion Store</a>
</li>
<li class="c-nav__item">
<a class="c-nav__link" href="/my-account/summary.htm">My Account</a>
</li>
<li class="c-nav__item">
<a class="c-nav__link" href="/my-cart/checkout-information.htm">My Cart</a>
</li>
</ol>
</nav>
</div>
</div>
</section>
</div>
</header>
<div class="c-main-content" role="main">
<style>
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0
}
h1 {
font-size: 32px;
font-weight: 700;
line-height: 1em
}
h2 {
font-size: 22px;
font-weight: 400;
line-height: 1.25em
}
h3 {
font-size: 18px;
font-weight: 700;
line-height: 1.25em
}
h4 {
font-size: 18px;
font-weight: 700;
line-height: 1.25em
}
h5 {
font-size: 14px;
font-weight: 500;
line-height: 1.5em
}
@media (min-width: 528px) {
h1 {
font-size: 40px
}
h3 {
font-size: 20px
}
h5 {
font-size: 16px
}
}
@media (min-width: 834px) {
h1 {
font-size: 48px
}
h2 {
font-size: 30px
}
h4 {
font-size: 20px
}
h5 {
font-size: 18px
}
}
hr {
border: 0;
border-bottom: 1px solid #CBCBCB
}
p {
font-size: 14px;
line-height: 1.75em;
margin-bottom: 1.5em
}
@media (min-width: 528px) {
p {
font-size: 16px;
line-height: 1.75em
}
}
.container,
.container-xs,
.container-xs-fluid,
.container-xs-xs,
.container-xs-sm,
.container-xs-md,
.container-xs-lg,
.container-xs-xl,
.container-xs-xxl,
.container-sm,
.container-sm-fluid,
.container-sm-xs,
.container-sm-sm,
.container-sm-md,
.container-sm-lg,
.container-sm-xl,
.container-sm-xxl,
.container-md,
.container-md-fluid,
.container-md-xs,
.container-md-sm,
.container-md-md,
.container-md-lg,
.container-md-xl,
.container-md-xxl,
.container-lg,
.container-lg-fluid,
.container-lg-xs,
.container-lg-sm,
.container-lg-md,
.container-lg-lg,
.container-lg-xl,
.container-lg-xxl,
.container-xl,
.container-xl-fluid,
.container-xl-xs,
.container-xl-sm,
.container-xl-md,
.container-xl-lg,
.container-xl-xl,
.container-xl-xxl,
.container-xxl,
.container-xxl-fluid,
.container-xxl-xs,
.container-xxl-sm,
.container-xxl-md,
.container-xxl-lg,
.container-xxl-xl,
.container-xxl-xxl {
width: 100%;
padding-right: 12px;
padding-left: 12px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 528px) {
.container,
.container-xs,
.container-xs-fluid,
.container-xs-xs,
.container-xs-sm,
.container-xs-md,
.container-xs-lg,
.container-xs-xl,
.container-xs-xxl,
.container-sm,
.container-sm-fluid,
.container-sm-xs,
.container-sm-sm,
.container-sm-md,
.container-sm-lg,
.container-sm-xl,
.container-sm-xxl,
.container-md,
.container-md-fluid,
.container-md-xs,
.container-md-sm,
.container-md-md,
.container-md-lg,
.container-md-xl,
.container-md-xxl,
.container-lg,
.container-lg-fluid,
.container-lg-xs,
.container-lg-sm,
.container-lg-md,
.container-lg-lg,
.container-lg-xl,
.container-lg-xxl,
.container-xl,
.container-xl-fluid,
.container-xl-xs,
.container-xl-sm,
.container-xl-md,
.container-xl-lg,
.container-xl-xl,
.container-xl-xxl,
.container-xxl,
.container-xxl-fluid,
.container-xxl-xs,
.container-xxl-sm,
.container-xxl-md,
.container-xxl-lg,
.container-xxl-xl,
.container-xxl-xxl {
padding-right: 24px;
padding-left: 24px
}
}
.container-fluid {
max-width: 100%
}
.container-xs {
max-width: 200px
}
.container-sm {
max-width: 375px
}
.container-md {
max-width: 528px
}
.container-lg {
max-width: 834px
}
.container-xl {
max-width: 1000px
}
.container-xxl {
max-width: 1440px
}
@media (min-width: 200px) {
.container-xs-fluid {
max-width: 100%
}
.container-xs-xs {
max-width: 200px
}
.container-xs-sm {
max-width: 375px
}
.container-xs-md {
max-width: 528px
}
.container-xs-lg {
max-width: 834px
}
.container-xs-xl {
max-width: 1000px
}
.container-xs-xxl {
max-width: 1440px
}
}
@media (min-width: 375px) {
.container-sm-fluid {
max-width: 100%
}
.container-sm-xs {
max-width: 200px
}
.container-sm-sm {
max-width: 375px
}
.container-sm-md {
max-width: 528px
}
.container-sm-lg {
max-width: 834px
}
.container-sm-xl {
max-width: 1000px
}
.container-sm-xxl {
max-width: 1440px
}
}
@media (min-width: 528px) {
.container-md-fluid {
max-width: 100%
}
.container-md-xs {
max-width: 200px
}
.container-md-sm {
max-width: 375px
}
.container-md-md {
max-width: 528px
}
.container-md-lg {
max-width: 834px
}
.container-md-xl {
max-width: 1000px
}
.container-md-xxl {
max-width: 1440px
}
}
@media (min-width: 834px) {
.container-lg-fluid {
max-width: 100%
}
.container-lg-xs {
max-width: 200px
}
.container-lg-sm {
max-width: 375px
}
.container-lg-md {
max-width: 528px
}
.container-lg-lg {
max-width: 834px
}
.container-lg-xl {
max-width: 1000px
}
.container-lg-xxl {
max-width: 1440px
}
}
@media (min-width: 1000px) {
.container-xl-fluid {
max-width: 100%
}
.container-xl-xs {
max-width: 200px
}
.container-xl-sm {
max-width: 375px
}
.container-xl-md {
max-width: 528px
}
.container-xl-lg {
max-width: 834px
}
.container-xl-xl {
max-width: 1000px
}
.container-xl-xxl {
max-width: 1440px
}
}
@media (min-width: 1440px) {
.container-xxl-fluid {
max-width: 100%
}
.container-xxl-xs {
max-width: 200px
}
.container-xxl-sm {
max-width: 375px
}
.container-xxl-md {
max-width: 528px
}
.container-xxl-lg {
max-width: 834px
}
.container-xxl-xl {
max-width: 1000px
}
.container-xxl-xxl {
max-width: 1440px
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -4px;
margin-left: -4px
}
.row>* {
padding-right: 4px;
padding-left: 4px
}
@media (min-width: 528px) {
.row {
margin-right: -8px;
margin-left: -8px
}
.row>* {
padding-right: 8px;
padding-left: 8px
}
}
.row-border-right>*:not(:last-child) {
border-right: 1px solid #C4C4C4
}
.row-border-right>*:not(:last-child)-none {
border-right: none
}
@media (min-width: 200px) {
.row-border-right-xs>*:not(:last-child) {
border-right: 1px solid #C4C4C4
}
.row-border-right-xs>*:not(:last-child)-none {
border-right: none
}
}
@media (min-width: 375px) {
.row-border-right-sm>*:not(:last-child) {
border-right: 1px solid #C4C4C4
}
.row-border-right-sm>*:not(:last-child)-none {
border-right: none
}
}
@media (min-width: 528px) {
.row-border-right-md>*:not(:last-child) {
border-right: 1px solid #C4C4C4
}
.row-border-right-md>*:not(:last-child)-none {
border-right: none
}
}
@media (min-width: 834px) {
.row-border-right-lg>*:not(:last-child) {
border-right: 1px solid #C4C4C4
}
.row-border-right-lg>*:not(:last-child)-none {
border-right: none
}
}
@media (min-width: 1000px) {
.row-border-right-xl>*:not(:last-child) {
border-right: 1px solid #C4C4C4
}
.row-border-right-xl>*:not(:last-child)-none {
border-right: none
}
}
@media (min-width: 1440px) {
.row-border-right-xxl>*:not(:last-child) {
border-right: 1px solid #C4C4C4
}
.row-border-right-xxl>*:not(:last-child)-none {
border-right: none
}
}
.col {
flex: 1
}
.col-auto {
flex: auto
}
.col-none {
flex: none
}
.col-1 {
width: calc((1 / 12) * 100%)
}
.col-2 {
width: calc((2 / 12) * 100%)
}
.col-3 {
width: calc((3 / 12) * 100%)
}
.col-4 {
width: calc((4 / 12) * 100%)
}
.col-5 {
width: calc((5 / 12) * 100%)
}
.col-6 {
width: calc((6 / 12) * 100%)
}
.col-7 {
width: calc((7 / 12) * 100%)
}
.col-8 {
width: calc((8 / 12) * 100%)
}
.col-9 {
width: calc((9 / 12) * 100%)
}
.col-10 {
width: calc((10 / 12) * 100%)
}
.col-11 {
width: calc((11 / 12) * 100%)
}
.col-12 {
width: calc((12 / 12) * 100%)
}
@media (min-width: 200px) {
.col-xs {
flex: 1
}
.col-xs-auto {
flex: auto
}
.col-xs-none {
flex: none
}
.col-xs-1 {
width: calc((1 / 12) * 100%)
}
.col-xs-2 {
width: calc((2 / 12) * 100%)
}
.col-xs-3 {
width: calc((3 / 12) * 100%)
}
.col-xs-4 {
width: calc((4 / 12) * 100%)
}
.col-xs-5 {
width: calc((5 / 12) * 100%)
}
.col-xs-6 {
width: calc((6 / 12) * 100%)
}
.col-xs-7 {
width: calc((7 / 12) * 100%)
}
.col-xs-8 {
width: calc((8 / 12) * 100%)
}
.col-xs-9 {
width: calc((9 / 12) * 100%)
}
.col-xs-10 {
width: calc((10 / 12) * 100%)
}
.col-xs-11 {
width: calc((11 / 12) * 100%)
}
.col-xs-12 {
width: calc((12 / 12) * 100%)
}
}
@media (min-width: 375px) {
.col-sm {
flex: 1
}
.col-sm-auto {
flex: auto
}
.col-sm-none {
flex: none
}
.col-sm-1 {
width: calc((1 / 12) * 100%)
}
.col-sm-2 {
width: calc((2 / 12) * 100%)
}
.col-sm-3 {
width: calc((3 / 12) * 100%)
}
.col-sm-4 {
width: calc((4 / 12) * 100%)
}
.col-sm-5 {
width: calc((5 / 12) * 100%)
}
.col-sm-6 {
width: calc((6 / 12) * 100%)
}
.col-sm-7 {
width: calc((7 / 12) * 100%)
}
.col-sm-8 {
width: calc((8 / 12) * 100%)
}
.col-sm-9 {
width: calc((9 / 12) * 100%)
}
.col-sm-10 {
width: calc((10 / 12) * 100%)
}
.col-sm-11 {
width: calc((11 / 12) * 100%)
}
.col-sm-12 {
width: calc((12 / 12) * 100%)
}
}
@media (min-width: 528px) {
.col-md {
flex: 1
}
.col-md-auto {
flex: auto
}
.col-md-none {
flex: none
}
.col-md-1 {
width: calc((1 / 12) * 100%)
}
.col-md-2 {
width: calc((2 / 12) * 100%)
}
.col-md-3 {
width: calc((3 / 12) * 100%)
}
.col-md-4 {
width: calc((4 / 12) * 100%)
}
.col-md-5 {
width: calc((5 / 12) * 100%)
}
.col-md-6 {
width: calc((6 / 12) * 100%)
}
.col-md-7 {
width: calc((7 / 12) * 100%)
}
.col-md-8 {
width: calc((8 / 12) * 100%)
}
.col-md-9 {
width: calc((9 / 12) * 100%)
}
.col-md-10 {
width: calc((10 / 12) * 100%)
}
.col-md-11 {
width: calc((11 / 12) * 100%)
}
.col-md-12 {
width: calc((12 / 12) * 100%)
}
}
@media (min-width: 834px) {
.col-lg {
flex: 1
}
.col-lg-auto {
flex: auto
}
.col-lg-none {
flex: none
}
.col-lg-1 {
width: calc((1 / 12) * 100%)
}
.col-lg-2 {
width: calc((2 / 12) * 100%)
}
.col-lg-3 {
width: calc((3 / 12) * 100%)
}
.col-lg-4 {
width: calc((4 / 12) * 100%)
}
.col-lg-5 {
width: calc((5 / 12) * 100%)
}
.col-lg-6 {
width: calc((6 / 12) * 100%)
}
.col-lg-7 {
width: calc((7 / 12) * 100%)
}
.col-lg-8 {
width: calc((8 / 12) * 100%)
}
.col-lg-9 {
width: calc((9 / 12) * 100%)
}
.col-lg-10 {
width: calc((10 / 12) * 100%)
}
.col-lg-11 {
width: calc((11 / 12) * 100%)
}
.col-lg-12 {
width: calc((12 / 12) * 100%)
}
}
@media (min-width: 1000px) {
.col-xl {
flex: 1
}
.col-xl-auto {
flex: auto
}
.col-xl-none {
flex: none
}
.col-xl-1 {
width: calc((1 / 12) * 100%)
}
.col-xl-2 {
width: calc((2 / 12) * 100%)
}
.col-xl-3 {
width: calc((3 / 12) * 100%)
}
.col-xl-4 {
width: calc((4 / 12) * 100%)
}
.col-xl-5 {
width: calc((5 / 12) * 100%)
}
.col-xl-6 {
width: calc((6 / 12) * 100%)
}
.col-xl-7 {
width: calc((7 / 12) * 100%)
}
.col-xl-8 {
width: calc((8 / 12) * 100%)
}
.col-xl-9 {
width: calc((9 / 12) * 100%)
}
.col-xl-10 {
width: calc((10 / 12) * 100%)
}
.col-xl-11 {
width: calc((11 / 12) * 100%)
}
.col-xl-12 {
width: calc((12 / 12) * 100%)
}
}
@media (min-width: 1440px) {
.col-xxl {
flex: 1
}
.col-xxl-auto {
flex: auto
}
.col-xxl-none {
flex: none
}
.col-xxl-1 {
width: calc((1 / 12) * 100%)
}
.col-xxl-2 {
width: calc((2 / 12) * 100%)
}
.col-xxl-3 {
width: calc((3 / 12) * 100%)
}
.col-xxl-4 {
width: calc((4 / 12) * 100%)
}
.col-xxl-5 {
width: calc((5 / 12) * 100%)
}
.col-xxl-6 {
width: calc((6 / 12) * 100%)
}
.col-xxl-7 {
width: calc((7 / 12) * 100%)
}
.col-xxl-8 {
width: calc((8 / 12) * 100%)
}
.col-xxl-9 {
width: calc((9 / 12) * 100%)
}
.col-xxl-10 {
width: calc((10 / 12) * 100%)
}
.col-xxl-11 {
width: calc((11 / 12) * 100%)
}
.col-xxl-12 {
width: calc((12 / 12) * 100%)
}
}
.button {
display: inline-block;
padding: 12px;
border: 0;
border-radius: .25rem;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
transition: .2s linear
}
.button-sm {
padding: 12px;
line-height: 1em
}
.button-primary {
background: #FFB500;
color: #20556B
}
.button-primary:hover {
background: #e9a601
}
.button-light {
background: #E1E1E1;
color: #646464;
box-shadow: none
}
.button-light:hover {
background: #CBCBCB
}
.button-secondary {
background: #005EB8;
color: #fff;
text-transform: none
}
.button-secondary:hover {
background: #004f9a
}
.button[disabled] {
background: #efefef;
color: #9ba4ad;
cursor: not-allowed
}
@media (min-width: 528px) {
.button {
padding: 16px
}
.button-sm {
padding: 12px
}
}
.button-full {
display: block;
width: 100%
}
.button-inline {
display: inline-block;
width: auto
}
@media (min-width: 200px) {
.button-xs-full {
display: block;
width: 100%
}
.button-xs-inline {
display: inline-block;
width: auto
}
}
@media (min-width: 375px) {
.button-sm-full {
display: block;
width: 100%
}
.button-sm-inline {
display: inline-block;
width: auto
}
}
@media (min-width: 528px) {
.button-md-full {
display: block;
width: 100%
}
.button-md-inline {
display: inline-block;
width: auto
}
}
@media (min-width: 834px) {
.button-lg-full {
display: block;
width: 100%
}
.button-lg-inline {
display: inline-block;
width: auto
}
}
@media (min-width: 1000px) {
.button-xl-full {
display: block;
width: 100%
}
.button-xl-inline {
display: inline-block;
width: auto
}
}
@media (min-width: 1440px) {
.button-xxl-full {
display: block;
width: 100%
}
.button-xxl-inline {
display: inline-block;
width: auto
}
}
.link {
display: inline-block;
padding-bottom: .25rem;
border-bottom: 2px solid;
font-weight: 500;
text-decoration: none
}
.link-icon {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
border-bottom: 0
}
.link-icon:after {
content: ' ';
display: block;
height: 2px;
width: 100%;
background: #005EB8;
order: 2;
margin-top: .25rem
}
.link-icon.color-dark-teal:after {
background: #20556B
}
.link-icon:hover:after {
animation: linkIconExpand .5s
}
.link-icon-right>.link-label {
order: 0;
margin-right: 1rem
}
.link-icon-right>.link-icon {
order: 1
}
.link-icon-left>.link-label {
order: 1;
margin-left: 1rem
}
.link-icon-left>.link-icon {
order: 0
}
@keyframes linkIconExpand {
0% {
width: 1%
}
100% {
width: 100%
}
}
.blockquote {
display: flex;
color: #20556B;
font-size: 16px;
font-weight: 500;
line-height: 1.75em
}
.blockquote:before {
content: ' ';
display: block;
width: .5rem;
background: #FFB500
}
.blockquote__content {
flex: 1;
padding-left: 2rem
}
@media (min-width: 834px) {
.blockquote {
font-size: 22px;
line-height: 2em
}
}
.copy-link {
position: relative
}
.donate-array__amount {
position: relative;
width: 100%;
padding: 1rem .5rem;
background: #fff;
border: 1px solid #C4C4C4;
border-radius: .25rem;
color: #C4C4C4;
font-size: 16px;
font-weight: bold;
cursor: pointer
}
.donate-array__amount[selected] {
background: #D9F4FF;
color: #005EB8;
border-width: 2px;
border-color: #005EB8;
padding-top: calc(16px - 1px);
padding-bottom: calc(16px - 1px)
}
.donate-array__amount-other>input {
width: 100%;
border: 0 !important;
background: transparent;
padding-left: 16px !important;
margin: 0;
height: 100% !important;
font-weight: bold
}
.donate-array__other-amount {
width: 13rem !important;
max-width: 100% !important;
border: 0 !important;
border-bottom: 1px solid #ccc !important;
color: #005EB8 !important;
font-size: 2rem !important;
font-weight: bold;
text-align: center
}
.donate-array__currency {
position: absolute;
align-self: center;
padding-left: 4px
}
.donate-array__submit {
width: 100%
}
.donate-array__impact {
display: flex;
align-items: center;
margin: 0 0 1rem;
color: #20556B;
font-size: 14px
}
.donate-array__impact-icon {
flex: none;
width: 2.5rem;
height: 2.5rem;
object-position: center;
margin: 0 .5rem 0;
filter: saturate(1);
opacity: 1
}
.donate-array__impact.is-selected~.donate-array__impact {
color: #707070
}
.donate-array__impact.is-selected~.donate-array__impact>.donate-array__impact-icon {
filter: saturate(0);
opacity: .7
}
.donate-array__impact__other {
padding: 2rem 0
}
@media (min-width: 528px) {
.donate-array__impact {
display: block
}
.donate-array__impact-icon {
width: 60px;
height: 60px;
margin: 0 0 1rem
}
}
.feature {
display: flex;
flex-wrap: wrap;
position: relative;
overflow: hidden;
min-height: 100vh
}
.feature__background {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%
}
.feature__background-image {
width: 100%;
height: 100%;
object-fit: cover
}
.feature__title,
.feature__content {
position: relative;
z-index: 1
}
.feature__title {
align-self: flex-start;
padding-top: 1rem;
padding-bottom: 1rem
}
.feature__content {
align-self: flex-end;
padding-top: 1rem;
padding-bottom: 2rem;
background-color: rgba(255, 255, 255, 0.85)
}
.feature-title-center>.feature__title {
align-self: center
}
.feature-title-top>.feature__title {
align-self: flex-start
}
.feature-title-bottom>.feature__title {
align-self: flex-end
}
.feature-content-center>.feature__title {
align-self: center
}
.feature-content-top>.feature__content {
align-self: flex-start
}
.feature-content-bottom>.feature__content {
align-self: flex-end
}
@media (min-width: 528px) {
.feature {
display: block;
min-height: 31.25rem;
padding-top: 5rem;
padding-bottom: 5rem
}
.feature-content-top,
.feature-content-center,
.feature-content-bottom,
.feature-title-top,
.feature-title-center,
.feature-title-bottom {
display: flex
}
.feature__title,
.feature__content {
padding-top: 0;
padding-bottom: 0
}
.feature__content {
background-color: transparent
}
}
@media (min-width: 834px) {
.feature-content-lg-top,
.feature-content-lg-center,
.feature-content-lg-bottom,
.feature-title-lg-top,
.feature-title-lg-center,
.feature-title-lg-bottom {
display: flex
}
.feature-title-lg-center>.feature__title {
align-self: center
}
.feature-title-lg-top>.feature__title {
align-self: flex-start
}
.feature-title-lg-bottom>.feature__title {
align-self: flex-end
}
.feature-content-lg-center>.feature__title {
align-self: center
}
.feature-content-lg-top>.feature__content {
align-self: flex-start
}
.feature-content-lg-bottom>.feature__content {
align-self: flex-end
}
}
.spotlight-1 {
position: relative
}
.spotlight-1__background {
position: relative;
width: 100%;
height: 0;
padding-top: 85%
}
.spotlight-1__background-image {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.spotlight-1__background-content {
position: absolute;
left: 0;
bottom: 0;
z-index: 1
}
@media (min-width: 528px) {
.spotlight-1__background {
position: absolute;
top: 0;
left: 0;
z-index: 0;
height: 100%;
padding-top: 0
}
}
.spotlight-1__content {
position: relative;
z-index: 1
}
.spotlight-2 {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
position: relative;
min-height: calc(100vh - 10rem)
}
.spotlight-2__background {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.spotlight-2__background-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.spotlight-2__content {
position: relative;
z-index: 1
}
@media (min-width: 528px) {
.spotlight-2 {
height: calc(100vw - 2rem);
min-height: auto
}
}
@media (min-width: 1000px) {
.spotlight-2 {
height: 100%;
padding-top: 0
}
}
.tabs__nav {
display: flex;
overflow: auto;
border-top: 1px solid #C3C3C3;
border-bottom: 1px solid #C3C3C3
}
@media (min-width: 528px) {
.tabs__nav {
justify-content: center
}
}
.tabs__nav-link {
flex: none;
position: relative;
display: block;
padding: 1.5rem 2rem;
color: #707070;
text-decoration: none;
text-transform: none
}
.tabs__nav-link.is-selected {
color: #005EB8;
font-weight: 700
}
.tabs__nav-link.is-selected:after {
content: ' ';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: .25rem;
background: #005EB8
}
.tabs__window {
display: flex;
align-items: flex-start;
overflow: hidden
}
.tabs__slide {
flex: none;
width: 100%
}
.tool-tip {
display: flex;
position: absolute;
right: 8px;
max-width: calc(100vw - 2rem);
margin-top: 16px;
z-index: 1;
opacity: 0;
transition: .25s;
background: #D9F4FF;
color: #005EB8;
padding: 12px;
border-radius: .25rem;
font-size: 14px
}
.tool-tip.is-shown {
opacity: 1
}
.video-story__sub-title:before {
content: ' ';
display: block;
width: 1.75rem;
border-top: 2px solid #707070;
margin: 16px 0
}
.video-story__video {
position: relative;
height: 0;
width: 100%;
padding-top: 62.5%
}
.video-story__video--letterbox {
padding-top: 42.5%
}
.video-story__video-poster {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 0;
border: 0;
overflow: hidden;
cursor: pointer
}
.video-story__video-poster-image {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.video-story__video-poster-icon {
position: relative;
z-index: 1
}
.video-story__video-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000
}
.video-story__play {
color: #005EB8;
font-size: 14px;
font-weight: 700;
text-decoration: none
}
.align-items-flex-start {
align-items: flex-start
}
.align-items-center {
align-items: center
}
.align-items-flex-end {
align-items: flex-end
}
.align-items-unset {
align-items: unset
}
@media (min-width: 200px) {
.align-items-xs-flex-start {
align-items: flex-start
}
.align-items-xs-center {
align-items: center
}
.align-items-xs-flex-end {
align-items: flex-end
}
.align-items-xs-unset {
align-items: unset
}
}
@media (min-width: 375px) {
.align-items-sm-flex-start {
align-items: flex-start
}
.align-items-sm-center {
align-items: center
}
.align-items-sm-flex-end {
align-items: flex-end
}
.align-items-sm-unset {
align-items: unset
}
}
@media (min-width: 528px) {
.align-items-md-flex-start {
align-items: flex-start
}
.align-items-md-center {
align-items: center
}
.align-items-md-flex-end {
align-items: flex-end
}
.align-items-md-unset {
align-items: unset
}
}
@media (min-width: 834px) {
.align-items-lg-flex-start {
align-items: flex-start
}
.align-items-lg-center {
align-items: center
}
.align-items-lg-flex-end {
align-items: flex-end
}
.align-items-lg-unset {
align-items: unset
}
}
@media (min-width: 1000px) {
.align-items-xl-flex-start {
align-items: flex-start
}
.align-items-xl-center {
align-items: center
}
.align-items-xl-flex-end {
align-items: flex-end
}
.align-items-xl-unset {
align-items: unset
}
}
@media (min-width: 1440px) {
.align-items-xxl-flex-start {
align-items: flex-start
}
.align-items-xxl-center {
align-items: center
}
.align-items-xxl-flex-end {
align-items: flex-end
}
.align-items-xxl-unset {
align-items: unset
}
}
.justify-content-flex-start {
justify-content: flex-start
}
.justify-content-center {
justify-content: center
}
.justify-content-flex-end {
justify-content: flex-end
}
@media (min-width: 200px) {
.justify-content-xs-flex-start {
justify-content: flex-start
}
.justify-content-xs-center {
justify-content: center
}
.justify-content-xs-flex-end {
justify-content: flex-end
}
}
@media (min-width: 375px) {
.justify-content-sm-flex-start {
justify-content: flex-start
}
.justify-content-sm-center {
justify-content: center
}
.justify-content-sm-flex-end {
justify-content: flex-end
}
}
@media (min-width: 528px) {
.justify-content-md-flex-start {
justify-content: flex-start
}
.justify-content-md-center {
justify-content: center
}
.justify-content-md-flex-end {
justify-content: flex-end
}
}
@media (min-width: 834px) {
.justify-content-lg-flex-start {
justify-content: flex-start
}
.justify-content-lg-center {
justify-content: center
}
.justify-content-lg-flex-end {
justify-content: flex-end
}
}
@media (min-width: 1000px) {
.justify-content-xl-flex-start {
justify-content: flex-start
}
.justify-content-xl-center {
justify-content: center
}
.justify-content-xl-flex-end {
justify-content: flex-end
}
}
@media (min-width: 1440px) {
.justify-content-xxl-flex-start {
justify-content: flex-start
}
.justify-content-xxl-center {
justify-content: center
}
.justify-content-xxl-flex-end {
justify-content: flex-end
}
}
.order-0 {
order: 0
}
.order-1 {
order: 1
}
.order-2 {
order: 2
}
.order-3 {
order: 3
}
.order-4 {
order: 4
}
.order-5 {
order: 5
}
@media (min-width: 200px) {
.order-xs-0 {
order: 0
}
.order-xs-1 {
order: 1
}
.order-xs-2 {
order: 2
}
.order-xs-3 {
order: 3
}
.order-xs-4 {
order: 4
}
.order-xs-5 {
order: 5
}
}
@media (min-width: 375px) {
.order-sm-0 {
order: 0
}
.order-sm-1 {
order: 1
}
.order-sm-2 {
order: 2
}
.order-sm-3 {
order: 3
}
.order-sm-4 {
order: 4
}
.order-sm-5 {
order: 5
}
}
@media (min-width: 528px) {
.order-md-0 {
order: 0
}
.order-md-1 {
order: 1
}
.order-md-2 {
order: 2
}
.order-md-3 {
order: 3
}
.order-md-4 {
order: 4
}
.order-md-5 {
order: 5
}
}
@media (min-width: 834px) {
.order-lg-0 {
order: 0
}
.order-lg-1 {
order: 1
}
.order-lg-2 {
order: 2
}
.order-lg-3 {
order: 3
}
.order-lg-4 {
order: 4
}
.order-lg-5 {
order: 5
}
}
@media (min-width: 1000px) {
.order-xl-0 {
order: 0
}
.order-xl-1 {
order: 1
}
.order-xl-2 {
order: 2
}
.order-xl-3 {
order: 3
}
.order-xl-4 {
order: 4
}
.order-xl-5 {
order: 5
}
}
@media (min-width: 1440px) {
.order-xxl-0 {
order: 0
}
.order-xxl-1 {
order: 1
}
.order-xxl-2 {
order: 2
}
.order-xxl-3 {
order: 3
}
.order-xxl-4 {
order: 4
}
.order-xxl-5 {
order: 5
}
}
.aspect-landscape,
.aspect-letterbox,
.aspect-responsive,
.aspect-square,
.aspect-wide {
display: block;
width: 100%;
position: relative;
overflow: hidden
}
.aspect-landscape>*,
.aspect-letterbox>*,
.aspect-responsive>*,
.aspect-square>*,
.aspect-wide>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.aspect-landscape,
.aspect-letterbox,
.aspect-square,
.aspect-wide {
height: 0
}
.aspect-responsive {
height: 100%;
padding-top: 0
}
.aspect-landscape {
padding-top: 66.666%
}
.aspect-letterbox {
padding-top: 42.5%
}
.aspect-square {
padding-top: 100%
}
.aspect-wide {
padding-top: 62.5%
}
@media (min-width: 200px) {
.aspect-xs-landscape,
.aspect-xs-letterbox,
.aspect-xs-responsive,
.aspect-xs-square,
.aspect-xs-wide {
display: block;
width: 100%;
position: relative;
overflow: hidden
}
.aspect-xs-landscape>*,
.aspect-xs-letterbox>*,
.aspect-xs-responsive>*,
.aspect-xs-square>*,
.aspect-xs-wide>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.aspect-xs-landscape,
.aspect-xs-letterbox,
.aspect-xs-square,
.aspect-xs-wide {
height: 0
}
.aspect-xs-responsive {
height: 100%;
padding-top: 0
}
.aspect-xs-landscape {
padding-top: 66.666%
}
.aspect-xs-letterbox {
padding-top: 42.5%
}
.aspect-xs-square {
padding-top: 100%
}
.aspect-xs-wide {
padding-top: 62.5%
}
}
@media (min-width: 375px) {
.aspect-sm-landscape,
.aspect-sm-letterbox,
.aspect-sm-responsive,
.aspect-sm-square,
.aspect-sm-wide {
display: block;
width: 100%;
position: relative;
overflow: hidden
}
.aspect-sm-landscape>*,
.aspect-sm-letterbox>*,
.aspect-sm-responsive>*,
.aspect-sm-square>*,
.aspect-sm-wide>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.aspect-sm-landscape,
.aspect-sm-letterbox,
.aspect-sm-square,
.aspect-sm-wide {
height: 0
}
.aspect-sm-responsive {
height: 100%;
padding-top: 0
}
.aspect-sm-landscape {
padding-top: 66.666%
}
.aspect-sm-letterbox {
padding-top: 42.5%
}
.aspect-sm-square {
padding-top: 100%
}
.aspect-sm-wide {
padding-top: 62.5%
}
}
@media (min-width: 528px) {
.aspect-md-landscape,
.aspect-md-letterbox,
.aspect-md-responsive,
.aspect-md-square,
.aspect-md-wide {
display: block;
width: 100%;
position: relative;
overflow: hidden
}
.aspect-md-landscape>*,
.aspect-md-letterbox>*,
.aspect-md-responsive>*,
.aspect-md-square>*,
.aspect-md-wide>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.aspect-md-landscape,
.aspect-md-letterbox,
.aspect-md-square,
.aspect-md-wide {
height: 0
}
.aspect-md-responsive {
height: 100%;
padding-top: 0
}
.aspect-md-landscape {
padding-top: 66.666%
}
.aspect-md-letterbox {
padding-top: 42.5%
}
.aspect-md-square {
padding-top: 100%
}
.aspect-md-wide {
padding-top: 62.5%
}
}
@media (min-width: 834px) {
.aspect-lg-landscape,
.aspect-lg-letterbox,
.aspect-lg-responsive,
.aspect-lg-square,
.aspect-lg-wide {
display: block;
width: 100%;
position: relative;
overflow: hidden
}
.aspect-lg-landscape>*,
.aspect-lg-letterbox>*,
.aspect-lg-responsive>*,
.aspect-lg-square>*,
.aspect-lg-wide>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.aspect-lg-landscape,
.aspect-lg-letterbox,
.aspect-lg-square,
.aspect-lg-wide {
height: 0
}
.aspect-lg-responsive {
height: 100%;
padding-top: 0
}
.aspect-lg-landscape {
padding-top: 66.666%
}
.aspect-lg-letterbox {
padding-top: 42.5%
}
.aspect-lg-square {
padding-top: 100%
}
.aspect-lg-wide {
padding-top: 62.5%
}
}
@media (min-width: 1000px) {
.aspect-xl-landscape,
.aspect-xl-letterbox,
.aspect-xl-responsive,
.aspect-xl-square,
.aspect-xl-wide {
display: block;
width: 100%;
position: relative;
overflow: hidden
}
.aspect-xl-landscape>*,
.aspect-xl-letterbox>*,
.aspect-xl-responsive>*,
.aspect-xl-square>*,
.aspect-xl-wide>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.aspect-xl-landscape,
.aspect-xl-letterbox,
.aspect-xl-square,
.aspect-xl-wide {
height: 0
}
.aspect-xl-responsive {
height: 100%;
padding-top: 0
}
.aspect-xl-landscape {
padding-top: 66.666%
}
.aspect-xl-letterbox {
padding-top: 42.5%
}
.aspect-xl-square {
padding-top: 100%
}
.aspect-xl-wide {
padding-top: 62.5%
}
}
@media (min-width: 1440px) {
.aspect-xxl-landscape,
.aspect-xxl-letterbox,
.aspect-xxl-responsive,
.aspect-xxl-square,
.aspect-xxl-wide {
display: block;
width: 100%;
position: relative;
overflow: hidden
}
.aspect-xxl-landscape>*,
.aspect-xxl-letterbox>*,
.aspect-xxl-responsive>*,
.aspect-xxl-square>*,
.aspect-xxl-wide>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.aspect-xxl-landscape,
.aspect-xxl-letterbox,
.aspect-xxl-square,
.aspect-xxl-wide {
height: 0
}
.aspect-xxl-responsive {
height: 100%;
padding-top: 0
}
.aspect-xxl-landscape {
padding-top: 66.666%
}
.aspect-xxl-letterbox {
padding-top: 42.5%
}
.aspect-xxl-square {
padding-top: 100%
}
.aspect-xxl-wide {
padding-top: 62.5%
}
}
.bg-transparent {
background-color: transparent
}
.bg-accent-blue {
background-color: #0086BF
}
.bg-almost-black {
background-color: #454545
}
.bg-black {
background-color: #000
}
.bg-dark-blue {
background-color: #004f9a
}
.bg-dark-gold {
background-color: #e9a601
}
.bg-dark-teal {
background-color: #20556B
}
.bg-darker-gray {
background-color: #646464
}
.bg-gold {
background-color: #FFB500
}
.bg-gray {
background-color: #707070
}
.bg-gray2 {
background-color: #7C7C7C
}
.bg-gray3 {
background-color: #646464
}
.bg-green {
background-color: #3EAA5C
}
.bg-light-blue {
background-color: #EAF9FF
}
.bg-light-blue2 {
background-color: #D9F4FF
}
.bg-light-gray {
background-color: #F4F4F4
}
.bg-light-gray2 {
background-color: #C4C4C4
}
.bg-light-gray3 {
background-color: #CBCBCB
}
.bg-light-gray4 {
background-color: #E1E1E1
}
.bg-red {
background-color: #DB4F31
}
.bg-royal-blue {
background-color: #005EB8
}
.bg-white {
background-color: #fff
}
@media (min-width: 200px) {
.bg-xs-transparent {
background-color: transparent
}
.bg-xs-accent-blue {
background-color: #0086BF
}
.bg-xs-almost-black {
background-color: #454545
}
.bg-xs-black {
background-color: #000
}
.bg-xs-dark-blue {
background-color: #004f9a
}
.bg-xs-dark-gold {
background-color: #e9a601
}
.bg-xs-dark-teal {
background-color: #20556B
}
.bg-xs-darker-gray {
background-color: #646464
}
.bg-xs-gold {
background-color: #FFB500
}
.bg-xs-gray {
background-color: #707070
}
.bg-xs-gray2 {
background-color: #7C7C7C
}
.bg-xs-gray3 {
background-color: #646464
}
.bg-xs-green {
background-color: #3EAA5C
}
.bg-xs-light-blue {
background-color: #EAF9FF
}
.bg-xs-light-blue2 {
background-color: #D9F4FF
}
.bg-xs-light-gray {
background-color: #F4F4F4
}
.bg-xs-light-gray2 {
background-color: #C4C4C4
}
.bg-xs-light-gray3 {
background-color: #CBCBCB
}
.bg-xs-light-gray4 {
background-color: #E1E1E1
}
.bg-xs-red {
background-color: #DB4F31
}
.bg-xs-royal-blue {
background-color: #005EB8
}
.bg-xs-white {
background-color: #fff
}
}
@media (min-width: 375px) {
.bg-sm-transparent {
background-color: transparent
}
.bg-sm-accent-blue {
background-color: #0086BF
}
.bg-sm-almost-black {
background-color: #454545
}
.bg-sm-black {
background-color: #000
}
.bg-sm-dark-blue {
background-color: #004f9a
}
.bg-sm-dark-gold {
background-color: #e9a601
}
.bg-sm-dark-teal {
background-color: #20556B
}
.bg-sm-darker-gray {
background-color: #646464
}
.bg-sm-gold {
background-color: #FFB500
}
.bg-sm-gray {
background-color: #707070
}
.bg-sm-gray2 {
background-color: #7C7C7C
}
.bg-sm-gray3 {
background-color: #646464
}
.bg-sm-green {
background-color: #3EAA5C
}
.bg-sm-light-blue {
background-color: #EAF9FF
}
.bg-sm-light-blue2 {
background-color: #D9F4FF
}
.bg-sm-light-gray {
background-color: #F4F4F4
}
.bg-sm-light-gray2 {
background-color: #C4C4C4
}
.bg-sm-light-gray3 {
background-color: #CBCBCB
}
.bg-sm-light-gray4 {
background-color: #E1E1E1
}
.bg-sm-red {
background-color: #DB4F31
}
.bg-sm-royal-blue {
background-color: #005EB8
}
.bg-sm-white {
background-color: #fff
}
}
@media (min-width: 528px) {
.bg-md-transparent {
background-color: transparent
}
.bg-md-accent-blue {
background-color: #0086BF
}
.bg-md-almost-black {
background-color: #454545
}
.bg-md-black {
background-color: #000
}
.bg-md-dark-blue {
background-color: #004f9a
}
.bg-md-dark-gold {
background-color: #e9a601
}
.bg-md-dark-teal {
background-color: #20556B
}
.bg-md-darker-gray {
background-color: #646464
}
.bg-md-gold {
background-color: #FFB500
}
.bg-md-gray {
background-color: #707070
}
.bg-md-gray2 {
background-color: #7C7C7C
}
.bg-md-gray3 {
background-color: #646464
}
.bg-md-green {
background-color: #3EAA5C
}
.bg-md-light-blue {
background-color: #EAF9FF
}
.bg-md-light-blue2 {
background-color: #D9F4FF
}
.bg-md-light-gray {
background-color: #F4F4F4
}
.bg-md-light-gray2 {
background-color: #C4C4C4
}
.bg-md-light-gray3 {
background-color: #CBCBCB
}
.bg-md-light-gray4 {
background-color: #E1E1E1
}
.bg-md-red {
background-color: #DB4F31
}
.bg-md-royal-blue {
background-color: #005EB8
}
.bg-md-white {
background-color: #fff
}
}
@media (min-width: 834px) {
.bg-lg-transparent {
background-color: transparent
}
.bg-lg-accent-blue {
background-color: #0086BF
}
.bg-lg-almost-black {
background-color: #454545
}
.bg-lg-black {
background-color: #000
}
.bg-lg-dark-blue {
background-color: #004f9a
}
.bg-lg-dark-gold {
background-color: #e9a601
}
.bg-lg-dark-teal {
background-color: #20556B
}
.bg-lg-darker-gray {
background-color: #646464
}
.bg-lg-gold {
background-color: #FFB500
}
.bg-lg-gray {
background-color: #707070
}
.bg-lg-gray2 {
background-color: #7C7C7C
}
.bg-lg-gray3 {
background-color: #646464
}
.bg-lg-green {
background-color: #3EAA5C
}
.bg-lg-light-blue {
background-color: #EAF9FF
}
.bg-lg-light-blue2 {
background-color: #D9F4FF
}
.bg-lg-light-gray {
background-color: #F4F4F4
}
.bg-lg-light-gray2 {
background-color: #C4C4C4
}
.bg-lg-light-gray3 {
background-color: #CBCBCB
}
.bg-lg-light-gray4 {
background-color: #E1E1E1
}
.bg-lg-red {
background-color: #DB4F31
}
.bg-lg-royal-blue {
background-color: #005EB8
}
.bg-lg-white {
background-color: #fff
}
}
@media (min-width: 1000px) {
.bg-xl-transparent {
background-color: transparent
}
.bg-xl-accent-blue {
background-color: #0086BF
}
.bg-xl-almost-black {
background-color: #454545
}
.bg-xl-black {
background-color: #000
}
.bg-xl-dark-blue {
background-color: #004f9a
}
.bg-xl-dark-gold {
background-color: #e9a601
}
.bg-xl-dark-teal {
background-color: #20556B
}
.bg-xl-darker-gray {
background-color: #646464
}
.bg-xl-gold {
background-color: #FFB500
}
.bg-xl-gray {
background-color: #707070
}
.bg-xl-gray2 {
background-color: #7C7C7C
}
.bg-xl-gray3 {
background-color: #646464
}
.bg-xl-green {
background-color: #3EAA5C
}
.bg-xl-light-blue {
background-color: #EAF9FF
}
.bg-xl-light-blue2 {
background-color: #D9F4FF
}
.bg-xl-light-gray {
background-color: #F4F4F4
}
.bg-xl-light-gray2 {
background-color: #C4C4C4
}
.bg-xl-light-gray3 {
background-color: #CBCBCB
}
.bg-xl-light-gray4 {
background-color: #E1E1E1
}
.bg-xl-red {
background-color: #DB4F31
}
.bg-xl-royal-blue {
background-color: #005EB8
}
.bg-xl-white {
background-color: #fff
}
}
@media (min-width: 1440px) {
.bg-xxl-transparent {
background-color: transparent
}
.bg-xxl-accent-blue {
background-color: #0086BF
}
.bg-xxl-almost-black {
background-color: #454545
}
.bg-xxl-black {
background-color: #000
}
.bg-xxl-dark-blue {
background-color: #004f9a
}
.bg-xxl-dark-gold {
background-color: #e9a601
}
.bg-xxl-dark-teal {
background-color: #20556B
}
.bg-xxl-darker-gray {
background-color: #646464
}
.bg-xxl-gold {
background-color: #FFB500
}
.bg-xxl-gray {
background-color: #707070
}
.bg-xxl-gray2 {
background-color: #7C7C7C
}
.bg-xxl-gray3 {
background-color: #646464
}
.bg-xxl-green {
background-color: #3EAA5C
}
.bg-xxl-light-blue {
background-color: #EAF9FF
}
.bg-xxl-light-blue2 {
background-color: #D9F4FF
}
.bg-xxl-light-gray {
background-color: #F4F4F4
}
.bg-xxl-light-gray2 {
background-color: #C4C4C4
}
.bg-xxl-light-gray3 {
background-color: #CBCBCB
}
.bg-xxl-light-gray4 {
background-color: #E1E1E1
}
.bg-xxl-red {
background-color: #DB4F31
}
.bg-xxl-royal-blue {
background-color: #005EB8
}
.bg-xxl-white {
background-color: #fff
}
}
.box-shadow-none {
box-shadow: none
}
.box-shadow-1 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15)
}
.box-shadow-2 {
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15)
}
.box-shadow-3 {
box-shadow: 0 3px 25px rgba(0, 0, 0, 0.15)
}
@media (min-width: 200px) {
.box-shadow-xs-none {
box-shadow: none
}
.box-shadow-xs-1 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15)
}
.box-shadow-xs-2 {
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15)
}
.box-shadow-xs-3 {
box-shadow: 0 3px 25px rgba(0, 0, 0, 0.15)
}
}
@media (min-width: 375px) {
.box-shadow-sm-none {
box-shadow: none
}
.box-shadow-sm-1 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15)
}
.box-shadow-sm-2 {
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15)
}
.box-shadow-sm-3 {
box-shadow: 0 3px 25px rgba(0, 0, 0, 0.15)
}
}
@media (min-width: 528px) {
.box-shadow-md-none {
box-shadow: none
}
.box-shadow-md-1 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15)
}
.box-shadow-md-2 {
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15)
}
.box-shadow-md-3 {
box-shadow: 0 3px 25px rgba(0, 0, 0, 0.15)
}
}
@media (min-width: 834px) {
.box-shadow-lg-none {
box-shadow: none
}
.box-shadow-lg-1 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15)
}
.box-shadow-lg-2 {
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15)
}
.box-shadow-lg-3 {
box-shadow: 0 3px 25px rgba(0, 0, 0, 0.15)
}
}
@media (min-width: 1000px) {
.box-shadow-xl-none {
box-shadow: none
}
.box-shadow-xl-1 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15)
}
.box-shadow-xl-2 {
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15)
}
.box-shadow-xl-3 {
box-shadow: 0 3px 25px rgba(0, 0, 0, 0.15)
}
}
@media (min-width: 1440px) {
.box-shadow-xxl-none {
box-shadow: none
}
.box-shadow-xxl-1 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15)
}
.box-shadow-xxl-2 {
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15)
}
.box-shadow-xxl-3 {
box-shadow: 0 3px 25px rgba(0, 0, 0, 0.15)
}
}
.d-block {
display: block
}
.d-flex {
display: flex
}
.d-inline-block {
display: inline-block
}
.d-inline-flex {
display: inline-flex
}
.d-none {
display: none
}
@media (min-width: 200px) {
.d-xs-block {
display: block
}
.d-xs-flex {
display: flex
}
.d-xs-inline-block {
display: inline-block
}
.d-xs-inline-flex {
display: inline-flex
}
.d-xs-none {
display: none
}
}
@media (min-width: 375px) {
.d-sm-block {
display: block
}
.d-sm-flex {
display: flex
}
.d-sm-inline-block {
display: inline-block
}
.d-sm-inline-flex {
display: inline-flex
}
.d-sm-none {
display: none
}
}
@media (min-width: 528px) {
.d-md-block {
display: block
}
.d-md-flex {
display: flex
}
.d-md-inline-block {
display: inline-block
}
.d-md-inline-flex {
display: inline-flex
}
.d-md-none {
display: none
}
}
@media (min-width: 834px) {
.d-lg-block {
display: block
}
.d-lg-flex {
display: flex
}
.d-lg-inline-block {
display: inline-block
}
.d-lg-inline-flex {
display: inline-flex
}
.d-lg-none {
display: none
}
}
@media (min-width: 1000px) {
.d-xl-block {
display: block
}
.d-xl-flex {
display: flex
}
.d-xl-inline-block {
display: inline-block
}
.d-xl-inline-flex {
display: inline-flex
}
.d-xl-none {
display: none
}
}
@media (min-width: 1440px) {
.d-xxl-block {
display: block
}
.d-xxl-flex {
display: flex
}
.d-xxl-inline-block {
display: inline-block
}
.d-xxl-inline-flex {
display: inline-flex
}
.d-xxl-none {
display: none
}
}
.p-0 {
padding: 0px
}
.p-t-0,
.p-y-0 {
padding-top: 0px
}
.p-b-0,
.p-y-0 {
padding-bottom: 0px
}
.p-r-0,
.p-x-0 {
padding-right: 0px
}
.p-l-0,
.p-x-0 {
padding-left: 0px
}
.p-1 {
padding: 4px
}
.p-t-1,
.p-y-1 {
padding-top: 4px
}
.p-b-1,
.p-y-1 {
padding-bottom: 4px
}
.p-r-1,
.p-x-1 {
padding-right: 4px
}
.p-l-1,
.p-x-1 {
padding-left: 4px
}
.p-2 {
padding: 8px
}
.p-t-2,
.p-y-2 {
padding-top: 8px
}
.p-b-2,
.p-y-2 {
padding-bottom: 8px
}
.p-r-2,
.p-x-2 {
padding-right: 8px
}
.p-l-2,
.p-x-2 {
padding-left: 8px
}
.p-3 {
padding: 12px
}
.p-t-3,
.p-y-3 {
padding-top: 12px
}
.p-b-3,
.p-y-3 {
padding-bottom: 12px
}
.p-r-3,
.p-x-3 {
padding-right: 12px
}
.p-l-3,
.p-x-3 {
padding-left: 12px
}
.p-4 {
padding: 16px
}
.p-t-4,
.p-y-4 {
padding-top: 16px
}
.p-b-4,
.p-y-4 {
padding-bottom: 16px
}
.p-r-4,
.p-x-4 {
padding-right: 16px
}
.p-l-4,
.p-x-4 {
padding-left: 16px
}
.p-5 {
padding: 24px
}
.p-t-5,
.p-y-5 {
padding-top: 24px
}
.p-b-5,
.p-y-5 {
padding-bottom: 24px
}
.p-r-5,
.p-x-5 {
padding-right: 24px
}
.p-l-5,
.p-x-5 {
padding-left: 24px
}
.p-6 {
padding: 32px
}
.p-t-6,
.p-y-6 {
padding-top: 32px
}
.p-b-6,
.p-y-6 {
padding-bottom: 32px
}
.p-r-6,
.p-x-6 {
padding-right: 32px
}
.p-l-6,
.p-x-6 {
padding-left: 32px
}
.p-7 {
padding: 40px
}
.p-t-7,
.p-y-7 {
padding-top: 40px
}
.p-b-7,
.p-y-7 {
padding-bottom: 40px
}
.p-r-7,
.p-x-7 {
padding-right: 40px
}
.p-l-7,
.p-x-7 {
padding-left: 40px
}
.p-8 {
padding: 72px
}
.p-t-8,
.p-y-8 {
padding-top: 72px
}
.p-b-8,
.p-y-8 {
padding-bottom: 72px
}
.p-r-8,
.p-x-8 {
padding-right: 72px
}
.p-l-8,
.p-x-8 {
padding-left: 72px
}
.p-9 {
padding: 112px
}
.p-t-9,
.p-y-9 {
padding-top: 112px
}
.p-b-9,
.p-y-9 {
padding-bottom: 112px
}
.p-r-9,
.p-x-9 {
padding-right: 112px
}
.p-l-9,
.p-x-9 {
padding-left: 112px
}
@media (min-width: 200px) {
.p-xs-0 {
padding: 0px
}
.p-xs-t-0,
.p-xs-y-0 {
padding-top: 0px
}
.p-xs-b-0,
.p-xs-y-0 {
padding-bottom: 0px
}
.p-xs-r-0,
.p-xs-x-0 {
padding-right: 0px
}
.p-xs-l-0,
.p-xs-x-0 {
padding-left: 0px
}
.p-xs-1 {
padding: 4px
}
.p-xs-t-1,
.p-xs-y-1 {
padding-top: 4px
}
.p-xs-b-1,
.p-xs-y-1 {
padding-bottom: 4px
}
.p-xs-r-1,
.p-xs-x-1 {
padding-right: 4px
}
.p-xs-l-1,
.p-xs-x-1 {
padding-left: 4px
}
.p-xs-2 {
padding: 8px
}
.p-xs-t-2,
.p-xs-y-2 {
padding-top: 8px
}
.p-xs-b-2,
.p-xs-y-2 {
padding-bottom: 8px
}
.p-xs-r-2,
.p-xs-x-2 {
padding-right: 8px
}
.p-xs-l-2,
.p-xs-x-2 {
padding-left: 8px
}
.p-xs-3 {
padding: 12px
}
.p-xs-t-3,
.p-xs-y-3 {
padding-top: 12px
}
.p-xs-b-3,
.p-xs-y-3 {
padding-bottom: 12px
}
.p-xs-r-3,
.p-xs-x-3 {
padding-right: 12px
}
.p-xs-l-3,
.p-xs-x-3 {
padding-left: 12px
}
.p-xs-4 {
padding: 16px
}
.p-xs-t-4,
.p-xs-y-4 {
padding-top: 16px
}
.p-xs-b-4,
.p-xs-y-4 {
padding-bottom: 16px
}
.p-xs-r-4,
.p-xs-x-4 {
padding-right: 16px
}
.p-xs-l-4,
.p-xs-x-4 {
padding-left: 16px
}
.p-xs-5 {
padding: 24px
}
.p-xs-t-5,
.p-xs-y-5 {
padding-top: 24px
}
.p-xs-b-5,
.p-xs-y-5 {
padding-bottom: 24px
}
.p-xs-r-5,
.p-xs-x-5 {
padding-right: 24px
}
.p-xs-l-5,
.p-xs-x-5 {
padding-left: 24px
}
.p-xs-6 {
padding: 32px
}
.p-xs-t-6,
.p-xs-y-6 {
padding-top: 32px
}
.p-xs-b-6,
.p-xs-y-6 {
padding-bottom: 32px
}
.p-xs-r-6,
.p-xs-x-6 {
padding-right: 32px
}
.p-xs-l-6,
.p-xs-x-6 {
padding-left: 32px
}
.p-xs-7 {
padding: 40px
}
.p-xs-t-7,
.p-xs-y-7 {
padding-top: 40px
}
.p-xs-b-7,
.p-xs-y-7 {
padding-bottom: 40px
}
.p-xs-r-7,
.p-xs-x-7 {
padding-right: 40px
}
.p-xs-l-7,
.p-xs-x-7 {
padding-left: 40px
}
.p-xs-8 {
padding: 72px
}
.p-xs-t-8,
.p-xs-y-8 {
padding-top: 72px
}
.p-xs-b-8,
.p-xs-y-8 {
padding-bottom: 72px
}
.p-xs-r-8,
.p-xs-x-8 {
padding-right: 72px
}
.p-xs-l-8,
.p-xs-x-8 {
padding-left: 72px
}
.p-xs-9 {
padding: 112px
}
.p-xs-t-9,
.p-xs-y-9 {
padding-top: 112px
}
.p-xs-b-9,
.p-xs-y-9 {
padding-bottom: 112px
}
.p-xs-r-9,
.p-xs-x-9 {
padding-right: 112px
}
.p-xs-l-9,
.p-xs-x-9 {
padding-left: 112px
}
}
@media (min-width: 375px) {
.p-sm-0 {
padding: 0px
}
.p-sm-t-0,
.p-sm-y-0 {
padding-top: 0px
}
.p-sm-b-0,
.p-sm-y-0 {
padding-bottom: 0px
}
.p-sm-r-0,
.p-sm-x-0 {
padding-right: 0px
}
.p-sm-l-0,
.p-sm-x-0 {
padding-left: 0px
}
.p-sm-1 {
padding: 4px
}
.p-sm-t-1,
.p-sm-y-1 {
padding-top: 4px
}
.p-sm-b-1,
.p-sm-y-1 {
padding-bottom: 4px
}
.p-sm-r-1,
.p-sm-x-1 {
padding-right: 4px
}
.p-sm-l-1,
.p-sm-x-1 {
padding-left: 4px
}
.p-sm-2 {
padding: 8px
}
.p-sm-t-2,
.p-sm-y-2 {
padding-top: 8px
}
.p-sm-b-2,
.p-sm-y-2 {
padding-bottom: 8px
}
.p-sm-r-2,
.p-sm-x-2 {
padding-right: 8px
}
.p-sm-l-2,
.p-sm-x-2 {
padding-left: 8px
}
.p-sm-3 {
padding: 12px
}
.p-sm-t-3,
.p-sm-y-3 {
padding-top: 12px
}
.p-sm-b-3,
.p-sm-y-3 {
padding-bottom: 12px
}
.p-sm-r-3,
.p-sm-x-3 {
padding-right: 12px
}
.p-sm-l-3,
.p-sm-x-3 {
padding-left: 12px
}
.p-sm-4 {
padding: 16px
}
.p-sm-t-4,
.p-sm-y-4 {
padding-top: 16px
}
.p-sm-b-4,
.p-sm-y-4 {
padding-bottom: 16px
}
.p-sm-r-4,
.p-sm-x-4 {
padding-right: 16px
}
.p-sm-l-4,
.p-sm-x-4 {
padding-left: 16px
}
.p-sm-5 {
padding: 24px
}
.p-sm-t-5,
.p-sm-y-5 {
padding-top: 24px
}
.p-sm-b-5,
.p-sm-y-5 {
padding-bottom: 24px
}
.p-sm-r-5,
.p-sm-x-5 {
padding-right: 24px
}
.p-sm-l-5,
.p-sm-x-5 {
padding-left: 24px
}
.p-sm-6 {
padding: 32px
}
.p-sm-t-6,
.p-sm-y-6 {
padding-top: 32px
}
.p-sm-b-6,
.p-sm-y-6 {
padding-bottom: 32px
}
.p-sm-r-6,
.p-sm-x-6 {
padding-right: 32px
}
.p-sm-l-6,
.p-sm-x-6 {
padding-left: 32px
}
.p-sm-7 {
padding: 40px
}
.p-sm-t-7,
.p-sm-y-7 {
padding-top: 40px
}
.p-sm-b-7,
.p-sm-y-7 {
padding-bottom: 40px
}
.p-sm-r-7,
.p-sm-x-7 {
padding-right: 40px
}
.p-sm-l-7,
.p-sm-x-7 {
padding-left: 40px
}
.p-sm-8 {
padding: 72px
}
.p-sm-t-8,
.p-sm-y-8 {
padding-top: 72px
}
.p-sm-b-8,
.p-sm-y-8 {
padding-bottom: 72px
}
.p-sm-r-8,
.p-sm-x-8 {
padding-right: 72px
}
.p-sm-l-8,
.p-sm-x-8 {
padding-left: 72px
}
.p-sm-9 {
padding: 112px
}
.p-sm-t-9,
.p-sm-y-9 {
padding-top: 112px
}
.p-sm-b-9,
.p-sm-y-9 {
padding-bottom: 112px
}
.p-sm-r-9,
.p-sm-x-9 {
padding-right: 112px
}
.p-sm-l-9,
.p-sm-x-9 {
padding-left: 112px
}
}
@media (min-width: 528px) {
.p-md-0 {
padding: 0px
}
.p-md-t-0,
.p-md-y-0 {
padding-top: 0px
}
.p-md-b-0,
.p-md-y-0 {
padding-bottom: 0px
}
.p-md-r-0,
.p-md-x-0 {
padding-right: 0px
}
.p-md-l-0,
.p-md-x-0 {
padding-left: 0px
}
.p-md-1 {
padding: 4px
}
.p-md-t-1,
.p-md-y-1 {
padding-top: 4px
}
.p-md-b-1,
.p-md-y-1 {
padding-bottom: 4px
}
.p-md-r-1,
.p-md-x-1 {
padding-right: 4px
}
.p-md-l-1,
.p-md-x-1 {
padding-left: 4px
}
.p-md-2 {
padding: 8px
}
.p-md-t-2,
.p-md-y-2 {
padding-top: 8px
}
.p-md-b-2,
.p-md-y-2 {
padding-bottom: 8px
}
.p-md-r-2,
.p-md-x-2 {
padding-right: 8px
}
.p-md-l-2,
.p-md-x-2 {
padding-left: 8px
}
.p-md-3 {
padding: 12px
}
.p-md-t-3,
.p-md-y-3 {
padding-top: 12px
}
.p-md-b-3,
.p-md-y-3 {
padding-bottom: 12px
}
.p-md-r-3,
.p-md-x-3 {
padding-right: 12px
}
.p-md-l-3,
.p-md-x-3 {
padding-left: 12px
}
.p-md-4 {
padding: 16px
}
.p-md-t-4,
.p-md-y-4 {
padding-top: 16px
}
.p-md-b-4,
.p-md-y-4 {
padding-bottom: 16px
}
.p-md-r-4,
.p-md-x-4 {
padding-right: 16px
}
.p-md-l-4,
.p-md-x-4 {
padding-left: 16px
}
.p-md-5 {
padding: 24px
}
.p-md-t-5,
.p-md-y-5 {
padding-top: 24px
}
.p-md-b-5,
.p-md-y-5 {
padding-bottom: 24px
}
.p-md-r-5,
.p-md-x-5 {
padding-right: 24px
}
.p-md-l-5,
.p-md-x-5 {
padding-left: 24px
}
.p-md-6 {
padding: 32px
}
.p-md-t-6,
.p-md-y-6 {
padding-top: 32px
}
.p-md-b-6,
.p-md-y-6 {
padding-bottom: 32px
}
.p-md-r-6,
.p-md-x-6 {
padding-right: 32px
}
.p-md-l-6,
.p-md-x-6 {
padding-left: 32px
}
.p-md-7 {
padding: 40px
}
.p-md-t-7,
.p-md-y-7 {
padding-top: 40px
}
.p-md-b-7,
.p-md-y-7 {
padding-bottom: 40px
}
.p-md-r-7,
.p-md-x-7 {
padding-right: 40px
}
.p-md-l-7,
.p-md-x-7 {
padding-left: 40px
}
.p-md-8 {
padding: 72px
}
.p-md-t-8,
.p-md-y-8 {
padding-top: 72px
}
.p-md-b-8,
.p-md-y-8 {
padding-bottom: 72px
}
.p-md-r-8,
.p-md-x-8 {
padding-right: 72px
}
.p-md-l-8,
.p-md-x-8 {
padding-left: 72px
}
.p-md-9 {
padding: 112px
}
.p-md-t-9,
.p-md-y-9 {
padding-top: 112px
}
.p-md-b-9,
.p-md-y-9 {
padding-bottom: 112px
}
.p-md-r-9,
.p-md-x-9 {
padding-right: 112px
}
.p-md-l-9,
.p-md-x-9 {
padding-left: 112px
}
}
@media (min-width: 834px) {
.p-lg-0 {
padding: 0px
}
.p-lg-t-0,
.p-lg-y-0 {
padding-top: 0px
}
.p-lg-b-0,
.p-lg-y-0 {
padding-bottom: 0px
}
.p-lg-r-0,
.p-lg-x-0 {
padding-right: 0px
}
.p-lg-l-0,
.p-lg-x-0 {
padding-left: 0px
}
.p-lg-1 {
padding: 4px
}
.p-lg-t-1,
.p-lg-y-1 {
padding-top: 4px
}
.p-lg-b-1,
.p-lg-y-1 {
padding-bottom: 4px
}
.p-lg-r-1,
.p-lg-x-1 {
padding-right: 4px
}
.p-lg-l-1,
.p-lg-x-1 {
padding-left: 4px
}
.p-lg-2 {
padding: 8px
}
.p-lg-t-2,
.p-lg-y-2 {
padding-top: 8px
}
.p-lg-b-2,
.p-lg-y-2 {
padding-bottom: 8px
}
.p-lg-r-2,
.p-lg-x-2 {
padding-right: 8px
}
.p-lg-l-2,
.p-lg-x-2 {
padding-left: 8px
}
.p-lg-3 {
padding: 12px
}
.p-lg-t-3,
.p-lg-y-3 {
padding-top: 12px
}
.p-lg-b-3,
.p-lg-y-3 {
padding-bottom: 12px
}
.p-lg-r-3,
.p-lg-x-3 {
padding-right: 12px
}
.p-lg-l-3,
.p-lg-x-3 {
padding-left: 12px
}
.p-lg-4 {
padding: 16px
}
.p-lg-t-4,
.p-lg-y-4 {
padding-top: 16px
}
.p-lg-b-4,
.p-lg-y-4 {
padding-bottom: 16px
}
.p-lg-r-4,
.p-lg-x-4 {
padding-right: 16px
}
.p-lg-l-4,
.p-lg-x-4 {
padding-left: 16px
}
.p-lg-5 {
padding: 24px
}
.p-lg-t-5,
.p-lg-y-5 {
padding-top: 24px
}
.p-lg-b-5,
.p-lg-y-5 {
padding-bottom: 24px
}
.p-lg-r-5,
.p-lg-x-5 {
padding-right: 24px
}
.p-lg-l-5,
.p-lg-x-5 {
padding-left: 24px
}
.p-lg-6 {
padding: 32px
}
.p-lg-t-6,
.p-lg-y-6 {
padding-top: 32px
}
.p-lg-b-6,
.p-lg-y-6 {
padding-bottom: 32px
}
.p-lg-r-6,
.p-lg-x-6 {
padding-right: 32px
}
.p-lg-l-6,
.p-lg-x-6 {
padding-left: 32px
}
.p-lg-7 {
padding: 40px
}
.p-lg-t-7,
.p-lg-y-7 {
padding-top: 40px
}
.p-lg-b-7,
.p-lg-y-7 {
padding-bottom: 40px
}
.p-lg-r-7,
.p-lg-x-7 {
padding-right: 40px
}
.p-lg-l-7,
.p-lg-x-7 {
padding-left: 40px
}
.p-lg-8 {
padding: 72px
}
.p-lg-t-8,
.p-lg-y-8 {
padding-top: 72px
}
.p-lg-b-8,
.p-lg-y-8 {
padding-bottom: 72px
}
.p-lg-r-8,
.p-lg-x-8 {
padding-right: 72px
}
.p-lg-l-8,
.p-lg-x-8 {
padding-left: 72px
}
.p-lg-9 {
padding: 112px
}
.p-lg-t-9,
.p-lg-y-9 {
padding-top: 112px
}
.p-lg-b-9,
.p-lg-y-9 {
padding-bottom: 112px
}
.p-lg-r-9,
.p-lg-x-9 {
padding-right: 112px
}
.p-lg-l-9,
.p-lg-x-9 {
padding-left: 112px
}
}
@media (min-width: 1000px) {
.p-xl-0 {
padding: 0px
}
.p-xl-t-0,
.p-xl-y-0 {
padding-top: 0px
}
.p-xl-b-0,
.p-xl-y-0 {
padding-bottom: 0px
}
.p-xl-r-0,
.p-xl-x-0 {
padding-right: 0px
}
.p-xl-l-0,
.p-xl-x-0 {
padding-left: 0px
}
.p-xl-1 {
padding: 4px
}
.p-xl-t-1,
.p-xl-y-1 {
padding-top: 4px
}
.p-xl-b-1,
.p-xl-y-1 {
padding-bottom: 4px
}
.p-xl-r-1,
.p-xl-x-1 {
padding-right: 4px
}
.p-xl-l-1,
.p-xl-x-1 {
padding-left: 4px
}
.p-xl-2 {
padding: 8px
}
.p-xl-t-2,
.p-xl-y-2 {
padding-top: 8px
}
.p-xl-b-2,
.p-xl-y-2 {
padding-bottom: 8px
}
.p-xl-r-2,
.p-xl-x-2 {
padding-right: 8px
}
.p-xl-l-2,
.p-xl-x-2 {
padding-left: 8px
}
.p-xl-3 {
padding: 12px
}
.p-xl-t-3,
.p-xl-y-3 {
padding-top: 12px
}
.p-xl-b-3,
.p-xl-y-3 {
padding-bottom: 12px
}
.p-xl-r-3,
.p-xl-x-3 {
padding-right: 12px
}
.p-xl-l-3,
.p-xl-x-3 {
padding-left: 12px
}
.p-xl-4 {
padding: 16px
}
.p-xl-t-4,
.p-xl-y-4 {
padding-top: 16px
}
.p-xl-b-4,
.p-xl-y-4 {
padding-bottom: 16px
}
.p-xl-r-4,
.p-xl-x-4 {
padding-right: 16px
}
.p-xl-l-4,
.p-xl-x-4 {
padding-left: 16px
}
.p-xl-5 {
padding: 24px
}
.p-xl-t-5,
.p-xl-y-5 {
padding-top: 24px
}
.p-xl-b-5,
.p-xl-y-5 {
padding-bottom: 24px
}
.p-xl-r-5,
.p-xl-x-5 {
padding-right: 24px
}
.p-xl-l-5,
.p-xl-x-5 {
padding-left: 24px
}
.p-xl-6 {
padding: 32px
}
.p-xl-t-6,
.p-xl-y-6 {
padding-top: 32px
}
.p-xl-b-6,
.p-xl-y-6 {
padding-bottom: 32px
}
.p-xl-r-6,
.p-xl-x-6 {
padding-right: 32px
}
.p-xl-l-6,
.p-xl-x-6 {
padding-left: 32px
}
.p-xl-7 {
padding: 40px
}
.p-xl-t-7,
.p-xl-y-7 {
padding-top: 40px
}
.p-xl-b-7,
.p-xl-y-7 {
padding-bottom: 40px
}
.p-xl-r-7,
.p-xl-x-7 {
padding-right: 40px
}
.p-xl-l-7,
.p-xl-x-7 {
padding-left: 40px
}
.p-xl-8 {
padding: 72px
}
.p-xl-t-8,
.p-xl-y-8 {
padding-top: 72px
}
.p-xl-b-8,
.p-xl-y-8 {
padding-bottom: 72px
}
.p-xl-r-8,
.p-xl-x-8 {
padding-right: 72px
}
.p-xl-l-8,
.p-xl-x-8 {
padding-left: 72px
}
.p-xl-9 {
padding: 112px
}
.p-xl-t-9,
.p-xl-y-9 {
padding-top: 112px
}
.p-xl-b-9,
.p-xl-y-9 {
padding-bottom: 112px
}
.p-xl-r-9,
.p-xl-x-9 {
padding-right: 112px
}
.p-xl-l-9,
.p-xl-x-9 {
padding-left: 112px
}
}
@media (min-width: 1440px) {
.p-xxl-0 {
padding: 0px
}
.p-xxl-t-0,
.p-xxl-y-0 {
padding-top: 0px
}
.p-xxl-b-0,
.p-xxl-y-0 {
padding-bottom: 0px
}
.p-xxl-r-0,
.p-xxl-x-0 {
padding-right: 0px
}
.p-xxl-l-0,
.p-xxl-x-0 {
padding-left: 0px
}
.p-xxl-1 {
padding: 4px
}
.p-xxl-t-1,
.p-xxl-y-1 {
padding-top: 4px
}
.p-xxl-b-1,
.p-xxl-y-1 {
padding-bottom: 4px
}
.p-xxl-r-1,
.p-xxl-x-1 {
padding-right: 4px
}
.p-xxl-l-1,
.p-xxl-x-1 {
padding-left: 4px
}
.p-xxl-2 {
padding: 8px
}
.p-xxl-t-2,
.p-xxl-y-2 {
padding-top: 8px
}
.p-xxl-b-2,
.p-xxl-y-2 {
padding-bottom: 8px
}
.p-xxl-r-2,
.p-xxl-x-2 {
padding-right: 8px
}
.p-xxl-l-2,
.p-xxl-x-2 {
padding-left: 8px
}
.p-xxl-3 {
padding: 12px
}
.p-xxl-t-3,
.p-xxl-y-3 {
padding-top: 12px
}
.p-xxl-b-3,
.p-xxl-y-3 {
padding-bottom: 12px
}
.p-xxl-r-3,
.p-xxl-x-3 {
padding-right: 12px
}
.p-xxl-l-3,
.p-xxl-x-3 {
padding-left: 12px
}
.p-xxl-4 {
padding: 16px
}
.p-xxl-t-4,
.p-xxl-y-4 {
padding-top: 16px
}
.p-xxl-b-4,
.p-xxl-y-4 {
padding-bottom: 16px
}
.p-xxl-r-4,
.p-xxl-x-4 {
padding-right: 16px
}
.p-xxl-l-4,
.p-xxl-x-4 {
padding-left: 16px
}
.p-xxl-5 {
padding: 24px
}
.p-xxl-t-5,
.p-xxl-y-5 {
padding-top: 24px
}
.p-xxl-b-5,
.p-xxl-y-5 {
padding-bottom: 24px
}
.p-xxl-r-5,
.p-xxl-x-5 {
padding-right: 24px
}
.p-xxl-l-5,
.p-xxl-x-5 {
padding-left: 24px
}
.p-xxl-6 {
padding: 32px
}
.p-xxl-t-6,
.p-xxl-y-6 {
padding-top: 32px
}
.p-xxl-b-6,
.p-xxl-y-6 {
padding-bottom: 32px
}
.p-xxl-r-6,
.p-xxl-x-6 {
padding-right: 32px
}
.p-xxl-l-6,
.p-xxl-x-6 {
padding-left: 32px
}
.p-xxl-7 {
padding: 40px
}
.p-xxl-t-7,
.p-xxl-y-7 {
padding-top: 40px
}
.p-xxl-b-7,
.p-xxl-y-7 {
padding-bottom: 40px
}
.p-xxl-r-7,
.p-xxl-x-7 {
padding-right: 40px
}
.p-xxl-l-7,
.p-xxl-x-7 {
padding-left: 40px
}
.p-xxl-8 {
padding: 72px
}
.p-xxl-t-8,
.p-xxl-y-8 {
padding-top: 72px
}
.p-xxl-b-8,
.p-xxl-y-8 {
padding-bottom: 72px
}
.p-xxl-r-8,
.p-xxl-x-8 {
padding-right: 72px
}
.p-xxl-l-8,
.p-xxl-x-8 {
padding-left: 72px
}
.p-xxl-9 {
padding: 112px
}
.p-xxl-t-9,
.p-xxl-y-9 {
padding-top: 112px
}
.p-xxl-b-9,
.p-xxl-y-9 {
padding-bottom: 112px
}
.p-xxl-r-9,
.p-xxl-x-9 {
padding-right: 112px
}
.p-xxl-l-9,
.p-xxl-x-9 {
padding-left: 112px
}
}
.m-x-auto {
margin-right: auto;
margin-left: auto
}
.m-0 {
margin: 0px
}
.m-t-0,
.m-y-0 {
margin-top: 0px
}
.m-b-0,
.m-y-0 {
margin-bottom: 0px
}
.m-r-0,
.m-x-0 {
margin-right: 0px
}
.m-l-0,
.m-x-0 {
margin-left: 0px
}
.m-1 {
margin: 4px
}
.m-t-1,
.m-y-1 {
margin-top: 4px
}
.m-b-1,
.m-y-1 {
margin-bottom: 4px
}
.m-r-1,
.m-x-1 {
margin-right: 4px
}
.m-l-1,
.m-x-1 {
margin-left: 4px
}
.m-n1 {
margin: -4px
}
.m-t-n1,
.m-y-n1 {
margin-top: -4px
}
.m-b-n1,
.m-y-n1 {
margin-bottom: -4px
}
.m-r-n1,
.m-x-n1 {
margin-right: -4px
}
.m-l-n1,
.m-x-n1 {
margin-left: -4px
}
.m-2 {
margin: 8px
}
.m-t-2,
.m-y-2 {
margin-top: 8px
}
.m-b-2,
.m-y-2 {
margin-bottom: 8px
}
.m-r-2,
.m-x-2 {
margin-right: 8px
}
.m-l-2,
.m-x-2 {
margin-left: 8px
}
.m-n2 {
margin: -8px
}
.m-t-n2,
.m-y-n2 {
margin-top: -8px
}
.m-b-n2,
.m-y-n2 {
margin-bottom: -8px
}
.m-r-n2,
.m-x-n2 {
margin-right: -8px
}
.m-l-n2,
.m-x-n2 {
margin-left: -8px
}
.m-3 {
margin: 12px
}
.m-t-3,
.m-y-3 {
margin-top: 12px
}
.m-b-3,
.m-y-3 {
margin-bottom: 12px
}
.m-r-3,
.m-x-3 {
margin-right: 12px
}
.m-l-3,
.m-x-3 {
margin-left: 12px
}
.m-n3 {
margin: -12px
}
.m-t-n3,
.m-y-n3 {
margin-top: -12px
}
.m-b-n3,
.m-y-n3 {
margin-bottom: -12px
}
.m-r-n3,
.m-x-n3 {
margin-right: -12px
}
.m-l-n3,
.m-x-n3 {
margin-left: -12px
}
.m-4 {
margin: 16px
}
.m-t-4,
.m-y-4 {
margin-top: 16px
}
.m-b-4,
.m-y-4 {
margin-bottom: 16px
}
.m-r-4,
.m-x-4 {
margin-right: 16px
}
.m-l-4,
.m-x-4 {
margin-left: 16px
}
.m-n4 {
margin: -16px
}
.m-t-n4,
.m-y-n4 {
margin-top: -16px
}
.m-b-n4,
.m-y-n4 {
margin-bottom: -16px
}
.m-r-n4,
.m-x-n4 {
margin-right: -16px
}
.m-l-n4,
.m-x-n4 {
margin-left: -16px
}
.m-5 {
margin: 24px
}
.m-t-5,
.m-y-5 {
margin-top: 24px
}
.m-b-5,
.m-y-5 {
margin-bottom: 24px
}
.m-r-5,
.m-x-5 {
margin-right: 24px
}
.m-l-5,
.m-x-5 {
margin-left: 24px
}
.m-n5 {
margin: -24px
}
.m-t-n5,
.m-y-n5 {
margin-top: -24px
}
.m-b-n5,
.m-y-n5 {
margin-bottom: -24px
}
.m-r-n5,
.m-x-n5 {
margin-right: -24px
}
.m-l-n5,
.m-x-n5 {
margin-left: -24px
}
.m-6 {
margin: 32px
}
.m-t-6,
.m-y-6 {
margin-top: 32px
}
.m-b-6,
.m-y-6 {
margin-bottom: 32px
}
.m-r-6,
.m-x-6 {
margin-right: 32px
}
.m-l-6,
.m-x-6 {
margin-left: 32px
}
.m-n6 {
margin: -32px
}
.m-t-n6,
.m-y-n6 {
margin-top: -32px
}
.m-b-n6,
.m-y-n6 {
margin-bottom: -32px
}
.m-r-n6,
.m-x-n6 {
margin-right: -32px
}
.m-l-n6,
.m-x-n6 {
margin-left: -32px
}
.m-7 {
margin: 40px
}
.m-t-7,
.m-y-7 {
margin-top: 40px
}
.m-b-7,
.m-y-7 {
margin-bottom: 40px
}
.m-r-7,
.m-x-7 {
margin-right: 40px
}
.m-l-7,
.m-x-7 {
margin-left: 40px
}
.m-n7 {
margin: -40px
}
.m-t-n7,
.m-y-n7 {
margin-top: -40px
}
.m-b-n7,
.m-y-n7 {
margin-bottom: -40px
}
.m-r-n7,
.m-x-n7 {
margin-right: -40px
}
.m-l-n7,
.m-x-n7 {
margin-left: -40px
}
.m-8 {
margin: 72px
}
.m-t-8,
.m-y-8 {
margin-top: 72px
}
.m-b-8,
.m-y-8 {
margin-bottom: 72px
}
.m-r-8,
.m-x-8 {
margin-right: 72px
}
.m-l-8,
.m-x-8 {
margin-left: 72px
}
.m-n8 {
margin: -72px
}
.m-t-n8,
.m-y-n8 {
margin-top: -72px
}
.m-b-n8,
.m-y-n8 {
margin-bottom: -72px
}
.m-r-n8,
.m-x-n8 {
margin-right: -72px
}
.m-l-n8,
.m-x-n8 {
margin-left: -72px
}
.m-9 {
margin: 112px
}
.m-t-9,
.m-y-9 {
margin-top: 112px
}
.m-b-9,
.m-y-9 {
margin-bottom: 112px
}
.m-r-9,
.m-x-9 {
margin-right: 112px
}
.m-l-9,
.m-x-9 {
margin-left: 112px
}
.m-n9 {
margin: -112px
}
.m-t-n9,
.m-y-n9 {
margin-top: -112px
}
.m-b-n9,
.m-y-n9 {
margin-bottom: -112px
}
.m-r-n9,
.m-x-n9 {
margin-right: -112px
}
.m-l-n9,
.m-x-n9 {
margin-left: -112px
}
@media (min-width: 200px) {
.m-xs-x-auto {
margin-right: auto;
margin-left: auto
}
.m-xs-0 {
margin: 0px
}
.m-xs-t-0,
.m-xs-y-0 {
margin-top: 0px
}
.m-xs-b-0,
.m-xs-y-0 {
margin-bottom: 0px
}
.m-xs-r-0,
.m-xs-x-0 {
margin-right: 0px
}
.m-xs-l-0,
.m-xs-x-0 {
margin-left: 0px
}
.m-xs-1 {
margin: 4px
}
.m-xs-t-1,
.m-xs-y-1 {
margin-top: 4px
}
.m-xs-b-1,
.m-xs-y-1 {
margin-bottom: 4px
}
.m-xs-r-1,
.m-xs-x-1 {
margin-right: 4px
}
.m-xs-l-1,
.m-xs-x-1 {
margin-left: 4px
}
.m-xs-n1 {
margin: -4px
}
.m-xs-t-n1,
.m-xs-y-n1 {
margin-top: -4px
}
.m-xs-b-n1,
.m-xs-y-n1 {
margin-bottom: -4px
}
.m-xs-r-n1,
.m-xs-x-n1 {
margin-right: -4px
}
.m-xs-l-n1,
.m-xs-x-n1 {
margin-left: -4px
}
.m-xs-2 {
margin: 8px
}
.m-xs-t-2,
.m-xs-y-2 {
margin-top: 8px
}
.m-xs-b-2,
.m-xs-y-2 {
margin-bottom: 8px
}
.m-xs-r-2,
.m-xs-x-2 {
margin-right: 8px
}
.m-xs-l-2,
.m-xs-x-2 {
margin-left: 8px
}
.m-xs-n2 {
margin: -8px
}
.m-xs-t-n2,
.m-xs-y-n2 {
margin-top: -8px
}
.m-xs-b-n2,
.m-xs-y-n2 {
margin-bottom: -8px
}
.m-xs-r-n2,
.m-xs-x-n2 {
margin-right: -8px
}
.m-xs-l-n2,
.m-xs-x-n2 {
margin-left: -8px
}
.m-xs-3 {
margin: 12px
}
.m-xs-t-3,
.m-xs-y-3 {
margin-top: 12px
}
.m-xs-b-3,
.m-xs-y-3 {
margin-bottom: 12px
}
.m-xs-r-3,
.m-xs-x-3 {
margin-right: 12px
}
.m-xs-l-3,
.m-xs-x-3 {
margin-left: 12px
}
.m-xs-n3 {
margin: -12px
}
.m-xs-t-n3,
.m-xs-y-n3 {
margin-top: -12px
}
.m-xs-b-n3,
.m-xs-y-n3 {
margin-bottom: -12px
}
.m-xs-r-n3,
.m-xs-x-n3 {
margin-right: -12px
}
.m-xs-l-n3,
.m-xs-x-n3 {
margin-left: -12px
}
.m-xs-4 {
margin: 16px
}
.m-xs-t-4,
.m-xs-y-4 {
margin-top: 16px
}
.m-xs-b-4,
.m-xs-y-4 {
margin-bottom: 16px
}
.m-xs-r-4,
.m-xs-x-4 {
margin-right: 16px
}
.m-xs-l-4,
.m-xs-x-4 {
margin-left: 16px
}
.m-xs-n4 {
margin: -16px
}
.m-xs-t-n4,
.m-xs-y-n4 {
margin-top: -16px
}
.m-xs-b-n4,
.m-xs-y-n4 {
margin-bottom: -16px
}
.m-xs-r-n4,
.m-xs-x-n4 {
margin-right: -16px
}
.m-xs-l-n4,
.m-xs-x-n4 {
margin-left: -16px
}
.m-xs-5 {
margin: 24px
}
.m-xs-t-5,
.m-xs-y-5 {
margin-top: 24px
}
.m-xs-b-5,
.m-xs-y-5 {
margin-bottom: 24px
}
.m-xs-r-5,
.m-xs-x-5 {
margin-right: 24px
}
.m-xs-l-5,
.m-xs-x-5 {
margin-left: 24px
}
.m-xs-n5 {
margin: -24px
}
.m-xs-t-n5,
.m-xs-y-n5 {
margin-top: -24px
}
.m-xs-b-n5,
.m-xs-y-n5 {
margin-bottom: -24px
}
.m-xs-r-n5,
.m-xs-x-n5 {
margin-right: -24px
}
.m-xs-l-n5,
.m-xs-x-n5 {
margin-left: -24px
}
.m-xs-6 {
margin: 32px
}
.m-xs-t-6,
.m-xs-y-6 {
margin-top: 32px
}
.m-xs-b-6,
.m-xs-y-6 {
margin-bottom: 32px
}
.m-xs-r-6,
.m-xs-x-6 {
margin-right: 32px
}
.m-xs-l-6,
.m-xs-x-6 {
margin-left: 32px
}
.m-xs-n6 {
margin: -32px
}
.m-xs-t-n6,
.m-xs-y-n6 {
margin-top: -32px
}
.m-xs-b-n6,
.m-xs-y-n6 {
margin-bottom: -32px
}
.m-xs-r-n6,
.m-xs-x-n6 {
margin-right: -32px
}
.m-xs-l-n6,
.m-xs-x-n6 {
margin-left: -32px
}
.m-xs-7 {
margin: 40px
}
.m-xs-t-7,
.m-xs-y-7 {
margin-top: 40px
}
.m-xs-b-7,
.m-xs-y-7 {
margin-bottom: 40px
}
.m-xs-r-7,
.m-xs-x-7 {
margin-right: 40px
}
.m-xs-l-7,
.m-xs-x-7 {
margin-left: 40px
}
.m-xs-n7 {
margin: -40px
}
.m-xs-t-n7,
.m-xs-y-n7 {
margin-top: -40px
}
.m-xs-b-n7,
.m-xs-y-n7 {
margin-bottom: -40px
}
.m-xs-r-n7,
.m-xs-x-n7 {
margin-right: -40px
}
.m-xs-l-n7,
.m-xs-x-n7 {
margin-left: -40px
}
.m-xs-8 {
margin: 72px
}
.m-xs-t-8,
.m-xs-y-8 {
margin-top: 72px
}
.m-xs-b-8,
.m-xs-y-8 {
margin-bottom: 72px
}
.m-xs-r-8,
.m-xs-x-8 {
margin-right: 72px
}
.m-xs-l-8,
.m-xs-x-8 {
margin-left: 72px
}
.m-xs-n8 {
margin: -72px
}
.m-xs-t-n8,
.m-xs-y-n8 {
margin-top: -72px
}
.m-xs-b-n8,
.m-xs-y-n8 {
margin-bottom: -72px
}
.m-xs-r-n8,
.m-xs-x-n8 {
margin-right: -72px
}
.m-xs-l-n8,
.m-xs-x-n8 {
margin-left: -72px
}
.m-xs-9 {
margin: 112px
}
.m-xs-t-9,
.m-xs-y-9 {
margin-top: 112px
}
.m-xs-b-9,
.m-xs-y-9 {
margin-bottom: 112px
}
.m-xs-r-9,
.m-xs-x-9 {
margin-right: 112px
}
.m-xs-l-9,
.m-xs-x-9 {
margin-left: 112px
}
.m-xs-n9 {
margin: -112px
}
.m-xs-t-n9,
.m-xs-y-n9 {
margin-top: -112px
}
.m-xs-b-n9,
.m-xs-y-n9 {
margin-bottom: -112px
}
.m-xs-r-n9,
.m-xs-x-n9 {
margin-right: -112px
}
.m-xs-l-n9,
.m-xs-x-n9 {
margin-left: -112px
}
}
@media (min-width: 375px) {
.m-sm-x-auto {
margin-right: auto;
margin-left: auto
}
.m-sm-0 {
margin: 0px
}
.m-sm-t-0,
.m-sm-y-0 {
margin-top: 0px
}
.m-sm-b-0,
.m-sm-y-0 {
margin-bottom: 0px
}
.m-sm-r-0,
.m-sm-x-0 {
margin-right: 0px
}
.m-sm-l-0,
.m-sm-x-0 {
margin-left: 0px
}
.m-sm-1 {
margin: 4px
}
.m-sm-t-1,
.m-sm-y-1 {
margin-top: 4px
}
.m-sm-b-1,
.m-sm-y-1 {
margin-bottom: 4px
}
.m-sm-r-1,
.m-sm-x-1 {
margin-right: 4px
}
.m-sm-l-1,
.m-sm-x-1 {
margin-left: 4px
}
.m-sm-n1 {
margin: -4px
}
.m-sm-t-n1,
.m-sm-y-n1 {
margin-top: -4px
}
.m-sm-b-n1,
.m-sm-y-n1 {
margin-bottom: -4px
}
.m-sm-r-n1,
.m-sm-x-n1 {
margin-right: -4px
}
.m-sm-l-n1,
.m-sm-x-n1 {
margin-left: -4px
}
.m-sm-2 {
margin: 8px
}
.m-sm-t-2,
.m-sm-y-2 {
margin-top: 8px
}
.m-sm-b-2,
.m-sm-y-2 {
margin-bottom: 8px
}
.m-sm-r-2,
.m-sm-x-2 {
margin-right: 8px
}
.m-sm-l-2,
.m-sm-x-2 {
margin-left: 8px
}
.m-sm-n2 {
margin: -8px
}
.m-sm-t-n2,
.m-sm-y-n2 {
margin-top: -8px
}
.m-sm-b-n2,
.m-sm-y-n2 {
margin-bottom: -8px
}
.m-sm-r-n2,
.m-sm-x-n2 {
margin-right: -8px
}
.m-sm-l-n2,
.m-sm-x-n2 {
margin-left: -8px
}
.m-sm-3 {
margin: 12px
}
.m-sm-t-3,
.m-sm-y-3 {
margin-top: 12px
}
.m-sm-b-3,
.m-sm-y-3 {
margin-bottom: 12px
}
.m-sm-r-3,
.m-sm-x-3 {
margin-right: 12px
}
.m-sm-l-3,
.m-sm-x-3 {
margin-left: 12px
}
.m-sm-n3 {
margin: -12px
}
.m-sm-t-n3,
.m-sm-y-n3 {
margin-top: -12px
}
.m-sm-b-n3,
.m-sm-y-n3 {
margin-bottom: -12px
}
.m-sm-r-n3,
.m-sm-x-n3 {
margin-right: -12px
}
.m-sm-l-n3,
.m-sm-x-n3 {
margin-left: -12px
}
.m-sm-4 {
margin: 16px
}
.m-sm-t-4,
.m-sm-y-4 {
margin-top: 16px
}
.m-sm-b-4,
.m-sm-y-4 {
margin-bottom: 16px
}
.m-sm-r-4,
.m-sm-x-4 {
margin-right: 16px
}
.m-sm-l-4,
.m-sm-x-4 {
margin-left: 16px
}
.m-sm-n4 {
margin: -16px
}
.m-sm-t-n4,
.m-sm-y-n4 {
margin-top: -16px
}
.m-sm-b-n4,
.m-sm-y-n4 {
margin-bottom: -16px
}
.m-sm-r-n4,
.m-sm-x-n4 {
margin-right: -16px
}
.m-sm-l-n4,
.m-sm-x-n4 {
margin-left: -16px
}
.m-sm-5 {
margin: 24px
}
.m-sm-t-5,
.m-sm-y-5 {
margin-top: 24px
}
.m-sm-b-5,
.m-sm-y-5 {
margin-bottom: 24px
}
.m-sm-r-5,
.m-sm-x-5 {
margin-right: 24px
}
.m-sm-l-5,
.m-sm-x-5 {
margin-left: 24px
}
.m-sm-n5 {
margin: -24px
}
.m-sm-t-n5,
.m-sm-y-n5 {
margin-top: -24px
}
.m-sm-b-n5,
.m-sm-y-n5 {
margin-bottom: -24px
}
.m-sm-r-n5,
.m-sm-x-n5 {
margin-right: -24px
}
.m-sm-l-n5,
.m-sm-x-n5 {
margin-left: -24px
}
.m-sm-6 {
margin: 32px
}
.m-sm-t-6,
.m-sm-y-6 {
margin-top: 32px
}
.m-sm-b-6,
.m-sm-y-6 {
margin-bottom: 32px
}
.m-sm-r-6,
.m-sm-x-6 {
margin-right: 32px
}
.m-sm-l-6,
.m-sm-x-6 {
margin-left: 32px
}
.m-sm-n6 {
margin: -32px
}
.m-sm-t-n6,
.m-sm-y-n6 {
margin-top: -32px
}
.m-sm-b-n6,
.m-sm-y-n6 {
margin-bottom: -32px
}
.m-sm-r-n6,
.m-sm-x-n6 {
margin-right: -32px
}
.m-sm-l-n6,
.m-sm-x-n6 {
margin-left: -32px
}
.m-sm-7 {
margin: 40px
}
.m-sm-t-7,
.m-sm-y-7 {
margin-top: 40px
}
.m-sm-b-7,
.m-sm-y-7 {
margin-bottom: 40px
}
.m-sm-r-7,
.m-sm-x-7 {
margin-right: 40px
}
.m-sm-l-7,
.m-sm-x-7 {
margin-left: 40px
}
.m-sm-n7 {
margin: -40px
}
.m-sm-t-n7,
.m-sm-y-n7 {
margin-top: -40px
}
.m-sm-b-n7,
.m-sm-y-n7 {
margin-bottom: -40px
}
.m-sm-r-n7,
.m-sm-x-n7 {
margin-right: -40px
}
.m-sm-l-n7,
.m-sm-x-n7 {
margin-left: -40px
}
.m-sm-8 {
margin: 72px
}
.m-sm-t-8,
.m-sm-y-8 {
margin-top: 72px
}
.m-sm-b-8,
.m-sm-y-8 {
margin-bottom: 72px
}
.m-sm-r-8,
.m-sm-x-8 {
margin-right: 72px
}
.m-sm-l-8,
.m-sm-x-8 {
margin-left: 72px
}
.m-sm-n8 {
margin: -72px
}
.m-sm-t-n8,
.m-sm-y-n8 {
margin-top: -72px
}
.m-sm-b-n8,
.m-sm-y-n8 {
margin-bottom: -72px
}
.m-sm-r-n8,
.m-sm-x-n8 {
margin-right: -72px
}
.m-sm-l-n8,
.m-sm-x-n8 {
margin-left: -72px
}
.m-sm-9 {
margin: 112px
}
.m-sm-t-9,
.m-sm-y-9 {
margin-top: 112px
}
.m-sm-b-9,
.m-sm-y-9 {
margin-bottom: 112px
}
.m-sm-r-9,
.m-sm-x-9 {
margin-right: 112px
}
.m-sm-l-9,
.m-sm-x-9 {
margin-left: 112px
}
.m-sm-n9 {
margin: -112px
}
.m-sm-t-n9,
.m-sm-y-n9 {
margin-top: -112px
}
.m-sm-b-n9,
.m-sm-y-n9 {
margin-bottom: -112px
}
.m-sm-r-n9,
.m-sm-x-n9 {
margin-right: -112px
}
.m-sm-l-n9,
.m-sm-x-n9 {
margin-left: -112px
}
}
@media (min-width: 528px) {
.m-md-x-auto {
margin-right: auto;
margin-left: auto
}
.m-md-0 {
margin: 0px
}
.m-md-t-0,
.m-md-y-0 {
margin-top: 0px
}
.m-md-b-0,
.m-md-y-0 {
margin-bottom: 0px
}
.m-md-r-0,
.m-md-x-0 {
margin-right: 0px
}
.m-md-l-0,
.m-md-x-0 {
margin-left: 0px
}
.m-md-1 {
margin: 4px
}
.m-md-t-1,
.m-md-y-1 {
margin-top: 4px
}
.m-md-b-1,
.m-md-y-1 {
margin-bottom: 4px
}
.m-md-r-1,
.m-md-x-1 {
margin-right: 4px
}
.m-md-l-1,
.m-md-x-1 {
margin-left: 4px
}
.m-md-n1 {
margin: -4px
}
.m-md-t-n1,
.m-md-y-n1 {
margin-top: -4px
}
.m-md-b-n1,
.m-md-y-n1 {
margin-bottom: -4px
}
.m-md-r-n1,
.m-md-x-n1 {
margin-right: -4px
}
.m-md-l-n1,
.m-md-x-n1 {
margin-left: -4px
}
.m-md-2 {
margin: 8px
}
.m-md-t-2,
.m-md-y-2 {
margin-top: 8px
}
.m-md-b-2,
.m-md-y-2 {
margin-bottom: 8px
}
.m-md-r-2,
.m-md-x-2 {
margin-right: 8px
}
.m-md-l-2,
.m-md-x-2 {
margin-left: 8px
}
.m-md-n2 {
margin: -8px
}
.m-md-t-n2,
.m-md-y-n2 {
margin-top: -8px
}
.m-md-b-n2,
.m-md-y-n2 {
margin-bottom: -8px
}
.m-md-r-n2,
.m-md-x-n2 {
margin-right: -8px
}
.m-md-l-n2,
.m-md-x-n2 {
margin-left: -8px
}
.m-md-3 {
margin: 12px
}
.m-md-t-3,
.m-md-y-3 {
margin-top: 12px
}
.m-md-b-3,
.m-md-y-3 {
margin-bottom: 12px
}
.m-md-r-3,
.m-md-x-3 {
margin-right: 12px
}
.m-md-l-3,
.m-md-x-3 {
margin-left: 12px
}
.m-md-n3 {
margin: -12px
}
.m-md-t-n3,
.m-md-y-n3 {
margin-top: -12px
}
.m-md-b-n3,
.m-md-y-n3 {
margin-bottom: -12px
}
.m-md-r-n3,
.m-md-x-n3 {
margin-right: -12px
}
.m-md-l-n3,
.m-md-x-n3 {
margin-left: -12px
}
.m-md-4 {
margin: 16px
}
.m-md-t-4,
.m-md-y-4 {
margin-top: 16px
}
.m-md-b-4,
.m-md-y-4 {
margin-bottom: 16px
}
.m-md-r-4,
.m-md-x-4 {
margin-right: 16px
}
.m-md-l-4,
.m-md-x-4 {
margin-left: 16px
}
.m-md-n4 {
margin: -16px
}
.m-md-t-n4,
.m-md-y-n4 {
margin-top: -16px
}
.m-md-b-n4,
.m-md-y-n4 {
margin-bottom: -16px
}
.m-md-r-n4,
.m-md-x-n4 {
margin-right: -16px
}
.m-md-l-n4,
.m-md-x-n4 {
margin-left: -16px
}
.m-md-5 {
margin: 24px
}
.m-md-t-5,
.m-md-y-5 {
margin-top: 24px
}
.m-md-b-5,
.m-md-y-5 {
margin-bottom: 24px
}
.m-md-r-5,
.m-md-x-5 {
margin-right: 24px
}
.m-md-l-5,
.m-md-x-5 {
margin-left: 24px
}
.m-md-n5 {
margin: -24px
}
.m-md-t-n5,
.m-md-y-n5 {
margin-top: -24px
}
.m-md-b-n5,
.m-md-y-n5 {
margin-bottom: -24px
}
.m-md-r-n5,
.m-md-x-n5 {
margin-right: -24px
}
.m-md-l-n5,
.m-md-x-n5 {
margin-left: -24px
}
.m-md-6 {
margin: 32px
}
.m-md-t-6,
.m-md-y-6 {
margin-top: 32px
}
.m-md-b-6,
.m-md-y-6 {
margin-bottom: 32px
}
.m-md-r-6,
.m-md-x-6 {
margin-right: 32px
}
.m-md-l-6,
.m-md-x-6 {
margin-left: 32px
}
.m-md-n6 {
margin: -32px
}
.m-md-t-n6,
.m-md-y-n6 {
margin-top: -32px
}
.m-md-b-n6,
.m-md-y-n6 {
margin-bottom: -32px
}
.m-md-r-n6,
.m-md-x-n6 {
margin-right: -32px
}
.m-md-l-n6,
.m-md-x-n6 {
margin-left: -32px
}
.m-md-7 {
margin: 40px
}
.m-md-t-7,
.m-md-y-7 {
margin-top: 40px
}
.m-md-b-7,
.m-md-y-7 {
margin-bottom: 40px
}
.m-md-r-7,
.m-md-x-7 {
margin-right: 40px
}
.m-md-l-7,
.m-md-x-7 {
margin-left: 40px
}
.m-md-n7 {
margin: -40px
}
.m-md-t-n7,
.m-md-y-n7 {
margin-top: -40px
}
.m-md-b-n7,
.m-md-y-n7 {
margin-bottom: -40px
}
.m-md-r-n7,
.m-md-x-n7 {
margin-right: -40px
}
.m-md-l-n7,
.m-md-x-n7 {
margin-left: -40px
}
.m-md-8 {
margin: 72px
}
.m-md-t-8,
.m-md-y-8 {
margin-top: 72px
}
.m-md-b-8,
.m-md-y-8 {
margin-bottom: 72px
}
.m-md-r-8,
.m-md-x-8 {
margin-right: 72px
}
.m-md-l-8,
.m-md-x-8 {
margin-left: 72px
}
.m-md-n8 {
margin: -72px
}
.m-md-t-n8,
.m-md-y-n8 {
margin-top: -72px
}
.m-md-b-n8,
.m-md-y-n8 {
margin-bottom: -72px
}
.m-md-r-n8,
.m-md-x-n8 {
margin-right: -72px
}
.m-md-l-n8,
.m-md-x-n8 {
margin-left: -72px
}
.m-md-9 {
margin: 112px
}
.m-md-t-9,
.m-md-y-9 {
margin-top: 112px
}
.m-md-b-9,
.m-md-y-9 {
margin-bottom: 112px
}
.m-md-r-9,
.m-md-x-9 {
margin-right: 112px
}
.m-md-l-9,
.m-md-x-9 {
margin-left: 112px
}
.m-md-n9 {
margin: -112px
}
.m-md-t-n9,
.m-md-y-n9 {
margin-top: -112px
}
.m-md-b-n9,
.m-md-y-n9 {
margin-bottom: -112px
}
.m-md-r-n9,
.m-md-x-n9 {
margin-right: -112px
}
.m-md-l-n9,
.m-md-x-n9 {
margin-left: -112px
}
}
@media (min-width: 834px) {
.m-lg-x-auto {
margin-right: auto;
margin-left: auto
}
.m-lg-0 {
margin: 0px
}
.m-lg-t-0,
.m-lg-y-0 {
margin-top: 0px
}
.m-lg-b-0,
.m-lg-y-0 {
margin-bottom: 0px
}
.m-lg-r-0,
.m-lg-x-0 {
margin-right: 0px
}
.m-lg-l-0,
.m-lg-x-0 {
margin-left: 0px
}
.m-lg-1 {
margin: 4px
}
.m-lg-t-1,
.m-lg-y-1 {
margin-top: 4px
}
.m-lg-b-1,
.m-lg-y-1 {
margin-bottom: 4px
}
.m-lg-r-1,
.m-lg-x-1 {
margin-right: 4px
}
.m-lg-l-1,
.m-lg-x-1 {
margin-left: 4px
}
.m-lg-n1 {
margin: -4px
}
.m-lg-t-n1,
.m-lg-y-n1 {
margin-top: -4px
}
.m-lg-b-n1,
.m-lg-y-n1 {
margin-bottom: -4px
}
.m-lg-r-n1,
.m-lg-x-n1 {
margin-right: -4px
}
.m-lg-l-n1,
.m-lg-x-n1 {
margin-left: -4px
}
.m-lg-2 {
margin: 8px
}
.m-lg-t-2,
.m-lg-y-2 {
margin-top: 8px
}
.m-lg-b-2,
.m-lg-y-2 {
margin-bottom: 8px
}
.m-lg-r-2,
.m-lg-x-2 {
margin-right: 8px
}
.m-lg-l-2,
.m-lg-x-2 {
margin-left: 8px
}
.m-lg-n2 {
margin: -8px
}
.m-lg-t-n2,
.m-lg-y-n2 {
margin-top: -8px
}
.m-lg-b-n2,
.m-lg-y-n2 {
margin-bottom: -8px
}
.m-lg-r-n2,
.m-lg-x-n2 {
margin-right: -8px
}
.m-lg-l-n2,
.m-lg-x-n2 {
margin-left: -8px
}
.m-lg-3 {
margin: 12px
}
.m-lg-t-3,
.m-lg-y-3 {
margin-top: 12px
}
.m-lg-b-3,
.m-lg-y-3 {
margin-bottom: 12px
}
.m-lg-r-3,
.m-lg-x-3 {
margin-right: 12px
}
.m-lg-l-3,
.m-lg-x-3 {
margin-left: 12px
}
.m-lg-n3 {
margin: -12px
}
.m-lg-t-n3,
.m-lg-y-n3 {
margin-top: -12px
}
.m-lg-b-n3,
.m-lg-y-n3 {
margin-bottom: -12px
}
.m-lg-r-n3,
.m-lg-x-n3 {
margin-right: -12px
}
.m-lg-l-n3,
.m-lg-x-n3 {
margin-left: -12px
}
.m-lg-4 {
margin: 16px
}
.m-lg-t-4,
.m-lg-y-4 {
margin-top: 16px
}
.m-lg-b-4,
.m-lg-y-4 {
margin-bottom: 16px
}
.m-lg-r-4,
.m-lg-x-4 {
margin-right: 16px
}
.m-lg-l-4,
.m-lg-x-4 {
margin-left: 16px
}
.m-lg-n4 {
margin: -16px
}
.m-lg-t-n4,
.m-lg-y-n4 {
margin-top: -16px
}
.m-lg-b-n4,
.m-lg-y-n4 {
margin-bottom: -16px
}
.m-lg-r-n4,
.m-lg-x-n4 {
margin-right: -16px
}
.m-lg-l-n4,
.m-lg-x-n4 {
margin-left: -16px
}
.m-lg-5 {
margin: 24px
}
.m-lg-t-5,
.m-lg-y-5 {
margin-top: 24px
}
.m-lg-b-5,
.m-lg-y-5 {
margin-bottom: 24px
}
.m-lg-r-5,
.m-lg-x-5 {
margin-right: 24px
}
.m-lg-l-5,
.m-lg-x-5 {
margin-left: 24px
}
.m-lg-n5 {
margin: -24px
}
.m-lg-t-n5,
.m-lg-y-n5 {
margin-top: -24px
}
.m-lg-b-n5,
.m-lg-y-n5 {
margin-bottom: -24px
}
.m-lg-r-n5,
.m-lg-x-n5 {
margin-right: -24px
}
.m-lg-l-n5,
.m-lg-x-n5 {
margin-left: -24px
}
.m-lg-6 {
margin: 32px
}
.m-lg-t-6,
.m-lg-y-6 {
margin-top: 32px
}
.m-lg-b-6,
.m-lg-y-6 {
margin-bottom: 32px
}
.m-lg-r-6,
.m-lg-x-6 {
margin-right: 32px
}
.m-lg-l-6,
.m-lg-x-6 {
margin-left: 32px
}
.m-lg-n6 {
margin: -32px
}
.m-lg-t-n6,
.m-lg-y-n6 {
margin-top: -32px
}
.m-lg-b-n6,
.m-lg-y-n6 {
margin-bottom: -32px
}
.m-lg-r-n6,
.m-lg-x-n6 {
margin-right: -32px
}
.m-lg-l-n6,
.m-lg-x-n6 {
margin-left: -32px
}
.m-lg-7 {
margin: 40px
}
.m-lg-t-7,
.m-lg-y-7 {
margin-top: 40px
}
.m-lg-b-7,
.m-lg-y-7 {
margin-bottom: 40px
}
.m-lg-r-7,
.m-lg-x-7 {
margin-right: 40px
}
.m-lg-l-7,
.m-lg-x-7 {
margin-left: 40px
}
.m-lg-n7 {
margin: -40px
}
.m-lg-t-n7,
.m-lg-y-n7 {
margin-top: -40px
}
.m-lg-b-n7,
.m-lg-y-n7 {
margin-bottom: -40px
}
.m-lg-r-n7,
.m-lg-x-n7 {
margin-right: -40px
}
.m-lg-l-n7,
.m-lg-x-n7 {
margin-left: -40px
}
.m-lg-8 {
margin: 72px
}
.m-lg-t-8,
.m-lg-y-8 {
margin-top: 72px
}
.m-lg-b-8,
.m-lg-y-8 {
margin-bottom: 72px
}
.m-lg-r-8,
.m-lg-x-8 {
margin-right: 72px
}
.m-lg-l-8,
.m-lg-x-8 {
margin-left: 72px
}
.m-lg-n8 {
margin: -72px
}
.m-lg-t-n8,
.m-lg-y-n8 {
margin-top: -72px
}
.m-lg-b-n8,
.m-lg-y-n8 {
margin-bottom: -72px
}
.m-lg-r-n8,
.m-lg-x-n8 {
margin-right: -72px
}
.m-lg-l-n8,
.m-lg-x-n8 {
margin-left: -72px
}
.m-lg-9 {
margin: 112px
}
.m-lg-t-9,
.m-lg-y-9 {
margin-top: 112px
}
.m-lg-b-9,
.m-lg-y-9 {
margin-bottom: 112px
}
.m-lg-r-9,
.m-lg-x-9 {
margin-right: 112px
}
.m-lg-l-9,
.m-lg-x-9 {
margin-left: 112px
}
.m-lg-n9 {
margin: -112px
}
.m-lg-t-n9,
.m-lg-y-n9 {
margin-top: -112px
}
.m-lg-b-n9,
.m-lg-y-n9 {
margin-bottom: -112px
}
.m-lg-r-n9,
.m-lg-x-n9 {
margin-right: -112px
}
.m-lg-l-n9,
.m-lg-x-n9 {
margin-left: -112px
}
}
@media (min-width: 1000px) {
.m-xl-x-auto {
margin-right: auto;
margin-left: auto
}
.m-xl-0 {
margin: 0px
}
.m-xl-t-0,
.m-xl-y-0 {
margin-top: 0px
}
.m-xl-b-0,
.m-xl-y-0 {
margin-bottom: 0px
}
.m-xl-r-0,
.m-xl-x-0 {
margin-right: 0px
}
.m-xl-l-0,
.m-xl-x-0 {
margin-left: 0px
}
.m-xl-1 {
margin: 4px
}
.m-xl-t-1,
.m-xl-y-1 {
margin-top: 4px
}
.m-xl-b-1,
.m-xl-y-1 {
margin-bottom: 4px
}
.m-xl-r-1,
.m-xl-x-1 {
margin-right: 4px
}
.m-xl-l-1,
.m-xl-x-1 {
margin-left: 4px
}
.m-xl-n1 {
margin: -4px
}
.m-xl-t-n1,
.m-xl-y-n1 {
margin-top: -4px
}
.m-xl-b-n1,
.m-xl-y-n1 {
margin-bottom: -4px
}
.m-xl-r-n1,
.m-xl-x-n1 {
margin-right: -4px
}
.m-xl-l-n1,
.m-xl-x-n1 {
margin-left: -4px
}
.m-xl-2 {
margin: 8px
}
.m-xl-t-2,
.m-xl-y-2 {
margin-top: 8px
}
.m-xl-b-2,
.m-xl-y-2 {
margin-bottom: 8px
}
.m-xl-r-2,
.m-xl-x-2 {
margin-right: 8px
}
.m-xl-l-2,
.m-xl-x-2 {
margin-left: 8px
}
.m-xl-n2 {
margin: -8px
}
.m-xl-t-n2,
.m-xl-y-n2 {
margin-top: -8px
}
.m-xl-b-n2,
.m-xl-y-n2 {
margin-bottom: -8px
}
.m-xl-r-n2,
.m-xl-x-n2 {
margin-right: -8px
}
.m-xl-l-n2,
.m-xl-x-n2 {
margin-left: -8px
}
.m-xl-3 {
margin: 12px
}
.m-xl-t-3,
.m-xl-y-3 {
margin-top: 12px
}
.m-xl-b-3,
.m-xl-y-3 {
margin-bottom: 12px
}
.m-xl-r-3,
.m-xl-x-3 {
margin-right: 12px
}
.m-xl-l-3,
.m-xl-x-3 {
margin-left: 12px
}
.m-xl-n3 {
margin: -12px
}
.m-xl-t-n3,
.m-xl-y-n3 {
margin-top: -12px
}
.m-xl-b-n3,
.m-xl-y-n3 {
margin-bottom: -12px
}
.m-xl-r-n3,
.m-xl-x-n3 {
margin-right: -12px
}
.m-xl-l-n3,
.m-xl-x-n3 {
margin-left: -12px
}
.m-xl-4 {
margin: 16px
}
.m-xl-t-4,
.m-xl-y-4 {
margin-top: 16px
}
.m-xl-b-4,
.m-xl-y-4 {
margin-bottom: 16px
}
.m-xl-r-4,
.m-xl-x-4 {
margin-right: 16px
}
.m-xl-l-4,
.m-xl-x-4 {
margin-left: 16px
}
.m-xl-n4 {
margin: -16px
}
.m-xl-t-n4,
.m-xl-y-n4 {
margin-top: -16px
}
.m-xl-b-n4,
.m-xl-y-n4 {
margin-bottom: -16px
}
.m-xl-r-n4,
.m-xl-x-n4 {
margin-right: -16px
}
.m-xl-l-n4,
.m-xl-x-n4 {
margin-left: -16px
}
.m-xl-5 {
margin: 24px
}
.m-xl-t-5,
.m-xl-y-5 {
margin-top: 24px
}
.m-xl-b-5,
.m-xl-y-5 {
margin-bottom: 24px
}
.m-xl-r-5,
.m-xl-x-5 {
margin-right: 24px
}
.m-xl-l-5,
.m-xl-x-5 {
margin-left: 24px
}
.m-xl-n5 {
margin: -24px
}
.m-xl-t-n5,
.m-xl-y-n5 {
margin-top: -24px
}
.m-xl-b-n5,
.m-xl-y-n5 {
margin-bottom: -24px
}
.m-xl-r-n5,
.m-xl-x-n5 {
margin-right: -24px
}
.m-xl-l-n5,
.m-xl-x-n5 {
margin-left: -24px
}
.m-xl-6 {
margin: 32px
}
.m-xl-t-6,
.m-xl-y-6 {
margin-top: 32px
}
.m-xl-b-6,
.m-xl-y-6 {
margin-bottom: 32px
}
.m-xl-r-6,
.m-xl-x-6 {
margin-right: 32px
}
.m-xl-l-6,
.m-xl-x-6 {
margin-left: 32px
}
.m-xl-n6 {
margin: -32px
}
.m-xl-t-n6,
.m-xl-y-n6 {
margin-top: -32px
}
.m-xl-b-n6,
.m-xl-y-n6 {
margin-bottom: -32px
}
.m-xl-r-n6,
.m-xl-x-n6 {
margin-right: -32px
}
.m-xl-l-n6,
.m-xl-x-n6 {
margin-left: -32px
}
.m-xl-7 {
margin: 40px
}
.m-xl-t-7,
.m-xl-y-7 {
margin-top: 40px
}
.m-xl-b-7,
.m-xl-y-7 {
margin-bottom: 40px
}
.m-xl-r-7,
.m-xl-x-7 {
margin-right: 40px
}
.m-xl-l-7,
.m-xl-x-7 {
margin-left: 40px
}
.m-xl-n7 {
margin: -40px
}
.m-xl-t-n7,
.m-xl-y-n7 {
margin-top: -40px
}
.m-xl-b-n7,
.m-xl-y-n7 {
margin-bottom: -40px
}
.m-xl-r-n7,
.m-xl-x-n7 {
margin-right: -40px
}
.m-xl-l-n7,
.m-xl-x-n7 {
margin-left: -40px
}
.m-xl-8 {
margin: 72px
}
.m-xl-t-8,
.m-xl-y-8 {
margin-top: 72px
}
.m-xl-b-8,
.m-xl-y-8 {
margin-bottom: 72px
}
.m-xl-r-8,
.m-xl-x-8 {
margin-right: 72px
}
.m-xl-l-8,
.m-xl-x-8 {
margin-left: 72px
}
.m-xl-n8 {
margin: -72px
}
.m-xl-t-n8,
.m-xl-y-n8 {
margin-top: -72px
}
.m-xl-b-n8,
.m-xl-y-n8 {
margin-bottom: -72px
}
.m-xl-r-n8,
.m-xl-x-n8 {
margin-right: -72px
}
.m-xl-l-n8,
.m-xl-x-n8 {
margin-left: -72px
}
.m-xl-9 {
margin: 112px
}
.m-xl-t-9,
.m-xl-y-9 {
margin-top: 112px
}
.m-xl-b-9,
.m-xl-y-9 {
margin-bottom: 112px
}
.m-xl-r-9,
.m-xl-x-9 {
margin-right: 112px
}
.m-xl-l-9,
.m-xl-x-9 {
margin-left: 112px
}
.m-xl-n9 {
margin: -112px
}
.m-xl-t-n9,
.m-xl-y-n9 {
margin-top: -112px
}
.m-xl-b-n9,
.m-xl-y-n9 {
margin-bottom: -112px
}
.m-xl-r-n9,
.m-xl-x-n9 {
margin-right: -112px
}
.m-xl-l-n9,
.m-xl-x-n9 {
margin-left: -112px
}
}
@media (min-width: 1440px) {
.m-xxl-x-auto {
margin-right: auto;
margin-left: auto
}
.m-xxl-0 {
margin: 0px
}
.m-xxl-t-0,
.m-xxl-y-0 {
margin-top: 0px
}
.m-xxl-b-0,
.m-xxl-y-0 {
margin-bottom: 0px
}
.m-xxl-r-0,
.m-xxl-x-0 {
margin-right: 0px
}
.m-xxl-l-0,
.m-xxl-x-0 {
margin-left: 0px
}
.m-xxl-1 {
margin: 4px
}
.m-xxl-t-1,
.m-xxl-y-1 {
margin-top: 4px
}
.m-xxl-b-1,
.m-xxl-y-1 {
margin-bottom: 4px
}
.m-xxl-r-1,
.m-xxl-x-1 {
margin-right: 4px
}
.m-xxl-l-1,
.m-xxl-x-1 {
margin-left: 4px
}
.m-xxl-n1 {
margin: -4px
}
.m-xxl-t-n1,
.m-xxl-y-n1 {
margin-top: -4px
}
.m-xxl-b-n1,
.m-xxl-y-n1 {
margin-bottom: -4px
}
.m-xxl-r-n1,
.m-xxl-x-n1 {
margin-right: -4px
}
.m-xxl-l-n1,
.m-xxl-x-n1 {
margin-left: -4px
}
.m-xxl-2 {
margin: 8px
}
.m-xxl-t-2,
.m-xxl-y-2 {
margin-top: 8px
}
.m-xxl-b-2,
.m-xxl-y-2 {
margin-bottom: 8px
}
.m-xxl-r-2,
.m-xxl-x-2 {
margin-right: 8px
}
.m-xxl-l-2,
.m-xxl-x-2 {
margin-left: 8px
}
.m-xxl-n2 {
margin: -8px
}
.m-xxl-t-n2,
.m-xxl-y-n2 {
margin-top: -8px
}
.m-xxl-b-n2,
.m-xxl-y-n2 {
margin-bottom: -8px
}
.m-xxl-r-n2,
.m-xxl-x-n2 {
margin-right: -8px
}
.m-xxl-l-n2,
.m-xxl-x-n2 {
margin-left: -8px
}
.m-xxl-3 {
margin: 12px
}
.m-xxl-t-3,
.m-xxl-y-3 {
margin-top: 12px
}
.m-xxl-b-3,
.m-xxl-y-3 {
margin-bottom: 12px
}
.m-xxl-r-3,
.m-xxl-x-3 {
margin-right: 12px
}
.m-xxl-l-3,
.m-xxl-x-3 {
margin-left: 12px
}
.m-xxl-n3 {
margin: -12px
}
.m-xxl-t-n3,
.m-xxl-y-n3 {
margin-top: -12px
}
.m-xxl-b-n3,
.m-xxl-y-n3 {
margin-bottom: -12px
}
.m-xxl-r-n3,
.m-xxl-x-n3 {
margin-right: -12px
}
.m-xxl-l-n3,
.m-xxl-x-n3 {
margin-left: -12px
}
.m-xxl-4 {
margin: 16px
}
.m-xxl-t-4,
.m-xxl-y-4 {
margin-top: 16px
}
.m-xxl-b-4,
.m-xxl-y-4 {
margin-bottom: 16px
}
.m-xxl-r-4,
.m-xxl-x-4 {
margin-right: 16px
}
.m-xxl-l-4,
.m-xxl-x-4 {
margin-left: 16px
}
.m-xxl-n4 {
margin: -16px
}
.m-xxl-t-n4,
.m-xxl-y-n4 {
margin-top: -16px
}
.m-xxl-b-n4,
.m-xxl-y-n4 {
margin-bottom: -16px
}
.m-xxl-r-n4,
.m-xxl-x-n4 {
margin-right: -16px
}
.m-xxl-l-n4,
.m-xxl-x-n4 {
margin-left: -16px
}
.m-xxl-5 {
margin: 24px
}
.m-xxl-t-5,
.m-xxl-y-5 {
margin-top: 24px
}
.m-xxl-b-5,
.m-xxl-y-5 {
margin-bottom: 24px
}
.m-xxl-r-5,
.m-xxl-x-5 {
margin-right: 24px
}
.m-xxl-l-5,
.m-xxl-x-5 {
margin-left: 24px
}
.m-xxl-n5 {
margin: -24px
}
.m-xxl-t-n5,
.m-xxl-y-n5 {
margin-top: -24px
}
.m-xxl-b-n5,
.m-xxl-y-n5 {
margin-bottom: -24px
}
.m-xxl-r-n5,
.m-xxl-x-n5 {
margin-right: -24px
}
.m-xxl-l-n5,
.m-xxl-x-n5 {
margin-left: -24px
}
.m-xxl-6 {
margin: 32px
}
.m-xxl-t-6,
.m-xxl-y-6 {
margin-top: 32px
}
.m-xxl-b-6,
.m-xxl-y-6 {
margin-bottom: 32px
}
.m-xxl-r-6,
.m-xxl-x-6 {
margin-right: 32px
}
.m-xxl-l-6,
.m-xxl-x-6 {
margin-left: 32px
}
.m-xxl-n6 {
margin: -32px
}
.m-xxl-t-n6,
.m-xxl-y-n6 {
margin-top: -32px
}
.m-xxl-b-n6,
.m-xxl-y-n6 {
margin-bottom: -32px
}
.m-xxl-r-n6,
.m-xxl-x-n6 {
margin-right: -32px
}
.m-xxl-l-n6,
.m-xxl-x-n6 {
margin-left: -32px
}
.m-xxl-7 {
margin: 40px
}
.m-xxl-t-7,
.m-xxl-y-7 {
margin-top: 40px
}
.m-xxl-b-7,
.m-xxl-y-7 {
margin-bottom: 40px
}
.m-xxl-r-7,
.m-xxl-x-7 {
margin-right: 40px
}
.m-xxl-l-7,
.m-xxl-x-7 {
margin-left: 40px
}
.m-xxl-n7 {
margin: -40px
}
.m-xxl-t-n7,
.m-xxl-y-n7 {
margin-top: -40px
}
.m-xxl-b-n7,
.m-xxl-y-n7 {
margin-bottom: -40px
}
.m-xxl-r-n7,
.m-xxl-x-n7 {
margin-right: -40px
}
.m-xxl-l-n7,
.m-xxl-x-n7 {
margin-left: -40px
}
.m-xxl-8 {
margin: 72px
}
.m-xxl-t-8,
.m-xxl-y-8 {
margin-top: 72px
}
.m-xxl-b-8,
.m-xxl-y-8 {
margin-bottom: 72px
}
.m-xxl-r-8,
.m-xxl-x-8 {
margin-right: 72px
}
.m-xxl-l-8,
.m-xxl-x-8 {
margin-left: 72px
}
.m-xxl-n8 {
margin: -72px
}
.m-xxl-t-n8,
.m-xxl-y-n8 {
margin-top: -72px
}
.m-xxl-b-n8,
.m-xxl-y-n8 {
margin-bottom: -72px
}
.m-xxl-r-n8,
.m-xxl-x-n8 {
margin-right: -72px
}
.m-xxl-l-n8,
.m-xxl-x-n8 {
margin-left: -72px
}
.m-xxl-9 {
margin: 112px
}
.m-xxl-t-9,
.m-xxl-y-9 {
margin-top: 112px
}
.m-xxl-b-9,
.m-xxl-y-9 {
margin-bottom: 112px
}
.m-xxl-r-9,
.m-xxl-x-9 {
margin-right: 112px
}
.m-xxl-l-9,
.m-xxl-x-9 {
margin-left: 112px
}
.m-xxl-n9 {
margin: -112px
}
.m-xxl-t-n9,
.m-xxl-y-n9 {
margin-top: -112px
}
.m-xxl-b-n9,
.m-xxl-y-n9 {
margin-bottom: -112px
}
.m-xxl-r-n9,
.m-xxl-x-n9 {
margin-right: -112px
}
.m-xxl-l-n9,
.m-xxl-x-n9 {
margin-left: -112px
}
}
.g-0 {
margin-right: 0px;
margin-left: 0px
}
.g-0>* {
padding-right: 0px;
padding-left: 0px
}
.g-1 {
margin-right: -4px;
margin-left: -4px
}
.g-1>* {
padding-right: 4px;
padding-left: 4px
}
.g-2 {
margin-right: -8px;
margin-left: -8px
}
.g-2>* {
padding-right: 8px;
padding-left: 8px
}
.g-3 {
margin-right: -12px;
margin-left: -12px
}
.g-3>* {
padding-right: 12px;
padding-left: 12px
}
.g-4 {
margin-right: -16px;
margin-left: -16px
}
.g-4>* {
padding-right: 16px;
padding-left: 16px
}
.g-5 {
margin-right: -24px;
margin-left: -24px
}
.g-5>* {
padding-right: 24px;
padding-left: 24px
}
.g-6 {
margin-right: -32px;
margin-left: -32px
}
.g-6>* {
padding-right: 32px;
padding-left: 32px
}
.g-7 {
margin-right: -40px;
margin-left: -40px
}
.g-7>* {
padding-right: 40px;
padding-left: 40px
}
.g-8 {
margin-right: -72px;
margin-left: -72px
}
.g-8>* {
padding-right: 72px;
padding-left: 72px
}
.g-9 {
margin-right: -112px;
margin-left: -112px
}
.g-9>* {
padding-right: 112px;
padding-left: 112px
}
@media (min-width: 200px) {
.g-xs-0 {
margin-right: 0px;
margin-left: 0px
}
.g-xs-0>* {
padding-right: 0px;
padding-left: 0px
}
.g-xs-1 {
margin-right: -4px;
margin-left: -4px
}
.g-xs-1>* {
padding-right: 4px;
padding-left: 4px
}
.g-xs-2 {
margin-right: -8px;
margin-left: -8px
}
.g-xs-2>* {
padding-right: 8px;
padding-left: 8px
}
.g-xs-3 {
margin-right: -12px;
margin-left: -12px
}
.g-xs-3>* {
padding-right: 12px;
padding-left: 12px
}
.g-xs-4 {
margin-right: -16px;
margin-left: -16px
}
.g-xs-4>* {
padding-right: 16px;
padding-left: 16px
}
.g-xs-5 {
margin-right: -24px;
margin-left: -24px
}
.g-xs-5>* {
padding-right: 24px;
padding-left: 24px
}
.g-xs-6 {
margin-right: -32px;
margin-left: -32px
}
.g-xs-6>* {
padding-right: 32px;
padding-left: 32px
}
.g-xs-7 {
margin-right: -40px;
margin-left: -40px
}
.g-xs-7>* {
padding-right: 40px;
padding-left: 40px
}
.g-xs-8 {
margin-right: -72px;
margin-left: -72px
}
.g-xs-8>* {
padding-right: 72px;
padding-left: 72px
}
.g-xs-9 {
margin-right: -112px;
margin-left: -112px
}
.g-xs-9>* {
padding-right: 112px;
padding-left: 112px
}
}
@media (min-width: 375px) {
.g-sm-0 {
margin-right: 0px;
margin-left: 0px
}
.g-sm-0>* {
padding-right: 0px;
padding-left: 0px
}
.g-sm-1 {
margin-right: -4px;
margin-left: -4px
}
.g-sm-1>* {
padding-right: 4px;
padding-left: 4px
}
.g-sm-2 {
margin-right: -8px;
margin-left: -8px
}
.g-sm-2>* {
padding-right: 8px;
padding-left: 8px
}
.g-sm-3 {
margin-right: -12px;
margin-left: -12px
}
.g-sm-3>* {
padding-right: 12px;
padding-left: 12px
}
.g-sm-4 {
margin-right: -16px;
margin-left: -16px
}
.g-sm-4>* {
padding-right: 16px;
padding-left: 16px
}
.g-sm-5 {
margin-right: -24px;
margin-left: -24px
}
.g-sm-5>* {
padding-right: 24px;
padding-left: 24px
}
.g-sm-6 {
margin-right: -32px;
margin-left: -32px
}
.g-sm-6>* {
padding-right: 32px;
padding-left: 32px
}
.g-sm-7 {
margin-right: -40px;
margin-left: -40px
}
.g-sm-7>* {
padding-right: 40px;
padding-left: 40px
}
.g-sm-8 {
margin-right: -72px;
margin-left: -72px
}
.g-sm-8>* {
padding-right: 72px;
padding-left: 72px
}
.g-sm-9 {
margin-right: -112px;
margin-left: -112px
}
.g-sm-9>* {
padding-right: 112px;
padding-left: 112px
}
}
@media (min-width: 528px) {
.g-md-0 {
margin-right: 0px;
margin-left: 0px
}
.g-md-0>* {
padding-right: 0px;
padding-left: 0px
}
.g-md-1 {
margin-right: -4px;
margin-left: -4px
}
.g-md-1>* {
padding-right: 4px;
padding-left: 4px
}
.g-md-2 {
margin-right: -8px;
margin-left: -8px
}
.g-md-2>* {
padding-right: 8px;
padding-left: 8px
}
.g-md-3 {
margin-right: -12px;
margin-left: -12px
}
.g-md-3>* {
padding-right: 12px;
padding-left: 12px
}
.g-md-4 {
margin-right: -16px;
margin-left: -16px
}
.g-md-4>* {
padding-right: 16px;
padding-left: 16px
}
.g-md-5 {
margin-right: -24px;
margin-left: -24px
}
.g-md-5>* {
padding-right: 24px;
padding-left: 24px
}
.g-md-6 {
margin-right: -32px;
margin-left: -32px
}
.g-md-6>* {
padding-right: 32px;
padding-left: 32px
}
.g-md-7 {
margin-right: -40px;
margin-left: -40px
}
.g-md-7>* {
padding-right: 40px;
padding-left: 40px
}
.g-md-8 {
margin-right: -72px;
margin-left: -72px
}
.g-md-8>* {
padding-right: 72px;
padding-left: 72px
}
.g-md-9 {
margin-right: -112px;
margin-left: -112px
}
.g-md-9>* {
padding-right: 112px;
padding-left: 112px
}
}
@media (min-width: 834px) {
.g-lg-0 {
margin-right: 0px;
margin-left: 0px
}
.g-lg-0>* {
padding-right: 0px;
padding-left: 0px
}
.g-lg-1 {
margin-right: -4px;
margin-left: -4px
}
.g-lg-1>* {
padding-right: 4px;
padding-left: 4px
}
.g-lg-2 {
margin-right: -8px;
margin-left: -8px
}
.g-lg-2>* {
padding-right: 8px;
padding-left: 8px
}
.g-lg-3 {
margin-right: -12px;
margin-left: -12px
}
.g-lg-3>* {
padding-right: 12px;
padding-left: 12px
}
.g-lg-4 {
margin-right: -16px;
margin-left: -16px
}
.g-lg-4>* {
padding-right: 16px;
padding-left: 16px
}
.g-lg-5 {
margin-right: -24px;
margin-left: -24px
}
.g-lg-5>* {
padding-right: 24px;
padding-left: 24px
}
.g-lg-6 {
margin-right: -32px;
margin-left: -32px
}
.g-lg-6>* {
padding-right: 32px;
padding-left: 32px
}
.g-lg-7 {
margin-right: -40px;
margin-left: -40px
}
.g-lg-7>* {
padding-right: 40px;
padding-left: 40px
}
.g-lg-8 {
margin-right: -72px;
margin-left: -72px
}
.g-lg-8>* {
padding-right: 72px;
padding-left: 72px
}
.g-lg-9 {
margin-right: -112px;
margin-left: -112px
}
.g-lg-9>* {
padding-right: 112px;
padding-left: 112px
}
}
@media (min-width: 1000px) {
.g-xl-0 {
margin-right: 0px;
margin-left: 0px
}
.g-xl-0>* {
padding-right: 0px;
padding-left: 0px
}
.g-xl-1 {
margin-right: -4px;
margin-left: -4px
}
.g-xl-1>* {
padding-right: 4px;
padding-left: 4px
}
.g-xl-2 {
margin-right: -8px;
margin-left: -8px
}
.g-xl-2>* {
padding-right: 8px;
padding-left: 8px
}
.g-xl-3 {
margin-right: -12px;
margin-left: -12px
}
.g-xl-3>* {
padding-right: 12px;
padding-left: 12px
}
.g-xl-4 {
margin-right: -16px;
margin-left: -16px
}
.g-xl-4>* {
padding-right: 16px;
padding-left: 16px
}
.g-xl-5 {
margin-right: -24px;
margin-left: -24px
}
.g-xl-5>* {
padding-right: 24px;
padding-left: 24px
}
.g-xl-6 {
margin-right: -32px;
margin-left: -32px
}
.g-xl-6>* {
padding-right: 32px;
padding-left: 32px
}
.g-xl-7 {
margin-right: -40px;
margin-left: -40px
}
.g-xl-7>* {
padding-right: 40px;
padding-left: 40px
}
.g-xl-8 {
margin-right: -72px;
margin-left: -72px
}
.g-xl-8>* {
padding-right: 72px;
padding-left: 72px
}
.g-xl-9 {
margin-right: -112px;
margin-left: -112px
}
.g-xl-9>* {
padding-right: 112px;
padding-left: 112px
}
}
@media (min-width: 1440px) {
.g-xxl-0 {
margin-right: 0px;
margin-left: 0px
}
.g-xxl-0>* {
padding-right: 0px;
padding-left: 0px
}
.g-xxl-1 {
margin-right: -4px;
margin-left: -4px
}
.g-xxl-1>* {
padding-right: 4px;
padding-left: 4px
}
.g-xxl-2 {
margin-right: -8px;
margin-left: -8px
}
.g-xxl-2>* {
padding-right: 8px;
padding-left: 8px
}
.g-xxl-3 {
margin-right: -12px;
margin-left: -12px
}
.g-xxl-3>* {
padding-right: 12px;
padding-left: 12px
}
.g-xxl-4 {
margin-right: -16px;
margin-left: -16px
}
.g-xxl-4>* {
padding-right: 16px;
padding-left: 16px
}
.g-xxl-5 {
margin-right: -24px;
margin-left: -24px
}
.g-xxl-5>* {
padding-right: 24px;
padding-left: 24px
}
.g-xxl-6 {
margin-right: -32px;
margin-left: -32px
}
.g-xxl-6>* {
padding-right: 32px;
padding-left: 32px
}
.g-xxl-7 {
margin-right: -40px;
margin-left: -40px
}
.g-xxl-7>* {
padding-right: 40px;
padding-left: 40px
}
.g-xxl-8 {
margin-right: -72px;
margin-left: -72px
}
.g-xxl-8>* {
padding-right: 72px;
padding-left: 72px
}
.g-xxl-9 {
margin-right: -112px;
margin-left: -112px
}
.g-xxl-9>* {
padding-right: 112px;
padding-left: 112px
}
}
.color-accent-blue {
color: #0086BF !important
}
.color-almost-black {
color: #454545 !important
}
.color-black {
color: #000 !important
}
.color-dark-blue {
color: #004f9a !important
}
.color-dark-gold {
color: #e9a601 !important
}
.color-dark-teal {
color: #20556B !important
}
.color-darker-gray {
color: #646464 !important
}
.color-gold {
color: #FFB500 !important
}
.color-gray {
color: #707070 !important
}
.color-gray2 {
color: #7C7C7C !important
}
.color-gray3 {
color: #646464 !important
}
.color-green {
color: #3EAA5C !important
}
.color-light-blue {
color: #EAF9FF !important
}
.color-light-blue2 {
color: #D9F4FF !important
}
.color-light-gray {
color: #F4F4F4 !important
}
.color-light-gray2 {
color: #C4C4C4 !important
}
.color-light-gray3 {
color: #CBCBCB !important
}
.color-light-gray4 {
color: #E1E1E1 !important
}
.color-red {
color: #DB4F31 !important
}
.color-royal-blue {
color: #005EB8 !important
}
.color-white {
color: #fff !important
}
@media (min-width: 200px) {
.color-xs-accent-blue {
color: #0086BF !important
}
.color-xs-almost-black {
color: #454545 !important
}
.color-xs-black {
color: #000 !important
}
.color-xs-dark-blue {
color: #004f9a !important
}
.color-xs-dark-gold {
color: #e9a601 !important
}
.color-xs-dark-teal {
color: #20556B !important
}
.color-xs-darker-gray {
color: #646464 !important
}
.color-xs-gold {
color: #FFB500 !important
}
.color-xs-gray {
color: #707070 !important
}
.color-xs-gray2 {
color: #7C7C7C !important
}
.color-xs-gray3 {
color: #646464 !important
}
.color-xs-green {
color: #3EAA5C !important
}
.color-xs-light-blue {
color: #EAF9FF !important
}
.color-xs-light-blue2 {
color: #D9F4FF !important
}
.color-xs-light-gray {
color: #F4F4F4 !important
}
.color-xs-light-gray2 {
color: #C4C4C4 !important
}
.color-xs-light-gray3 {
color: #CBCBCB !important
}
.color-xs-light-gray4 {
color: #E1E1E1 !important
}
.color-xs-red {
color: #DB4F31 !important
}
.color-xs-royal-blue {
color: #005EB8 !important
}
.color-xs-white {
color: #fff !important
}
}
@media (min-width: 375px) {
.color-sm-accent-blue {
color: #0086BF !important
}
.color-sm-almost-black {
color: #454545 !important
}
.color-sm-black {
color: #000 !important
}
.color-sm-dark-blue {
color: #004f9a !important
}
.color-sm-dark-gold {
color: #e9a601 !important
}
.color-sm-dark-teal {
color: #20556B !important
}
.color-sm-darker-gray {
color: #646464 !important
}
.color-sm-gold {
color: #FFB500 !important
}
.color-sm-gray {
color: #707070 !important
}
.color-sm-gray2 {
color: #7C7C7C !important
}
.color-sm-gray3 {
color: #646464 !important
}
.color-sm-green {
color: #3EAA5C !important
}
.color-sm-light-blue {
color: #EAF9FF !important
}
.color-sm-light-blue2 {
color: #D9F4FF !important
}
.color-sm-light-gray {
color: #F4F4F4 !important
}
.color-sm-light-gray2 {
color: #C4C4C4 !important
}
.color-sm-light-gray3 {
color: #CBCBCB !important
}
.color-sm-light-gray4 {
color: #E1E1E1 !important
}
.color-sm-red {
color: #DB4F31 !important
}
.color-sm-royal-blue {
color: #005EB8 !important
}
.color-sm-white {
color: #fff !important
}
}
@media (min-width: 528px) {
.color-md-accent-blue {
color: #0086BF !important
}
.color-md-almost-black {
color: #454545 !important
}
.color-md-black {
color: #000 !important
}
.color-md-dark-blue {
color: #004f9a !important
}
.color-md-dark-gold {
color: #e9a601 !important
}
.color-md-dark-teal {
color: #20556B !important
}
.color-md-darker-gray {
color: #646464 !important
}
.color-md-gold {
color: #FFB500 !important
}
.color-md-gray {
color: #707070 !important
}
.color-md-gray2 {
color: #7C7C7C !important
}
.color-md-gray3 {
color: #646464 !important
}
.color-md-green {
color: #3EAA5C !important
}
.color-md-light-blue {
color: #EAF9FF !important
}
.color-md-light-blue2 {
color: #D9F4FF !important
}
.color-md-light-gray {
color: #F4F4F4 !important
}
.color-md-light-gray2 {
color: #C4C4C4 !important
}
.color-md-light-gray3 {
color: #CBCBCB !important
}
.color-md-light-gray4 {
color: #E1E1E1 !important
}
.color-md-red {
color: #DB4F31 !important
}
.color-md-royal-blue {
color: #005EB8 !important
}
.color-md-white {
color: #fff !important
}
}
@media (min-width: 834px) {
.color-lg-accent-blue {
color: #0086BF !important
}
.color-lg-almost-black {
color: #454545 !important
}
.color-lg-black {
color: #000 !important
}
.color-lg-dark-blue {
color: #004f9a !important
}
.color-lg-dark-gold {
color: #e9a601 !important
}
.color-lg-dark-teal {
color: #20556B !important
}
.color-lg-darker-gray {
color: #646464 !important
}
.color-lg-gold {
color: #FFB500 !important
}
.color-lg-gray {
color: #707070 !important
}
.color-lg-gray2 {
color: #7C7C7C !important
}
.color-lg-gray3 {
color: #646464 !important
}
.color-lg-green {
color: #3EAA5C !important
}
.color-lg-light-blue {
color: #EAF9FF !important
}
.color-lg-light-blue2 {
color: #D9F4FF !important
}
.color-lg-light-gray {
color: #F4F4F4 !important
}
.color-lg-light-gray2 {
color: #C4C4C4 !important
}
.color-lg-light-gray3 {
color: #CBCBCB !important
}
.color-lg-light-gray4 {
color: #E1E1E1 !important
}
.color-lg-red {
color: #DB4F31 !important
}
.color-lg-royal-blue {
color: #005EB8 !important
}
.color-lg-white {
color: #fff !important
}
}
@media (min-width: 1000px) {
.color-xl-accent-blue {
color: #0086BF !important
}
.color-xl-almost-black {
color: #454545 !important
}
.color-xl-black {
color: #000 !important
}
.color-xl-dark-blue {
color: #004f9a !important
}
.color-xl-dark-gold {
color: #e9a601 !important
}
.color-xl-dark-teal {
color: #20556B !important
}
.color-xl-darker-gray {
color: #646464 !important
}
.color-xl-gold {
color: #FFB500 !important
}
.color-xl-gray {
color: #707070 !important
}
.color-xl-gray2 {
color: #7C7C7C !important
}
.color-xl-gray3 {
color: #646464 !important
}
.color-xl-green {
color: #3EAA5C !important
}
.color-xl-light-blue {
color: #EAF9FF !important
}
.color-xl-light-blue2 {
color: #D9F4FF !important
}
.color-xl-light-gray {
color: #F4F4F4 !important
}
.color-xl-light-gray2 {
color: #C4C4C4 !important
}
.color-xl-light-gray3 {
color: #CBCBCB !important
}
.color-xl-light-gray4 {
color: #E1E1E1 !important
}
.color-xl-red {
color: #DB4F31 !important
}
.color-xl-royal-blue {
color: #005EB8 !important
}
.color-xl-white {
color: #fff !important
}
}
@media (min-width: 1440px) {
.color-xxl-accent-blue {
color: #0086BF !important
}
.color-xxl-almost-black {
color: #454545 !important
}
.color-xxl-black {
color: #000 !important
}
.color-xxl-dark-blue {
color: #004f9a !important
}
.color-xxl-dark-gold {
color: #e9a601 !important
}
.color-xxl-dark-teal {
color: #20556B !important
}
.color-xxl-darker-gray {
color: #646464 !important
}
.color-xxl-gold {
color: #FFB500 !important
}
.color-xxl-gray {
color: #707070 !important
}
.color-xxl-gray2 {
color: #7C7C7C !important
}
.color-xxl-gray3 {
color: #646464 !important
}
.color-xxl-green {
color: #3EAA5C !important
}
.color-xxl-light-blue {
color: #EAF9FF !important
}
.color-xxl-light-blue2 {
color: #D9F4FF !important
}
.color-xxl-light-gray {
color: #F4F4F4 !important
}
.color-xxl-light-gray2 {
color: #C4C4C4 !important
}
.color-xxl-light-gray3 {
color: #CBCBCB !important
}
.color-xxl-light-gray4 {
color: #E1E1E1 !important
}
.color-xxl-red {
color: #DB4F31 !important
}
.color-xxl-royal-blue {
color: #005EB8 !important
}
.color-xxl-white {
color: #fff !important
}
}
.font-size-1 {
font-size: 14px !important
}
.font-size-2 {
font-size: 16px !important
}
.font-size-3 {
font-size: 18px !important
}
.font-size-4 {
font-size: 20px !important
}
.font-size-5 {
font-size: 22px !important
}
.font-size-6 {
font-size: 30px !important
}
.font-size-7 {
font-size: 32px !important
}
.font-size-8 {
font-size: 38px !important
}
.font-size-9 {
font-size: 40px !important
}
.font-size-10 {
font-size: 48px !important
}
@media (min-width: 200px) {
.font-size-xs-1 {
font-size: 14px !important
}
.font-size-xs-2 {
font-size: 16px !important
}
.font-size-xs-3 {
font-size: 18px !important
}
.font-size-xs-4 {
font-size: 20px !important
}
.font-size-xs-5 {
font-size: 22px !important
}
.font-size-xs-6 {
font-size: 30px !important
}
.font-size-xs-7 {
font-size: 32px !important
}
.font-size-xs-8 {
font-size: 38px !important
}
.font-size-xs-9 {
font-size: 40px !important
}
.font-size-xs-10 {
font-size: 48px !important
}
}
@media (min-width: 375px) {
.font-size-sm-1 {
font-size: 14px !important
}
.font-size-sm-2 {
font-size: 16px !important
}
.font-size-sm-3 {
font-size: 18px !important
}
.font-size-sm-4 {
font-size: 20px !important
}
.font-size-sm-5 {
font-size: 22px !important
}
.font-size-sm-6 {
font-size: 30px !important
}
.font-size-sm-7 {
font-size: 32px !important
}
.font-size-sm-8 {
font-size: 38px !important
}
.font-size-sm-9 {
font-size: 40px !important
}
.font-size-sm-10 {
font-size: 48px !important
}
}
@media (min-width: 528px) {
.font-size-md-1 {
font-size: 14px !important
}
.font-size-md-2 {
font-size: 16px !important
}
.font-size-md-3 {
font-size: 18px !important
}
.font-size-md-4 {
font-size: 20px !important
}
.font-size-md-5 {
font-size: 22px !important
}
.font-size-md-6 {
font-size: 30px !important
}
.font-size-md-7 {
font-size: 32px !important
}
.font-size-md-8 {
font-size: 38px !important
}
.font-size-md-9 {
font-size: 40px !important
}
.font-size-md-10 {
font-size: 48px !important
}
}
@media (min-width: 834px) {
.font-size-lg-1 {
font-size: 14px !important
}
.font-size-lg-2 {
font-size: 16px !important
}
.font-size-lg-3 {
font-size: 18px !important
}
.font-size-lg-4 {
font-size: 20px !important
}
.font-size-lg-5 {
font-size: 22px !important
}
.font-size-lg-6 {
font-size: 30px !important
}
.font-size-lg-7 {
font-size: 32px !important
}
.font-size-lg-8 {
font-size: 38px !important
}
.font-size-lg-9 {
font-size: 40px !important
}
.font-size-lg-10 {
font-size: 48px !important
}
}
@media (min-width: 1000px) {
.font-size-xl-1 {
font-size: 14px !important
}
.font-size-xl-2 {
font-size: 16px !important
}
.font-size-xl-3 {
font-size: 18px !important
}
.font-size-xl-4 {
font-size: 20px !important
}
.font-size-xl-5 {
font-size: 22px !important
}
.font-size-xl-6 {
font-size: 30px !important
}
.font-size-xl-7 {
font-size: 32px !important
}
.font-size-xl-8 {
font-size: 38px !important
}
.font-size-xl-9 {
font-size: 40px !important
}
.font-size-xl-10 {
font-size: 48px !important
}
}
@media (min-width: 1440px) {
.font-size-xxl-1 {
font-size: 14px !important
}
.font-size-xxl-2 {
font-size: 16px !important
}
.font-size-xxl-3 {
font-size: 18px !important
}
.font-size-xxl-4 {
font-size: 20px !important
}
.font-size-xxl-5 {
font-size: 22px !important
}
.font-size-xxl-6 {
font-size: 30px !important
}
.font-size-xxl-7 {
font-size: 32px !important
}
.font-size-xxl-8 {
font-size: 38px !important
}
.font-size-xxl-9 {
font-size: 40px !important
}
.font-size-xxl-10 {
font-size: 48px !important
}
}
.font-weight-medium {
font-weight: 400 !important
}
.font-weight-semi-bold {
font-weight: 500 !important
}
.font-weight-bold {
font-weight: 700 !important
}
@media (min-width: 200px) {
.font-weight-xs-medium {
font-weight: 400 !important
}
.font-weight-xs-semi-bold {
font-weight: 500 !important
}
.font-weight-xs-bold {
font-weight: 700 !important
}
}
@media (min-width: 375px) {
.font-weight-sm-medium {
font-weight: 400 !important
}
.font-weight-sm-semi-bold {
font-weight: 500 !important
}
.font-weight-sm-bold {
font-weight: 700 !important
}
}
@media (min-width: 528px) {
.font-weight-md-medium {
font-weight: 400 !important
}
.font-weight-md-semi-bold {
font-weight: 500 !important
}
.font-weight-md-bold {
font-weight: 700 !important
}
}
@media (min-width: 834px) {
.font-weight-lg-medium {
font-weight: 400 !important
}
.font-weight-lg-semi-bold {
font-weight: 500 !important
}
.font-weight-lg-bold {
font-weight: 700 !important
}
}
@media (min-width: 1000px) {
.font-weight-xl-medium {
font-weight: 400 !important
}
.font-weight-xl-semi-bold {
font-weight: 500 !important
}
.font-weight-xl-bold {
font-weight: 700 !important
}
}
@media (min-width: 1440px) {
.font-weight-xxl-medium {
font-weight: 400 !important
}
.font-weight-xxl-semi-bold {
font-weight: 500 !important
}
.font-weight-xxl-bold {
font-weight: 700 !important
}
}
.letter-spacing-1 {
letter-spacing: -.05em !important
}
.letter-spacing-2 {
letter-spacing: -.03em !important
}
.letter-spacing-3 {
letter-spacing: 0em !important
}
@media (min-width: 200px) {
.letter-spacing-xs-1 {
letter-spacing: -.05em !important
}
.letter-spacing-xs-2 {
letter-spacing: -.03em !important
}
.letter-spacing-xs-3 {
letter-spacing: 0em !important
}
}
@media (min-width: 375px) {
.letter-spacing-sm-1 {
letter-spacing: -.05em !important
}
.letter-spacing-sm-2 {
letter-spacing: -.03em !important
}
.letter-spacing-sm-3 {
letter-spacing: 0em !important
}
}
@media (min-width: 528px) {
.letter-spacing-md-1 {
letter-spacing: -.05em !important
}
.letter-spacing-md-2 {
letter-spacing: -.03em !important
}
.letter-spacing-md-3 {
letter-spacing: 0em !important
}
}
@media (min-width: 834px) {
.letter-spacing-lg-1 {
letter-spacing: -.05em !important
}
.letter-spacing-lg-2 {
letter-spacing: -.03em !important
}
.letter-spacing-lg-3 {
letter-spacing: 0em !important
}
}
@media (min-width: 1000px) {
.letter-spacing-xl-1 {
letter-spacing: -.05em !important
}
.letter-spacing-xl-2 {
letter-spacing: -.03em !important
}
.letter-spacing-xl-3 {
letter-spacing: 0em !important
}
}
@media (min-width: 1440px) {
.letter-spacing-xxl-1 {
letter-spacing: -.05em !important
}
.letter-spacing-xxl-2 {
letter-spacing: -.03em !important
}
.letter-spacing-xxl-3 {
letter-spacing: 0em !important
}
}
.line-height-1 {
line-height: 1em !important
}
.line-height-2 {
line-height: 1.25em !important
}
.line-height-3 {
line-height: 1.5em !important
}
.line-height-4 {
line-height: 1.75em !important
}
.line-height-5 {
line-height: 2em !important
}
@media (min-width: 200px) {
.line-height-xs-1 {
line-height: 1em !important
}
.line-height-xs-2 {
line-height: 1.25em !important
}
.line-height-xs-3 {
line-height: 1.5em !important
}
.line-height-xs-4 {
line-height: 1.75em !important
}
.line-height-xs-5 {
line-height: 2em !important
}
}
@media (min-width: 375px) {
.line-height-sm-1 {
line-height: 1em !important
}
.line-height-sm-2 {
line-height: 1.25em !important
}
.line-height-sm-3 {
line-height: 1.5em !important
}
.line-height-sm-4 {
line-height: 1.75em !important
}
.line-height-sm-5 {
line-height: 2em !important
}
}
@media (min-width: 528px) {
.line-height-md-1 {
line-height: 1em !important
}
.line-height-md-2 {
line-height: 1.25em !important
}
.line-height-md-3 {
line-height: 1.5em !important
}
.line-height-md-4 {
line-height: 1.75em !important
}
.line-height-md-5 {
line-height: 2em !important
}
}
@media (min-width: 834px) {
.line-height-lg-1 {
line-height: 1em !important
}
.line-height-lg-2 {
line-height: 1.25em !important
}
.line-height-lg-3 {
line-height: 1.5em !important
}
.line-height-lg-4 {
line-height: 1.75em !important
}
.line-height-lg-5 {
line-height: 2em !important
}
}
@media (min-width: 1000px) {
.line-height-xl-1 {
line-height: 1em !important
}
.line-height-xl-2 {
line-height: 1.25em !important
}
.line-height-xl-3 {
line-height: 1.5em !important
}
.line-height-xl-4 {
line-height: 1.75em !important
}
.line-height-xl-5 {
line-height: 2em !important
}
}
@media (min-width: 1440px) {
.line-height-xxl-1 {
line-height: 1em !important
}
.line-height-xxl-2 {
line-height: 1.25em !important
}
.line-height-xxl-3 {
line-height: 1.5em !important
}
.line-height-xxl-4 {
line-height: 1.75em !important
}
.line-height-xxl-5 {
line-height: 2em !important
}
}
.text-align-left {
text-align: left
}
.text-align-center {
text-align: center
}
.text-align-right {
text-align: right
}
@media (min-width: 200px) {
.text-align-xs-left {
text-align: left
}
.text-align-xs-center {
text-align: center
}
.text-align-xs-right {
text-align: right
}
}
@media (min-width: 375px) {
.text-align-sm-left {
text-align: left
}
.text-align-sm-center {
text-align: center
}
.text-align-sm-right {
text-align: right
}
}
@media (min-width: 528px) {
.text-align-md-left {
text-align: left
}
.text-align-md-center {
text-align: center
}
.text-align-md-right {
text-align: right
}
}
@media (min-width: 834px) {
.text-align-lg-left {
text-align: left
}
.text-align-lg-center {
text-align: center
}
.text-align-lg-right {
text-align: right
}
}
@media (min-width: 1000px) {
.text-align-xl-left {
text-align: left
}
.text-align-xl-center {
text-align: center
}
.text-align-xl-right {
text-align: right
}
}
@media (min-width: 1440px) {
.text-align-xxl-left {
text-align: left
}
.text-align-xxl-center {
text-align: center
}
.text-align-xxl-right {
text-align: right
}
}
.text-decoration-none {
text-decoration: none
}
.text-decoration-underline {
text-decoration: underline
}
@media (min-width: 200px) {
.text-decoration-xs-none {
text-decoration: none
}
.text-decoration-xs-underline {
text-decoration: underline
}
}
@media (min-width: 375px) {
.text-decoration-sm-none {
text-decoration: none
}
.text-decoration-sm-underline {
text-decoration: underline
}
}
@media (min-width: 528px) {
.text-decoration-md-none {
text-decoration: none
}
.text-decoration-md-underline {
text-decoration: underline
}
}
@media (min-width: 834px) {
.text-decoration-lg-none {
text-decoration: none
}
.text-decoration-lg-underline {
text-decoration: underline
}
}
@media (min-width: 1000px) {
.text-decoration-xl-none {
text-decoration: none
}
.text-decoration-xl-underline {
text-decoration: underline
}
}
@media (min-width: 1440px) {
.text-decoration-xxl-none {
text-decoration: none
}
.text-decoration-xxl-underline {
text-decoration: underline
}
}
</style>
<div class="logged-in-content d-none">
<div class="spotlight-1">
<div class="spotlight-1__background">
<img class="spotlight-1__background-image d-lg-block" data-src="/multimedia/homepage-v13-hero-catalog-desktop.jpg">
<img class="spotlight-1__background-image d-none d-md-block d-lg-none" data-src="/multimedia/homepage-v13-spotlight-catalog-tablet.jpg">
<img class="spotlight-1__background-image d-md-none" data-src="/multimedia/homepage-v13-spotlight-catalog-mobile.jpg">
<div class="spotlight-1__background-content d-md-none">
<div class="container p-b-5">
<h2 class="line-height-1 color-white font-size-7">Choose a gift. <span class="font-weight-bold">Change a life!</span></h2>
</div>
</div>
</div>
<div class="spotlight-1__content">
<div class="container-xxl p-x-0 p-md-x-4 p-md-t-9">
<div class="row g-0 g-md-4">
<div class="col-12 col-md-8 col-lg-6 col-xxl-4">
<h2 class="color-white line-height-1 m-b-5 d-none d-md-block font-size-9 font-size-xxl-10"> Choose a gift. <div class="font-weight-bold">Change a life!</div>
</h2>
<p class="d-none d-lg-block color-white line-height-3">After natural disasters, children are at the highest risk. They are most affected by unsafe water, skipped meals and time away from school. These gifts will provide critical
disaster relief to help families in poverty stay healthy and safe as they recover from a crisis.</p>
<div class="bg-white p-4 p-md-5 box-shadow-1 m-lg-b-n7" position="relative">
<div class="donate-array" data-fund="tcm:5-176380" data-add-multi-funds="true" data-frequency-options="OneTime" data-show-impacts="true" data-show-other="true">
<div class="donate-array__amounts row g-1">
<div class="col m-b-2">
<button class="donate-array__amount" value="25" data-fund="tcm:5-164210" selected="true">$25</button>
</div>
<div class="col m-b-2">
<button class="donate-array__amount" value="65" data-fund="tcm:5-164209">$65</button>
</div>
<div class="col m-b-2">
<button class="donate-array__amount" value="125" data-fund="tcm:5-176377">$125</button>
</div>
<div class="col m-b-2">
<button class="donate-array__amount" value="275" data-fund="tcm:5-97018">$275</button>
</div>
<div class="col">
<button class="donate-array__amount" value="Other" data-fund="tcm:5-176380" aria-expanded="false">Other</button>
</div>
</div>
<div class="donate-array__impacts row m-t-6 text-align-center" aria-hidden="false">
<div class="col-12 text-2 m-b-6 font-weight-semi-bold">
<span class="donate-array__impact-amount">$25</span> provides children with the following:
</div>
<div class="donate-array__impact col-xs-6 col-lg text-1 is-selected" data-amount="25">
<img class="donate-array__impact-icon" data-src="/multimedia/icon-hygiene-blue.svg">
<div class="text-align-left text-align-md-center">Hygiene Kit</div>
</div>
<div class="donate-array__impact col-xs-6 col-lg text-1" data-amount="65">
<img class="donate-array__impact-icon" data-src="/multimedia/icon-food-blue.svg">
<div class="text-align-left text-align-md-center">Emergency Food Pack</div>
</div>
<div class="donate-array__impact col-xs-6 col-lg text-1" data-amount="125">
<img class="donate-array__impact-icon" data-src="/multimedia/icon-water-blue.svg">
<div class="text-align-left text-align-md-center">Emergency Water</div>
</div>
<div class="donate-array__impact col-xs-6 col-lg text-1" data-amount="275">
<img class="donate-array__impact-icon" data-src="/multimedia/icon-disaster-blue.svg">
<div class="text-align-left text-align-md-center">Help Rebuild in Haiti</div>
</div>
</div>
<div class="donate-array__other text-align-center d-none p-y-6" aria-hidden="true">
<div class="text-2 font-weight-bold m-b-4 line-height-2">Your donation to the Disaster Relief Fund will help children and families when disasters strike.</div>
<input class="donate-array__other-amount" type="tel">
</div>
<input type="submit" class="d-block button button-primary text-center m-t-4 donate-array__submit" value="Donate $25" style="width:100%;">
</div>
<hr class="m-t-6 m-b-5">
<div class="font-size-1 text-align-center m-t-4">
<a class="link link-icon link-icon-icon-arrow-right link-icon-right color-royal-blue" href="/catalog/view-all.htm">
<span class="link-label">See all catalog gifts</span>
<span class="link-icon__icon">
<img class="link-icon-image" data-src="/multimedia/icon-arrow-right-blue.svg" src="/multimedia/icon-arrow-right-blue.svg">
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="logged-out-content">
<div class="feature">
<div class="feature__background">
<img class="feature__background-image d-none d-lg-block" data-src="/multimedia/homepage-v13-hero-desktop.jpg" src="/multimedia/homepage-v13-hero-desktop.jpg">
<img class="feature__background-image d-none d-md-block d-lg-none" data-src="/multimedia/homepage-v13-hero-tablet.jpg">
<img class="feature__background-image d-md-none" data-src="/multimedia/homepage-v13-hero-mobile.jpg">
</div>
<div class="feature__title">
<div class="container-xxl">
<div class="row">
<div class="col-12 col-md-6 col-xl-4">
<h1 class="color-dark-teal letter-spacing-1 m-md-b-6 font-size-7 font-size-md-10 line-height-1">
<span class="font-weight-medium"><span class="color-royal-blue">Give Hope</span> to</span> Children in Poverty
</h1>
</div>
</div>
</div>
</div>
<div class="feature__content">
<div class="container-xxl">
<div class="row">
<div class="col-12 col-md-6 col-xl-4">
<p class="color-dark-teal font-weight-semi-bold font-size-1 font-size-md-2 font-size-lg-3 line-height-3 m-b-5 m-md-b-6"> Poverty robs children of their health, education and hope for the future. When you sponsor a child, you empower
their local church, who understands their individual challenges, to walk alongside them — releasing them from poverty in Jesus' name.</p><a class="button button-primary button-full button-secondary homepage-hero-sac-link" href="/sponsor_a_child/">Sponsor
a
Child</a>
<div class="m-t-5 m-md-t-7 text-align-center"><a class="link link-icon link-icon-icon-arrow-right link-icon-right color-dark-teal" href="/ways-to-donate.htm">
<span class="link-label">Donate to a Cause</span>
<span class="link-icon__icon">
<img class="link-icon-image" data-src="/multimedia/icon-arrow-right.svg" src="/multimedia/icon-arrow-right.svg">
</span>
</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-light-gray p-y-8 p-md-y-9">
<div class="container-md container-lg-lg container-xxl-xxl">
<div class="video-story" data-video-url="https://www.youtube.com/embed/KS4PCWhGzSA?autoplay=1">
<div class="row g-xxl-5">
<div class="col-12 col-xxl-3">
<h5 class="video-story__title line-height-2 font-size-3 font-size-md-4 font-weight-bold color-dark-teal"> Sponsorship changes everything. </h5>
<h6 class="video-story__sub-title line-height-2 font-size-2 font-size-md-3 font-weight-bold color-gray m-b-5"> Yanelly's Story </h6>
<div class="font-size-1 font-size-md-2 font-weight-semi-bold line-height-4 m-b-5"> Abandoned by her father and trapped in poverty, Yanelly had no hope for her future — until her sponsor and center believed in her. Learn how Compassion
changed her future. </div>
<a class="video-story__play d-none d-xxl-inline-flex align-items-center" href="#" role="button" aria-label="play video about Yanelly's story">
<img class="video-story__play-icon m-r-2" data-src="/multimedia/icon-play.svg" src="/multimedia/icon-play.svg">
<span class="video-story__play-label">Watch her story.</span>
</a>
<div class="row g-2 align-items-unset m-t-5 d-none d-xxl-flex" style="position: relative;">
<div class="col">
<a class="button button-light button-sm button-full text-center d-flex align-items-center justify-content-center" href="https://www.facebook.com/sharer/sharer.php?u=https://www.youtube.com/embed/KS4PCWhGzSA" aria-label="share this video on Facebook" target="_blank">
<img data-src="/multimedia/icon-facebook.svg" style="height:20px;opacity:.6;" src="/multimedia/icon-facebook.svg">
<span class="m-l-2" style="font-size:.75rem;">Share</span>
</a>
</div>
<div class="col">
<a class="button button-light button-sm button-full text-center d-flex align-items-center justify-content-center" href="https://twitter.com/intent/tweet?url=https://www.youtube.com/embed/KS4PCWhGzSA" data-platform="Twitter" aria-label="share this video on Twitter" target="_blank">
<img data-src="/multimedia/icon-twitter.svg" style="height:20px;opacity:.6;" src="/multimedia/icon-twitter.svg">
<span class="m-l-2" style="font-size:.75rem;">Share</span>
</a>
</div>
<div class="col">
<button class="copy-link button button-light button-sm button-full text-center p-x-4 d-flex align-items-center justify-content-center" value="https://youtu.be/KS4PCWhGzSA" aria-label="copy video URL to share with friends">
<img data-src="/multimedia/icon-copy.svg" style="height:20px" src="/multimedia/icon-copy.svg">
<span class="m-l-2" style="font-size:.75rem;">Copy</span>
</button>
</div>
</div>
</div>
<div class="col-12 col-xxl-9">
<div class="video-story__video video-story__video--letterbox d-none d-lg-block">
<button class="video-story__video-poster" aria-label="play video about Yanelly's story">
<img class="video-story__video-poster-image" data-src="/multimedia/homepage-v13-video-poster.jpg" src="/multimedia/homepage-v13-video-poster.jpg">
<img class="video-story__video-poster-icon" data-src="/multimedia/icon-play-light.svg" src="/multimedia/icon-play-light.svg">
</button>
</div>
<div class="c-video c-video--responsive d-lg-none bg-black">
<iframe class="video-story__video-mobile" data-src="https://www.youtube.com/embed/KS4PCWhGzSA" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
</div>
<div class="col-12 d-xxl-none">
<div class="row g-2 align-items-unset m-t-5">
<div class="col">
<a class="button button-light button-sm button-full text-center d-flex align-items-center justify-content-center" href="https://www.facebook.com/sharer/sharer.php?u=https://www.youtube.com/embed/KS4PCWhGzSA" aria-label="share this video on Facebook" target="_blank">
<img data-src="/multimedia/icon-facebook.svg" style="height:20px;opacity:.6;">
<span class="m-l-2" style="font-size:.75rem;">Share</span>
</a>
</div>
<div class="col">
<a class="button button-light button-sm button-full text-center d-flex align-items-center justify-content-center" href="https://twitter.com/intent/tweet?url=https://youtu.be/KS4PCWhGzSA" data-platform="Twitter" aria-label="share this video on Twitter" target="_blank">
<img data-src="/multimedia/icon-twitter.svg" style="height:20px;opacity:.6;">
<span class="m-l-2" style="font-size:.75rem;">Share</span>
</a>
</div>
<div class="col">
<button class="copy-link button button-light button-sm button-full text-center p-x-4 d-flex align-items-center justify-content-center" value="https://youtu.be/KS4PCWhGzSA">
<img data-src="/multimedia/icon-copy.svg" style="height:20px">
<span class="m-l-2" style="font-size:.75rem;">Copy</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-xxl p-0 p-md-4 p-xl-6" style="max-width:1538px;">
<div class="row row-border-right-xl g-0 g-xl-6">
<div class="col-12 col-xl-8 d-flex">
<div class="logged-out-content" style="width:100%;">
<div class="spotlight-1">
<div class="spotlight-1__background">
<img class="spotlight-1__background-image d-none d-lg-block" data-src="/multimedia/homepage-v13-spotlight-catalog-desktop.jpg?v=2" src="/multimedia/homepage-v13-spotlight-catalog-desktop.jpg?v=2">
<img class="spotlight-1__background-image d-none d-md-block d-lg-none" data-src="/multimedia/homepage-v13-spotlight-catalog-tablet.jpg">
<img class="spotlight-1__background-image d-md-none" data-src="/multimedia/homepage-v13-spotlight-catalog-mobile.jpg">
<div class="spotlight-1__background-content container d-md-none">
<h2 class="m-b-5 color-white p-t-9 font-size-8 line-height-1 m-b-7">Choose a gift. <span class="d-block font-weight-bold">Change a life!</span></h2>
</div>
</div>
<div class="spotlight-1__content p-md-x-4 p-md-y-4 p-md-t-9 p-lg-b-7 p-lg-x-7">
<h2 class="m-b-5 d-none d-md-block color-white p-t-9 font-size-8 line-height-1 m-b-7">Choose a gift. <span class="d-block font-weight-bold">Change a life!</span>
</h2>
<div class="row g-0 g-lg-5">
<div class="col-12 col-md-7">
<div class="bg-white p-4 p-md-5 box-shadow-1">
<div class="donate-array" data-fund="tcm:5-176380" data-add-multi-funds="true" data-frequency-options="OneTime" data-show-impacts="true" data-show-other="true">
<div class="donate-array__amounts row g-1">
<div class="col m-b-2">
<button class="donate-array__amount" value="25" data-fund="tcm:5-164210">$25</button>
</div>
<div class="col m-b-2">
<button class="donate-array__amount" value="65" data-fund="tcm:5-164209" selected="selected">$65</button>
</div>
<div class="col m-b-2">
<button class="donate-array__amount" value="125" data-fund="tcm:5-176377">$125</button>
</div>
<div class="col m-b-2">
<button class="donate-array__amount" value="275" data-fund="tcm:5-97018">$275</button>
</div>
<div class="col">
<button class="donate-array__amount" value="Other" data-fund="tcm:5-176380" aria-expanded="false">Other</button>
</div>
</div>
<div class="donate-array__impacts row m-t-6 text-align-center" aria-hidden="false">
<div class="col-12 text-2 m-b-6 font-weight-semi-bold">
<span class="donate-array__impact-amount">$65</span> provides children with the following:
</div>
<div class="donate-array__impact col-6 col-md text-1" data-amount="25">
<img class="donate-array__impact-icon" data-src="/multimedia/icon-hygiene-blue.svg">
<div class="text-align-left text-align-lg-center">Hygiene Kit</div>
</div>
<div class="donate-array__impact col-6 col-md text-1 is-selected" data-amount="65">
<img class="donate-array__impact-icon" data-src="/multimedia/icon-food-blue.svg">
<div class="text-align-left text-align-lg-center">Emergency Food Pack </div>
</div>
<div class="donate-array__impact col-6 col-md text-1" data-amount="125">
<img class="donate-array__impact-icon" data-src="/multimedia/icon-water-blue.svg">
<div class="text-align-left text-align-lg-center">Emergency Water</div>
</div>
<div class="donate-array__impact col-6 col-md text-1" data-amount="275">
<img class="donate-array__impact-icon" data-src="/multimedia/icon-disaster-blue.svg">
<div class="text-align-left text-align-lg-center">Help Rebuild in Haiti </div>
</div>
</div>
<div class="donate-array__other text-align-center d-none p-y-6" aria-hidden="true">
<div class="text-2 font-weight-bold m-b-4 line-height-2">Your donation to the Disaster Relief Fund will help children and families when disasters strike.</div>
<input class="donate-array__other-amount" type="tel">
</div>
<input type="submit" class="d-block button button-primary text-center m-t-4 donate-array__submit" value="Donate $65" style="width:100%;">
</div>
<hr class="m-t-6 m-b-5">
<div class="font-size-1 text-align-center m-t-4">
<a class="link link-icon link-icon-icon-arrow-right link-icon-right color-royal-blue" href="/catalog/view-all.htm">
<span class="link-label">See all catalog gifts</span>
<span class="link-icon__icon">
<img class="link-icon-image" data-src="/multimedia/icon-arrow-right-blue.svg" src="/multimedia/icon-arrow-right-blue.svg">
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="logged-in-content d-none" style="width:100%;">
<div class="spotlight-2">
<div class="spotlight-2__background">
<img class="spotlight-2__background-image d-none d-lg-block" data-src="/multimedia/homepage-v13-spotlight-1-sponsorship-desktop.jpg">
<img class="spotlight-2__background-image d-none d-md-block d-lg-none" data-src="/multimedia/homepage-v13-spotlight-1-sponsorship-tablet.jpg">
<img class="spotlight-2__background-image d-md-none" data-src="/multimedia/homepage-v13-spotlight-1-sponsorship-mobile.jpg">
</div>
<div class="spotlight-2__content container p-b-5">
<div class="row">
<div class="col-12 col-md-8 col-lg-7">
<h1 class="color-dark-teal letter-spacing-1 m-b-5 m-md-b-6">
<span class="font-weight-medium"><span class="color-royal-blue">Give Hope</span> to Another</span> Child in Poverty
</h1>
<div class="row">
<div class="col-12 col-lg-10 col-xxl-8">
<a class="button button-secondary button-full" href="/sponsor_a_child/">Sponsor Another Child</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-xl-4 m-y-7 m-xl-t-0">
<div class="container-md container-xl-xxl p-lg-x-0">
<a href="/poverty/poverty-and-inflation.htm">
<div class="aspect-square m-b-4">
<img class="bg-gray" data-src="/multimedia/homepage-inflation-spotlight.jpg" alt="three children sit at a yellow desk" src="/multimedia/homepage-inflation-spotlight.jpg">
</div>
</a>
<h5 class="font-weight-bold m-b-4"><a class="color-dark-teal" href="/poverty/poverty-and-inflation.htm">Why Is Everything So Expensive Right Now?</a></h5>
<p>You don’t have to be an economist to understand that everything from a gallon of milk to a gallon of gas is more expensive than usual these days. But why is this happening, and how is it affecting our most vulnerable neighbors around
the world?</p>
<div class="text-align-center text-align-md-left">
<a class="link link-icon link-icon-icon-arrow-right link-icon-right color-royal-blue font-size-1 font-size-md-2" href="/poverty/poverty-and-inflation.htm">
<span class="link-label">See How this Impacts the Impoverished</span>
<span class="link-icon__icon">
<img class="link-icon-image" src="/multimedia/icon-arrow-right-blue.svg">
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="tabs">
<nav class="tabs__nav">
<a class="tabs__nav-link is-selected" href="#slide0" aria-label="Learn what is sponsorship" aria-expanded="true" aria-controls="slide0" role="button">Sponsorship</a>
<a class="tabs__nav-link" href="#slide1" aria-label="Learn how we work" aria-expanded="false" aria-controls="slide1" role="button">How We Work</a>
<a class="tabs__nav-link" href="#slide2" aria-label="Learn our impact" aria-expanded="false" aria-controls="slide2" role="button">Our Impact</a>
</nav>
<div class="tabs__window bg-light-gray" style="height: 928.188px;">
<div class="tabs__slide p-y-5 p-lg-y-8" aria-hidden="false" id="slide0">
<div class="container-md container-lg-lg container-xxl-xxl">
<div class="row g-5">
<div class="col-12 col-xxl-5 d-none d-xxl-flex">
<div style="position: relative;width:100%;height:100%;">
<img style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;" data-src="/multimedia/homepage-v13-sponsorship.jpg"
alt="Lizbeth is wearing a white shirt with a floral pattern on it. She is standing in front of a green board in her classroom and she is holding up one of her sponsor's letters.">
</div>
</div>
<div class="col-12 col-xxl-7">
<div class="d-none d-md-block d-xxl-none m-b-5" style="position: relative;width:100%;height:0%;padding-top:62.5%;">
<img data-src="/multimedia/homepage-v13-sponsorship-tablet.jpg" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;"
alt="Lizbeth is wearing a white shirt with a floral pattern on it. She is standing in front of a green board in her classroom and she is holding up one of her sponsor's letters.">
</div>
<h2 class="m-b-5 color-dark-teal">What Is Sponsorship?</h2>
<div class="p-xxl-l-8">
<p class="font-weight-semi-bold line-height-5">When you sponsor a child, you care for and encourage them through prayer, letter writing and financial support. That support empowers a local church to individually and holistically
meet their needs in a loving, safe community where they can learn, grow, play and dream.</p>
</div>
<div class="d-block d-md-none" style="position:relative;width:100%;height:0%;padding-top:62.5%;">
<img class="d-block d-md-none" data-src="/multimedia/homepage-v13-sponsorship-mobile.jpg" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;"
alt="Lizbeth is wearing a white shirt with a floral pattern on it. She is standing in front of a green board in her classroom and she is holding up one of her sponsor's letters.">
</div>
<blockquote class="blockquote m-y-5 bg-white bg-xxl-transparent box-shadow-1 box-shadow-xxl-none p-0" style="font-family:inherit;">
<div class="blockquote__content p-r-5 p-y-5 p-xxl-y-0 p-xxl-r-0"> When you become a sponsor, you are personally connected with a child who will know your name and treasure the thought that you care about them. </div>
</blockquote>
<div class="p-xxl-l-8">
<p class="font-weight-semi-bold line-height-5">Your support gives a child life-changing opportunity to develop spiritually, emotionally, physically and economically. <span class="font-weight-bold">It's a relationship more powerful
than poverty — changing their life and yours!</span></p>
</div>
<h5 class="color-dark-teal font-weight-bold m-t-8 m-b-0">Your donation provides</h5>
<hr class="m-t-4 m-b-6">
<div class="row m-b-5 m-xxl-b-0">
<div class="col-12 col-lg-6 m-b-6">
<span class="font-weight-semi-bold color-dark-teal text-decoration-none">Health Care</span>
</div>
<div class="col-12 col-lg-6 m-b-6">
<span class="font-weight-semi-bold color-dark-teal text-decoration-none">Age-Appropriate Christian Teaching</span>
</div>
<div class="col-12 col-lg-6 m-b-6">
<span class="font-weight-semi-bold color-dark-teal text-decoration-none">Hygiene Training</span>
</div>
<div class="col-12 col-lg-6 m-b-6">
<span class="font-weight-semi-bold color-dark-teal text-decoration-none">Education & Vocational Training</span>
</div>
<div class="col-12 col-lg-6 m-b-6">
<span class="font-weight-semi-bold color-dark-teal text-decoration-none">Nutrition & Water</span>
</div>
<div class="col-12 col-lg-6">
<span class="font-weight-semi-bold color-dark-teal text-decoration-none">Mentorship, Guidance & Love</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tabs__slide p-y-5 p-lg-y-8" aria-hidden="true" id="slide1">
<div class="container-md container-lg-lg container-xxl-xxl p-xxl-x-8">
<div class="row g-xxl-8">
<div class="col-12 col-xxl-6">
<h3 class="color-dark-teal font-weight-semi-bold m-b-5 font-size-5">A Three-Cord Approach</h3>
<p class="font-weight-semi-bold line-height-5">Our holistic child development model is delivered primarily through child sponsorship and is Christ-centered, church-based and child-focused. </p>
<div style="position:relative;width:100%;height:0;padding-top:62.5%">
<img class="d-block" data-src="/multimedia/homepage-v13-a-three-cord-approach.jpg" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;"
alt="Children at a Church in Oloontoto, Kenya standing in front of their hall and church building at the project.">
</div>
<div class="bg-dark-teal color-white p-5 font-size-1 m-b-4">
<span class="font-weight-bold">CHILDREN PLAYING | </span>
<span class="font-weight-normal">Bagamoyo, Tanzania</span>
</div>
<p class="color-dark-teal line-height-5">According to a poll of top development economists, child sponsorship is THE most effective long-term development intervention for helping the poor. It not only addresses immediate physical
needs but also helps build self-esteem and self-respect.</p>
</div>
<div class="col-12 col-xxl-6">
<h3 class="color-dark-teal font-weight-semi-bold m-b-5 font-size-5">Delivered by the Local Church</h3>
<p class="font-weight-semi-bold line-height-5">Our program is run entirely by local Christian churches in Africa, Asia, Central America and South America. Why? Local churches are experts on their communities' needs.</p>
<div style="position:relative;width:100%;height:0;padding-top:62.5%">
<img class="d-block" data-src="/multimedia/homepage-v13-delivered-by-the-local-church.jpg" style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;"
alt="Kennedy, an alumni from Kenya, is wearing a yellow shirt and black pants. He is holding out a picture of himself as a child.">
</div>
<div class="bg-dark-teal color-white p-5 font-size-1 m-b-4">
<span class="font-weight-bold">CHURCH CENTER | </span>
<span class="font-weight-normal">Oloontoto, Kenya</span>
</div>
<p class="color-dark-teal line-height-5">Through partnerships with local churches, we empower people from each child's community to care for them so that, regardless of location, our model is culturally appropriate and relevant. But
in all cases, we provide love, education, health care, nutrition and opportunities to hear the gospel.</p>
</div>
</div>
</div>
</div>
<div class="tabs__slide p-y-5 p-lg-y-8" aria-hidden="true" id="slide2">
<div class="container-md container-lg-lg container-xxl-xxl p-xxl-x-8">
<div class="row g-xxl-8">
<div class="col-12 col-xxl-6">
<h4 class="color-dark-teal">An Overview</h4>
<hr class="m-t-4 m-b-6">
<p class="font-weight-semi-bold line-height-5">Since the Rev. Everett Swanson first ministered to orphans living on the streets of South Korea during the Korean War, Compassion has expanded to serve over 25 different countries and
over four million children. Through frontline church partners, we provide children with the opportunity to rise above their circumstances and become all God has created them to be.</p>
<div style="position:relative;">
<img class="d-block" data-src="/multimedia/homepage-v13-an-overview.jpg" style="positon:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;"
alt="Kennedy, an alumni from Kenya, is wearing a yellow shirt and black pants. He is holding out a picture of himself as a child.">
</div>
</div>
<div class="col-12 col-xxl-6">
<blockquote class="attribution-quote d-xxl-flex align-items-flex-start m-t-8 m-xxl-t-0 font-size-2" style="font-family:inherit;">
<img class="d-block" data-src="/multimedia/homepage-v13-quote.png" style="margin-right:auto;margin-left:auto;" alt="Christine Uwase, a child protection officer from Rwanda.">
<div class="attribution-quote__content p-xxl-l-6">
<div class="attribution-quote__quote line-height-5 color-dark-teal font-weight-semi-bold m-t-5 m-xxl-t-0"> “My life is true confirmation that God has a plan for each one of us and has mysterious ways to fulfill the plan. The way
God used sponsors through Compassion to transform my life is one of those mysteries.” </div>
<div class="attribution-quote__attribution color-gray2 m-t-5">
<div class="m-b-3">— Christine Uwase</div>
<div class="font-size-1 m-b-3" style="font-style:italic;">Child Protection Officer, Rwanda</div>
<div class="font-size-1 font-weight-semi-bold">Compassion Alumna</div>
</div>
</div>
</blockquote>
<div class="m-t-7">
<h4 class="color-dark-teal">Independently Verified Stats*</h4>
<hr class="m-t-4 m-b-6">
<p class="line-height-5">Children who participate in Compassion's programs are</p>
<div class="row g-6">
<div class="col-6">
<div class="color-royal-blue font-size-9 font-weight-bold m-b-3">40%</div>
<p class="font-size-1 color-dark-teal line-height-2">more likely to finish secondary education</p>
</div>
<div class="col-6">
<div class="color-royal-blue font-size-9 font-weight-bold m-b-3">80%</div>
<p class="font-size-1 color-dark-teal line-height-2">more likely to graduate college </p>
</div>
<div class="col-6">
<div class="color-royal-blue font-size-9 font-weight-bold m-b-3">18%</div>
<p class="font-size-1 color-dark-teal line-height-2">more likely to have salaried employment as an adult</p>
</div>
<div class="col-6">
<div class="color-royal-blue font-size-9 font-weight-bold m-b-3">75%</div>
<p class="font-size-1 color-dark-teal line-height-2">more likely to become leaders in their community</p>
</div>
</div>
<p class="font-size-1 text-gray">*2008, Dr. Bruce Wydick, University of San Francisco</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-align-center p-b-5 p-lg-b-8 bg-light-gray">
<a class="link link-icon link-icon-icon-arrow-right link-icon-right color-royal-blue" href="/sponsor_a_child/">
<span class="link-label">Sponsor a Child Today</span>
<span class="link-icon__icon">
<img class="link-icon-image" data-src="/multimedia/icon-arrow-right-blue.svg">
</span>
</a>
</div>
</div>
<div class="container-lg text-align-center p-y-8" style="max-width:600px;">
<p class="font-weight-semi-bold">We consistently receive some of the highest ratings possible from charity evaluators and watchdogs.</p>
<div class="row align-items-center">
<div class="col">
<a href="https://www.guidestar.org/profile/36-2423707" target="_blank">
<img data-src="/multimedia/trust-icon-platinum-transparency-blue.svg" style="width:64px;">
</a>
</div>
<div class="col">
<a href="https://www.give.org/charity-reviews/national/child-sponsorship/compassion-international-in-colorado-springs-co-3017" target="_blank">
<img data-src="/multimedia/trust-icon-bbb-blue.svg" style="width:119px;">
</a>
</div>
<div class="col">
<a href="https://www.ecfa.org/MemberProfile.aspx?ID=4466" target="_blank">
<img data-src="/multimedia/trust-icon-ecfa-blue.svg" style="width:64px;">
</a>
</div>
<div class="col">
<a href="https://www.charitywatch.org/charities/compassion-international" target="_blank">
<img data-src="/multimedia/trust-icon-charity-navigator-blue.svg" style="width:169px;">
</a>
</div>
</div>
</div>
</div>
<footer class="c-footer">
<div id="footer">
<div class="yui3-g">
<div class="yui3-u-1">
<div id="utility">
<div class="yui3-g">
<div class="yui3-u-1">
<ul class="social">
<li><a href="https://www.facebook.com/compassionintl" class="fa fa-facebook"> </a></li>
<li><a href="https://instagram.com/compassion" class="fa fa-instagram"> </a></li>
<li><a href="https://twitter.com/compassion" class="fa fa-twitter"> </a></li>
<li><a href="https://pinterest.com/compassion/" class="fa fa-pinterest"> </a></li>
<li><a href="https://www.youtube.com/user/CompassionIntl" class="fa fa-youtube"> </a></li>
<li><a href="https://www.tiktok.com/@compassioninternational" class="fa fa-tiktok"> </a></li>
<li><a href="https://www.linkedin.com/company/compassion-international" class="fa fa-linkedin"> </a></li>
</ul>
</div>
</div>
</div>
<div class="c-footer__links-wrapper">
<div class="c-footer__links">
<div class="footer-links-primary">
<div class="footer-links-title"> Ways to Give </div>
<ul class="footer-links">
<li><a href="/sponsor_a_child/">Sponsor a Child</a></li>
<li><a href="/ways-to-donate.htm">Ways to Donate</a></li>
<li><a href="/donate.htm#external">Disaster Relief</a></li>
<li><a href="/donate-to-charity.htm">Meet Critical Needs</a></li>
<li><a href="/donate/cryptocurrency.htm">Donate Crypto</a></li>
</ul>
</div>
<div class="footer-links-tertiary">
<ul class="footer-links">
<li><a href="/compassionsunday/">Compassion Sunday</a></li>
<li><a href="/charitable-gift-catalog.htm">Gift Catalog</a></li>
</ul>
</div>
<div class="footer-links-secondary">
<div class="linkTitle"> Quick Links </div>
<div class="yui3-g">
<div class="yui3-u-1-2">
<ul class="links-group">
<li><a href="/employment/christian-employment.htm">Careers</a></li>
<li><a href="/press-center.htm">Press Center</a></li>
<li><a href="https://www.compassion.com/estate-and-asset-giving/">Estate and Asset Giving</a></li>
<li><a href="https://store.compassion.com" target="_blank">Compassion Store</a></li>
</ul>
</div>
<div class="yui3-u-1-2">
<ul class="links-group">
<li><a href="https://blog.compassion.com" target="_blank">Blog</a></li>
<li><a href="/my-account/">My Account</a></li>
<li><a href="/get-involved/amazon-smile-charity.htm">AmazonSmile Program for Charities</a></li>
<li><a href="/sitemap/sitemap.htm">Site Map</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="yui3-g">
<div class="yui3-u-1">
<div class="c-copyright" id="copyright">
<div class="yui3-g">
<div class="yui3-u-2-3">
<ul class="c-footer__trust-items">
<li><a href="https://safeweb.norton.com/report/show?url=www.compassion.com" class="c-footer__trust-icon c-footer__trust-icon--thawte" title="Norton Secured"> </a>
<br>
</li>
<li><a href="https://www.ecfa.org/MemberProfile.aspx?ID=4466" class="c-footer__trust-icon c-footer__trust-icon--ecfa" title="ECFA"> </a>
<br>
</li>
<li><a href="https://www.charitynavigator.org/index.cfm?bay=search.summary&orgid=3555" class="c-footer__trust-icon c-footer__trust-icon--charity-navigator" title="Charity Navigator"> </a>
<br>
</li>
<li><a href="https://www.give.org/charity-reviews/national/child-sponsorship/compassion-international-in-colorado-springs-co-3017" class="c-footer__trust-icon c-footer__trust-icon--bbb" title="BBB"> </a>
<br>
</li>
<li><a href="https://www.charitywatch.org/ratings-and-metrics/compassion-international/172" class="c-footer__trust-icon c-footer__trust-icon--charity-watchdog" title="Charity Watchdog"> </a>
<br>
</li>
<li><a href="https://www.guidestar.org/profile/36-2423707" class="c-footer__trust-icon c-footer__trust-icon--guidestar" title="Guidestar"> </a>
<br>
</li>
</ul>
<div class="c-copyright__copy">
<p>© 2022 Compassion International. All Rights Reserved. <br> 800-336-7676 <br>
<a href="/privacy-policy.htm">Privacy Statement</a> and <a href="/conditions-of-use.htm">Conditions of Use</a>
<br>
<a href="/about/disclosure-statement.htm">Disclosure Statement</a>
</p>
<p>Compassion International, Inc. is a registered 501(c)(3) nonprofit organization.</p>
<p>Compassion®, Compassion International®, Compassion Sunday®, the Compassion Logo and the FILL THE STADIUM Logo are registered trademarks of Compassion International, Inc.</p>
<p>All donations in the United States are tax deductible in full or part.</p>
<p><a href="/how-we-work/commitment-child-protection.htm">Compassion strives to protect children from all forms of abuse.</a></p>
</div>
</div>
<div class="yui3-u-1-3">
<br>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<link href="/css/v_637916271792743397/site-mvp.css" rel="stylesheet" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link href="/css/v_637916271792743397/site-mvp.css" rel="stylesheet" type="text/css">
</noscript>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
document.write(unescape("%3Cscript src='/js/v_637651938677021596/jquery.3.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
<script type="text/javascript" src="/js/v_637651938676551569/jquery-ui_mvp.min.js"></script>
<script type="text/javascript" src="/js/v_637751160766787853/common-mvp.js"></script>
<div class="c-toast__rack js-toast__rack"></div>
<script type="text/template" id="js-template__toast"> <div class="c-toast c-toast--{{type}}" role="{{role}}">
<i class="c-toast__icon" hidden></i>
<span class="c-toast__message">{{message}}</span>
</div>
</script>
<script type="text/javascript" src="/js/Tridion/v_637788956659932860/constants.js"></script>
<script type="text/javascript" src="/js/v_637868387110698767/homepage-v18-test.js"></script>
<script type="text/javascript" src="/js/cadetect.js" async="" defer=""></script>
<script>
document.querySelector('.homepage-hero-sac-link').addEventListener('click', function() {
window['optimizely'] = window['optimizely'] || [];
window['optimizely'].push({
type: "event",
eventName: "homepage_hero_sac_cta_click"
});
});
</script>
<noscript>
<div class="c-master-error o-message o-message--error">
<p class="o-message__text">Javascript is required on this website, please Enable Javascript in your browser</p>
</div>
</noscript>
<script type="text/javascript" src="/js/flyout-birthday-child.js?v=202106290925" async="" defer="">
//script
</script>
<script type="text/javascript" src="/js/Custom/MyAccount/v_637914328090000000/Login.js"></script>
<script type="text/javascript" src="/js/frameworks/underscore/v_637914328090000000/underscore.min.js"></script>
<script type="text/javascript" src="/js/frameworks/underscore/v_637914328090000000/underscore.templatesettings.js"></script>
</form>Text Content
Christian Child Sponsorship - Compassion - Child Charity Organization
1. Gift Catalog
2. My Account (log in)
LOG IN
* Username
* Password
* Remember me
*
* Forgot your login info?
First time logging in?
Set up your online account
3. Checkout (0)
SUMMARY
0 items
ADDED RECENTLY
Review & Checkout
4. Contact Us
5. Search text field
6.
* Sponsor a Child
1. View All Children
2. View Longest Waiting Children
3. Search for a Child
4. Select a Child For Me
5. Why Sponsor a Child?
6. How to Sponsor a Child
7. Child Sponsorship FAQ
8. Child Sponsorship Reviews
9. Financial Integrity
IT'S MY BIRTHDAY!
Choose Me
* Ways to Donate
1. Donate to a Cause
2. Meet Critical Needs
3. Shop Our Gift Catalog
4. Match Your Gift
5. Other Ways to Give
GIVE WHERE IT'S MOST NEEDED
Homelessness. Medical emergencies. Natural disaster. Your donation helps
children when they need it most..
Donate Now >
* Get Involved
1. Donate
2. Volunteer
3. Pray
4. Write Your Child
5. Visit Your Child
6. Compassion Store
7. Web Banners
1. Compassion Sunday
2. Churches
3. Businesses
4. Speakers and Artists
5. Events and Festivals
6. Pro Athletes
* About Us
1. What Makes Us Distinct
2. Who We Are
3. What We Do
4. Where We Work
5. Press Center
6. Financial Integrity
7. Careers
8. FAQ
* For Sponsors
1. Write
2. Give
3. Pray
4. Visit
5. Stories
6. Crisis Updates
7. More Resources
* Blog
* Sponsor a Child
Menu
Search text fields
1. Sponsor a Child>
< Back
SPONSOR A CHILD
1. View Longest Waiting Children
2. View All Children
3. Why Sponsor a Child?
4. Financial Integrity
5. Search for a Child
6. Select a Child For Me
7. Child Sponsorship Reviews
8. Child Sponsorship FAQ
2. Ways to Donate>
< Back
WAYS TO DONATE
1. Donate to a Cause
2. Meet Critical Needs
3. Shop Our Gift Catalog
4. Match Your Gift
5. Other Ways to Give
3. Get Involved>
< Back
GET INVOLVED
1. Donate
2. Fundraise
3. Volunteer
4. Family Activity Ideas
5. Pray
6. Write Your Child
7. Visit Your Child
8. Compassion Store
9. Web Banners
10. Pro Athletes
4. About Us>
< Back
ABOUT US
1. What Makes Us Distinct
2. Who We Are
3. What We Do
4. Where We Work
5. Press Center
6. Financial Integrity
7. Careers
8. Tour Our Ministry Center
9. FAQ
5. For Sponsors>
< Back
FOR SPONSORS
1. Write
2. Give
3. Pray
4. Visit
5. Stories
6. Crisis Updates
7. More Resources
6. Blog
7. Donate Now
8. Gift Catalog
9. Compassion Store
10. My Account
11. My Cart
CHOOSE A GIFT. CHANGE A LIFE!
CHOOSE A GIFT.
CHANGE A LIFE!
After natural disasters, children are at the highest risk. They are most
affected by unsafe water, skipped meals and time away from school. These gifts
will provide critical disaster relief to help families in poverty stay healthy
and safe as they recover from a crisis.
$25
$65
$125
$275
Other
$25 provides children with the following:
Hygiene Kit
Emergency Food Pack
Emergency Water
Help Rebuild in Haiti
Your donation to the Disaster Relief Fund will help children and families when
disasters strike.
--------------------------------------------------------------------------------
See all catalog gifts
GIVE HOPE TO CHILDREN IN POVERTY
Poverty robs children of their health, education and hope for the future. When
you sponsor a child, you empower their local church, who understands their
individual challenges, to walk alongside them — releasing them from poverty in
Jesus' name.
Sponsor a Child
Donate to a Cause
SPONSORSHIP CHANGES EVERYTHING.
YANELLY'S STORY
Abandoned by her father and trapped in poverty, Yanelly had no hope for her
future — until her sponsor and center believed in her. Learn how Compassion
changed her future.
Watch her story.
Share
Share
Copy
Share
Share
Copy
CHOOSE A GIFT. CHANGE A LIFE!
CHOOSE A GIFT. CHANGE A LIFE!
$25
$65
$125
$275
Other
$65 provides children with the following:
Hygiene Kit
Emergency Food Pack
Emergency Water
Help Rebuild in Haiti
Your donation to the Disaster Relief Fund will help children and families when
disasters strike.
--------------------------------------------------------------------------------
See all catalog gifts
GIVE HOPE TO ANOTHER CHILD IN POVERTY
Sponsor Another Child
WHY IS EVERYTHING SO EXPENSIVE RIGHT NOW?
You don’t have to be an economist to understand that everything from a gallon of
milk to a gallon of gas is more expensive than usual these days. But why is this
happening, and how is it affecting our most vulnerable neighbors around the
world?
See How this Impacts the Impoverished
Sponsorship How We Work Our Impact
WHAT IS SPONSORSHIP?
When you sponsor a child, you care for and encourage them through prayer, letter
writing and financial support. That support empowers a local church to
individually and holistically meet their needs in a loving, safe community where
they can learn, grow, play and dream.
> When you become a sponsor, you are personally connected with a child who will
> know your name and treasure the thought that you care about them.
Your support gives a child life-changing opportunity to develop spiritually,
emotionally, physically and economically. It's a relationship more powerful than
poverty — changing their life and yours!
YOUR DONATION PROVIDES
--------------------------------------------------------------------------------
Health Care
Age-Appropriate Christian Teaching
Hygiene Training
Education & Vocational Training
Nutrition & Water
Mentorship, Guidance & Love
A THREE-CORD APPROACH
Our holistic child development model is delivered primarily through child
sponsorship and is Christ-centered, church-based and child-focused.
CHILDREN PLAYING | Bagamoyo, Tanzania
According to a poll of top development economists, child sponsorship is THE most
effective long-term development intervention for helping the poor. It not only
addresses immediate physical needs but also helps build self-esteem and
self-respect.
DELIVERED BY THE LOCAL CHURCH
Our program is run entirely by local Christian churches in Africa, Asia, Central
America and South America. Why? Local churches are experts on their communities'
needs.
CHURCH CENTER | Oloontoto, Kenya
Through partnerships with local churches, we empower people from each child's
community to care for them so that, regardless of location, our model is
culturally appropriate and relevant. But in all cases, we provide love,
education, health care, nutrition and opportunities to hear the gospel.
AN OVERVIEW
--------------------------------------------------------------------------------
Since the Rev. Everett Swanson first ministered to orphans living on the streets
of South Korea during the Korean War, Compassion has expanded to serve over 25
different countries and over four million children. Through frontline church
partners, we provide children with the opportunity to rise above their
circumstances and become all God has created them to be.
> “My life is true confirmation that God has a plan for each one of us and has
> mysterious ways to fulfill the plan. The way God used sponsors through
> Compassion to transform my life is one of those mysteries.”
> — Christine Uwase
> Child Protection Officer, Rwanda
> Compassion Alumna
INDEPENDENTLY VERIFIED STATS*
--------------------------------------------------------------------------------
Children who participate in Compassion's programs are
40%
more likely to finish secondary education
80%
more likely to graduate college
18%
more likely to have salaried employment as an adult
75%
more likely to become leaders in their community
*2008, Dr. Bruce Wydick, University of San Francisco
Sponsor a Child Today
We consistently receive some of the highest ratings possible from charity
evaluators and watchdogs.
*
*
*
*
*
*
*
Ways to Give
* Sponsor a Child
* Ways to Donate
* Disaster Relief
* Meet Critical Needs
* Donate Crypto
* Compassion Sunday
* Gift Catalog
Quick Links
* Careers
* Press Center
* Estate and Asset Giving
* Compassion Store
* Blog
* My Account
* AmazonSmile Program for Charities
* Site Map
*
*
*
*
*
*
© 2022 Compassion International. All Rights Reserved.
800-336-7676
Privacy Statement and Conditions of Use
Disclosure Statement
Compassion International, Inc. is a registered 501(c)(3) nonprofit organization.
Compassion®, Compassion International®, Compassion Sunday®, the Compassion Logo
and the FILL THE STADIUM Logo are registered trademarks of Compassion
International, Inc.
All donations in the United States are tax deductible in full or part.
Compassion strives to protect children from all forms of abuse.
Javascript is required on this website, please Enable Javascript in your browser