<!-- WEB FONTS -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=oswald:400,700" rel="stylesheet" />

<style type="text/css">

[style*="Oswald"] {
  font-family: 'Oswald', Arial !important;
}
[style*="Oswald-Bold"] {
  font-family: 'Oswald', Arial !important;
  font-weight:700;
}
</style>

<!--[if gt mso 9]>
<style type="text/css">
a {text-decoration:none;}
[style*="Oswald"] {font-family: 'Oswald', Arial !important;}
[style*="Oswald-Bold"] {font-family: 'Oswald-Bold', Arial !important;}
</style>
<![endif]-->

<style type="text/css">
* {
  -webkit-text-size-adjust: none;
}

/* prevent iOS font upsizing */
.ExternalClass * {
  line-height: 100%;
}

/* force Outlook.com to honor line-height */
td {
  mso-line-height-rule: exactly;
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* CTA hover effect */
.hoverPrimaryCTA:hover {
  border-color: #a1784d !important;
  background-color: #ffffff !important;
  color: #a1784d !important;
}
.hoverPrimaryCTA:hover a {
  border-color: #a1784d !important;
  background-color: #ffffff !important;
  color: #a1784d !important;
}
.hoverSecondaryCTA:hover {
  background-color: #a1784d !important;
  color: #ffffff !important;
	border-color: #ffffff !important;
}
.hoverSecondaryCTA:hover a {
  border-color: #ffffff !important;
  background-color: #a1784d !important;
  color: #ffffff !important;
}
.hoverTertiaryCTA:hover {
  color: #000000 !important;
  background-color: #ffffff !important;
}
.hoverTertiaryCTA:hover a {
  border-color: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
}
.set_outlook_hidden { display: none !important; }
/*** Responsive CSS ***/
@media only screen and (max-width: 414px) {
/*** Layout ***/
body {
  width: 100%;
  min-width: 100%;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
.marginFix {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
.full-width-container {
  width: 100% !important;
  min-width: 320px !important;
}
.full-width-container-inner {
  width: 100% !important;
  min-width: 100% !important;
  padding: 0px 10px 0px 10px !important;
}
.hide {
  width: 0px !important;
  height: 0px !important;
  display: none !important;
}
.display {
  display: block !important;
}
.show {
  display: table-cell !important;
  height: auto !important;
  max-height: inherit !important;
  overflow: visible !important;
  float: none !important;
}
.show img {
  width: auto;
  display: block !important;
  height: auto;
  margin: 0 0 0 0 !important;
}
.full-width {
  width: 100% !important;
  min-width: 100% !important;
}
.responsiveCell {
  width: 100% !important;
  display: block !important;
}
.stackTbl {
  width: 100% !important;
  display: table !important;
}
.stackTblMarginTop {
  width: 100% !important;
  display: table !important;
  margin-top: 60px !important;
}
.stackTblMarginTop40 {
  width: 100% !important;
  display: table !important;
  margin-top: 40px !important;
}
.stackTblMarginTop20 {
  width: 100% !important;
  display: table !important;
  margin-top: 20px !important;
}
.center {
  margin: 0px auto !important;
  text-align: center !important;
}
.align-center {
  text-align: center !important;
}
.alignLeft {
  text-align: left !important;
}
.autoHeight {
  height: auto !important;
}
.height380 {
  height: 380px !important;
}
.height320 {
  height: 320px !important;
}
.height20 {
  height: 20px !important;
}
.height414 {
  height: 414px !important;
}
.showme {
  display: block !important;
  width: auto !important;
  overflow: visible !important;
  float: none !important;
  max-height: inherit !important;
  max-width: inherit !important;
  line-height: auto !important;
  margin-top: 0px !important;
  visibility: inherit !important;
}
.noborder {
  border: none !important;
}

/*** Padding Styles ***/
.padding0 {
  padding: 0px !important;
}
.padding40 {
  padding: 40px 40px 40px 40px !important;
}
.topPadding0 {
  padding-top: 0px !important;
}
.topPadding5 {
  padding-top: 5px !important;
}
.topPadding10 {
  padding-top: 10px !important;
}
.topPadding20 {
  padding-top: 20px !important;
}
.topPadding30 {
  padding-top: 30px !important;
}
.topPadding40 {
  padding-top: 40px !important;
}
.topPadding50 {
  padding-top: 50px !important;
}
.topPadding70 {
  padding-top: 70px !important;
}
.bottomPadding0 {
  padding-bottom: 0px !important;
}
.bottomPadding5 {
  padding-bottom: 5px !important;
}
.bottomPadding10 {
  padding-bottom: 10px !important;
}
.bottomPadding20 {
  padding-bottom: 20px !important;
}
.bottomPadding30 {
  padding-bottom: 30px !important;
}
.bottomPadding40 {
  padding-bottom: 40px !important;
}
.bottomPadding50 {
  padding-bottom: 50px !important;
}
.rightPadding0 {
  padding-right: 0px !important;
}
.rightPadding10 {
  padding-right: 10px !important;
}
.rightPadding20 {
  padding-right: 20px !important;
}
.rightPadding30 {
  padding-right: 30px !important;
}
.leftPadding0 {
  padding-left: 0px !important;
}
.leftPadding10 {
  padding-left: 10px !important;
}
.leftPadding20 {
  padding-left: 20px !important;
}
.leftPadding30 {
  padding-left: 30px !important;
}
.mobileSidePadding10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.mobileSidePadding20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.mobileSidePadding30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.mobileSidePadding50 {
  padding-left: 20px !important;
  padding-right: 75px !important;
}

/*** Mobile Font Size ***/
.fontSize36 {
  font-size: 36px !important;
  line-height: 40px !important;
}
.fontSize25 {
  font-size: 25px !important;
  line-height: 29px !important;
}
.fontSize20 {
  font-size: 20px !important;
  line-height: 24px !important;
}

/*** Text/Divider/Image Styles ***/
.noBackground {
  background: none !important;
  height: auto !important;
}
.blackBackground {
  background-color: #000000 !important;
  height: auto !important;
}
.fullWidthImg {
  width: 100% !important;
  height: auto !important;
  min-width: 100% !important;
}
.imgResize2 {
  background-position: -35px top !important;
}
.pngHeight1 {
  width: 100% !important;
}
.pngHeight2 {
  width: 100% !important;
	height: 55px !important;
}
.pngHeight3 {
  width: 100% !important;
	height: 20px !important;
}

/*** navigation ***/
.footer-nav {
  padding: 0px 5px 0px 5px !important;
}
/*** END Responsive CSS ***/
}

</style>