<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]-->

  
  
  
  <!--Insert CSS Here-->
  <!--WEB FONTS-->
<link href="http://media.4at5.net/email_domains/olg/template/css.css" 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 #a2b627 !important;
	color: #a2b627 !important;
	transition: ease .3s;
	-moz-transition: ease .3s;
}
.hoverCTA:hover a {
	background-color: #ffffff !important;
	color: #a2b627 !important;
	transition: ease .5s;
	-moz-transition: ease .5s;
}
.hoverCTA2:hover {
	background-color: #a2b627 !important;
	border: solid 2px #a2b627 !important;
	color: #ffffff !important;
	transition: ease .3s;
	-moz-transition: ease .3s;
}
.hoverCTA2:hover a {
	background-color: #a2b627 !important;
	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: 100px !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;
}
.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;
}
.padding0 {
	padding: 0px !important
}
.topPadding0 {
	padding-top: 0px !important
}
.topPadding10 {
	padding-top: 10px !important;
}
.topPadding20 {
	padding-top: 20px !important;
}
.topPadding40 {
	padding-top: 40px !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: 40px !important;
}
.leftPadding10 {
	padding-left: 10px !important;
}
.leftPadding20 {
	padding-left: 40px !important;
}
.leftPadding0 {
	padding-left: 0px !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/template/feature_b_img_mob.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/template/feature_b_right_mobile.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;
}
.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;
}
.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: 197px !important;
}
.pngHeight2 {
	height: 197px !important;
}
/*** Feature Styling ***/

.featurePadding {
	padding: 20px 30px 0px 30px !important;
}
.featureB {
	width: 100% !important;
}
/*** 2 Across Styling ***/

.twoAcrossImg {
	width: 100% !important;
	height: auto !important;
}
.twoColumnPadding {
	padding: 0px 10px 0px 10px !important;
}
.twoColumnPadding2 {
	padding: 0px 10px 0px 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: #ffffff !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;
}
/*** END Responsive CSS ***/

}

@media only screen and (max-width: 380px) {
.featureB {

	width: 100% !important;
}
.featureWidth {
	width: 80% !important;
}
.fontSize20-380 {
	font-size: 22px !important;
}
.fontSize14-380 {
	font-size: 16px !important;
}
}
 @media only screen and (max-width: 350px) {
.featureB {
	width: 100% !important;
}
.featureWidth {
	width: 90% !important;
}
.fontSize20-380 {
	font-size: 20px !important;
}
.fontSize14-380 {
	font-size: 14px !important;
}
</style>