
  <!--WEB FONTS-->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">
  <style type="text/css">
.gotham {
	font-family: 'Gotham', 'Open Sans', Arial, Helvetica, sans-serif !important;
}
</style>

  <!--[if gt mso 9]>
<style type="text/css">
.gotham {font-family: Arial, Helvetica, sans-serif !important;} /* prevents Outlook from defaulting to Times New Roman */
.arvo {font-family: Arial, Helvetica, sans-serif !important;} /* prevents Outlook from defaulting to Times New Roman */
</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;
}
/* prevent iOS auto-linking */

.applefix a {
	/* use on a span around the text */
	color: #333333;
	text-decoration: none;
}
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;
}
/** Prevent Outlook Purple Links **/

.greyLink a:link {
	color: #888888;
}
.whiteLink a:link,  .topnav a:link,  .footernavcaptop a:link,  .footernav a:link,  .footernavcapbot a:link {
	color: #ffffff;
}
.blueLink a:link {
	color: #004EBD;
}
/** Hover Effects **/

.hoverCTA:hover {
	background-color: #ffffff !important;
	border: solid 2px #A8AD00 !important;
	color: #A8AD00 !important;
	transition: ease .3s;
	-moz-transition: ease .3s;
}
.hoverCTA:hover a {
	color: #A8AD00 !important;
	transition: ease .5s;
	-moz-transition: ease .5s;
}
.hoverCTA2:hover {
	background-color: #A8AD00 !important;
	border: solid 2px #A8AD00 !important;
	color: #ffffff !important;
	transition: ease .3s;
	-moz-transition: ease .3s;
}
.hoverCTA2:hover a {
	color: #ffffff !important;
	transition: ease .5s;
	-moz-transition: ease .5s;
}

