<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: 414px!important;

	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

}
.topPadding100 {

	padding-top: 130px !important

}

.topPadding10 {

	padding-top: 10px !important;

}

.topPadding20 {

	padding-top: 20px !important;

}

.topPadding25 {
	padding-top: 25px !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;

}

.rightPadding90 {

	padding-right: 110px !important;

}

.rightPadding10 {

	padding-right: 10px !important;

}

.rightPadding60 {

	padding-right: 65px !important;

}

.rightPadding20 {

	padding-right: 20px !important;

}

.leftPadding10 {

	padding-left: 10px !important;

}

.leftPadding90 {

	padding-left: 90px !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/0157/0157_feat_v1_m_01.png) !important;

	width: 100% !important;

	padding-top: 51.7% !important;  /* update height here */

	background-size: cover !important;

	background-position: center top !important;

	background-repeat: no-repeat !important;

	display: block !important;

}



.featureImgSwap2 { /* Feature Image Swap */

	background-image: url(http://media.4at5.net/email_domains/olg/0157/0157_feat_v1_m_03.png) !important;

	width: 100% !important;

	padding-top: 77.4% !important;  /* update height here */

	background-size: cover !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/0157/0157_feat_v1_m_02.png) !important;

	width: 100% !important;

	padding-bottom: 14%!important;
	
	background-size: cover !important;

	background-position: center top !important;

	background-repeat: no-repeat !important;

	display: block !important;

}



.featureBImgSwap2 {

	background-image: url(http://media.4at5.net/email_domains/olg/0157/0157_feat_v1_m_05.png) !important;

	width: 100% !important;

	padding-bottom: 6% !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/0157/0157_feat_v1_m_04.png) !important;

	width: 100% !important;

/*	padding-top: 6.8% !important;   update height here */

	background-size: contain !important;

	background-position: center top !important;

	background-repeat: no-repeat !important;
	
	height: 367px !important;

	display: block !important;

}

.articleRightImgSwap { /* Two Column Swap - Left Column */

	background-image: url(http://media.4at5.net/email_domains/olg/0157/0157_sec_v1_m.png)!important;

	width: 100% !important;

	padding-top: 75.1% !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: 0px !important;  

}



.pngHeight2 {

  height: 0px !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;

}

/*** 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: 14px !important;

	line-height: 16px !important;

}

 @media only screen and (max-width: 350px) {

.featureB {

	width: 100% !important;

}

.featureWidth {

	width: 90% !important;


}

</style>