/*** 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;
}
.smcell {
	display: table-cell !important;
	width: 100% !important;
	height: auto !important;
	max-height: inherit !important;
	overflow: visible !important;
	float: none !important;
}
.smcell img {
	width: auto;
	display: block !important;
	height: auto;
	margin: 0 0 0 0 !important;
}
.display {
	display: block !important;
}
.full-width {
	width: 100% !important;
	min-width: 100% !important;
}
.width90 {
	width: 90% !important;
}
.responsiveCell {
	width: 100% !important;
	display: block !important;
}
.mobileWidth45 {
	width: 45% !important;
}
.mobileWidth100 {
	width: 33% !important;
}
.mobile150 {
	width: 150px !important;
}
.stackTbl {
	width: 100% !important;
	display: table !important;
}
.stackTbl45 {
	width: 47% !important;
	display: table !important;
}
.stackTblMarginTop {
	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;
}
.floatLeft {
	float: left !important;
	width: 50% !important;
}
.floatRight {
	float: right !important;
	width: 50% !important;
}
.halfLeft {
	width: 49% !important;
	height: 110px !important;
}
.halfRight {
	display: table-cell !important;
	width: 49% !important;
	height: 110px !important;
	/* for Yahoo Mail */
	max-width: 49% !important;
	max-height: 110px !important;
}
.autoHeight {
	height: auto !important;
}
/*** Padding Styles ***/
.mobilePadding {
	padding: 0px 20px 0px 20px !important
}
.mobilePadding1 {
	padding: 40px 20px 40px 20px !important;
	height: auto !important;
}
.mobilePadding2 {
	padding: 0px 20px 40px 20px !important;
}
.mobilePadding3 {
	padding: 20px 20px 20px 20px !important
}
.mobilePadding4 {
	padding: 20px 0px 0px 5px !important
}
.mobilePadding5 {
	padding: 20px 0px 0px 0px !important
}
.mobilePadding6 {
	padding: 0px 10px 0px 10px !important;
}
.mobilePadding7 {
	padding: 20px 5px 0px 5px !important;
}
.mobilePadding8 {
	padding: 0px 0px 110px 0px !important;
}
.mobileSidePadding {
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 320px !important;
	padding-bottom: 0px !important;
}
.mobileSidePadding2 {
	padding-left: 60px !important;
	padding-right: 60px !important;
	padding-top: 220px !important;
	padding-bottom: 0px !important;
}
.mobileSidePadding3 {
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 300px !important;
	padding-bottom: 0px !important;
}
.mobileSidePadding4 {
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 285px !important;
	padding-bottom: 0px !important;
}
.padding0 {
	padding: 0px !important
}
.topPadding0 {
	padding-top: 0px !important
}
.topPadding10 {
	padding-top: 10px !important;
}
.topPadding20 {
	padding-top: 20px !important;
}
.topPadding70 {
	padding-top: 70px !important;
}
.bottomPadding0 {
	padding-bottom: 0px !important
}
.bottomPadding10 {
	padding-bottom: 10px !important;
}
.bottomPadding20 {
	padding-bottom: 20px !important;
}
.bottomPadding30 {
	padding-bottom: 30px !important;
}
.bottomPadding40 {
	padding-bottom: 40px !important;
}
.rightPadding0 {
	padding-right: 0px !important;
}
.rightPadding10 {
	padding-right: 10px !important;
}
.rightPadding20 {
	padding-right: 20px !important;
}
.rightPadding30 {
	padding-right: 30px !important;
}
.rightPadding40 {
	padding-right: 40px !important;
}
.leftPadding10 {
	padding-left: 10px !important;
}
.leftPadding0 {
	padding-left: 0px !important;
}
.leftPadding20 {
	padding-left: 20px !important;
}
.leftPadding30 {
	padding-left: 30px !important;
}
.leftPadding40 {
	padding-left: 40px !important;
}
.leftPadding50 {
	padding-left: 50px !important;
}
.leftPadding60 {
	padding-left: 60px !important;
}
.disclaimerMobilePadding {
	padding: 5px 0px 20px 0px !important;
}
.ctaPadding {
	padding: 10px 40px 10px 40px !important;
}
/*** Mobile Font Size ***/
.fontSize20 {
	font-size: 20px !important;
	line-height: 22px !important;
}
.fontSize14 {
	font-size: 14px !important;
	line-height: 16px !important;
}
/*** Text/Divider/Image Styles ***/
.noBackground {
	background: none !important;
	background-color: #1174C3 !important;
	height: auto !important;
}
.bgBrown {
	background-color: #ebe8e5 !important;
}
.fullWidthImg {
	width: 100% !important;
	height: auto !important;
	min-width: 100% !important;
}
/* IMAGE SWAPS */
.featureImgSwap {
	/* Feature Image Swap */
	background-image: url(http://media.4at5.net/email_domains/olg/template/mobile_02.png) !important;
	width: 100% !important;
	padding-top: 97% !important;
	/* update height here */
	background-size: contain !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.featureBImgSwap {
	background-image: url(http://media.4at5.net/email_domains/olg/0229/0229_feat_v3_m_01.gif) !important;
	width: 100% !important;
	padding-top: 0% !important;
	/* update height here */
	padding-bottom: 42% !important;
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.featureBLeftImgSwap {
	background-image: url(http://media.4at5.net/email_domains/olg/0229/0229_feat_v3_m_02.png) !important;
	width: 100% !important;
	padding-top: 0% !important;
	/* update height here */
	padding-bottom: 42% !important;
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.featureBRightImgSwap {
	background-image: url(http://media.4at5.net/email_domains/olg/0229/0229_feat_v3_m_03.png) !important;
	width: 100% !important;
	padding-top: 0% !important;
	/* update height here */
	padding-bottom: 42% !important;
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.featureBLeftImgSwap2 {
	background-image: url(http://media.4at5.net/email_domains/olg/0229/0229_feat_v3_m_04.gif) !important;
	width: 100% !important;
	padding-top: 0% !important;
	/* update height here */
	padding-bottom: 42% !important;
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.featureBRightImgSwap2 {
	background-image: url(http://media.4at5.net/email_domains/olg/0229/0229_feat_v3_m_05.png) !important;
	width: 100% !important;
	padding-top: 0% !important;
	/* update height here */
	padding-bottom: 42% !important;
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.featureDImgSwap2 {
	background-image: url(http://media.4at5.net/email_domains/olg/0229/0219_feat_v1_m.png) !important;
	width: 100% !important;
	height: auto !important;
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.articleRightImgSwap {
	/* Two Column Swap - Left Column */
	background-image: url(http://media.4at5.net/email_domains/olg/template/mobile_07.png)!important;
	width: 100% !important;
	padding-top: 75% !important;
	/* update height here */
	background-size: contain !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.articleLeftImgSwap {
	/* Two Column Swap - Left Column */
	background-image: url(http://media.4at5.net/email_domains/olg/template/mobile_10.png)!important;
	width: 100% !important;
	padding-top: 75% !important;
	/* update height here */
	background-size: contain !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.pinterestImgSwap1 {
	/* Pinterest Image Swap - Item 1 - Top left */
	background-image: url(http://media.4at5.net/email_domains/olg/template/pinterest_mobile_01.png)!important;
	width: 100% !important;
	padding-top: 68% !important;
	/* update height here */
	background-size: contain !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.pinterestImgSwap2 {
	/* Pinterest Image Swap - Item 2 - Bottom left */
	background-image: url(http://media.4at5.net/email_domains/olg/template/pinterest_mobile_02.png)!important;
	width: 100% !important;
	padding-top: 75% !important;
	/* update height here */
	background-size: contain !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.pinterestImgSwap3 {
	/* Pinterest Image Swap - Item 3 - Top right */
	background-image: url(http://media.4at5.net/email_domains/olg/template/pinterest_mobile_03.png)!important;
	width: 100% !important;
	padding-top: 75% !important;
	/* update height here */
	background-size: contain !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.pinterestImgSwap4 {
	/* Pinterest Image Swap - Item 4 - Bottom right */
	background-image: url(http://media.4at5.net/email_domains/olg/template/pinterest_mobile_04.png)!important;
	width: 100% !important;
	padding-top: 75% !important;
	/* update height here */
	background-size: contain !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.twoImagesLeft { /* Two Column Swap - Left Column */
	background-image: url(http://media.4at5.net/email_domains/olg/0191/0191_sec_v1_01.png)!important;
	width: 100% !important;
	padding-top: 143.13% !important;  /* update height here */
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.twoImagesRight { /* Two Column Swap - Left Column */
	background-image: url(http://media.4at5.net/email_domains/olg/0191/0191_sec_v1_02.png)!important;
	width: 100% !important;
	padding-top: 143.13% !important;  /* update height here */
	background-size: cover!important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.bottomNav {
	/* Bottom Nav Philosophy Image */
	background-image: url(http://media.4at5.net/email_domains/olg/template/footer_philosophy_mobile_02.png)!important;
	width: 100% !important;
	padding-top: 20% !important;
	/* update height here */
	background-size: contain !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	display: block !important;
}
.pngHeight1 {
	height: 19px !important;
}
.pngHeight2 {
	height: 15px !important;
}
.pngHeightD1 {
	height: 100px !important;
}
.pngHeightD2 {
	height: 150px !important;
}
/*** Feature Styling ***/
.featurePadding {
	padding: 20px 30px 30px 30px !important;
}
.featureB {
	width: 100% !important;
}
/*** 2 Across Styling ***/
.twoAcrossImg {
	width: 100% !important;
	height: auto !important;
}
.twoColumnPadding {
	padding: 30px 10px 30px 10px !important;
}
.twoColumnPadding2 {
	padding: 0px 10px 15px 10px !important;
}
/***pinterest board ***/
.pintWidth {
	width: 90% !important;
}
/***coupons ***/
.couponPadding {
	padding: 20px 40px 20px 40px !important;
}
.couponHeadline {
	font-size: 56px !important;
	padding: 10px 10px 10px 10px !important;
	line-height: 56px !important;
}
.couponSubHeadline {
	padding: 0px 10px 10px 10px !important;
}
.couponCopy {
	padding: 0px 35px 10px 35px !important;
	font-size: 16px !important;
	line-height: 24px !important;
}
.couponCTA {
	padding: 0px 0px 10px 0px !important;
}
.couponDisclaimer {
	padding: 5px 20px 10px 20px !important;
}
.couponBGColor {
	background-color: #ebe8e5 !important;
}
/*** navigation ***/
.topnav {
	width: 33% !important;
}
.topnav-right {
	width: 33% !important;
	text-align: right !important;
}
.footernavcaptop {
	display: block !important;
	width: 100% !important;
	text-align: left !important;
	border-bottom: 1px solid #4e3629 !important;
	font-size: 18px !important;
	line-height: 18px !important;
	padding: 0px 0px 5px 0px !important;
}
.footernav {
	display: block !important;
	width: 100% !important;
	text-align: left !important;
	border-bottom: 1px solid #4e3629 !important;
	font-size: 18px !important;
	line-height: 18px !important;
	padding: 5px 0px 5px 0px !important;
}
.footernavcapbot {
	display: block !important;
	width: 100% !important;
	text-align: left !important;
	font-size: 18px !important;
	line-height: 18px !important;
	padding: 5px 0px 10px 0px !important;
}
.border0 {
	border: none !important;
}
.borderBottom {
	border-bottom: solid 1px #522c16;
!important;
}
.borderRight {
	border-right: solid 1px #522c16;
!important;
}
.footerPadding {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.mobilecontent {
	display: block !important;
	max-height: none !important;
}
.featureWidth {
	width: 90% !important;
}
.featureHeight {
	height: 712px !important;
}
/*** END Responsive CSS ***/
}

@media only screen and (max-width: 380px) {
.featureB {
	width: 100% !important;
}
.pngHeightD1 {
	height: 90px !important;
}
.featureWidth {
	width: 90% !important;
}
.featureHeight {
	height: 652px !important;
}
.fontSize20-380 {
	font-size: 22px !important;
	line-height: 26px !important;
}
.fontSize14-380 {
	font-size: 16px !important;
	line-height: 20px !important;
}
}

@media only screen and (max-width: 350px) {
.featureB {
	width: 100% !important;
}
.pngHeightD1 {
	height: 80px !important;
}
.featureWidth {
	width: 90% !important;
}
.featureHeight {
	height: 600px !important;
}
.fontSize20-380 {
	font-size: 20px !important;
}
.fontSize14-380 {
	font-size: 14px !important;
}
.pngHeightD2 {
	height: 10px !important;
}
}
</style>