<!--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: #ffffff !important;

	border: solid 2px #ffffff !important;

	color: #a2b627 !important;

	transition: ease .3s;

	-moz-transition: ease .3s;

}

.hoverCTA3:hover {

	background-color: #ca7c30 !important;

	border: solid 2px #ca7c30 !important;

	color: #ffffff !important;

	transition: ease .3s;

	-moz-transition: ease .3s;



}

.hoverCTA3:hover a {

	background-color: #ffffff !important;

	color: #a2402a !important;

	transition: ease .5s;

	-moz-transition: ease .5s;

}



	

/*** Hamburger Menu ***/

#wrapper + table, .container, .menu {

	min-width: 0 !important;

	-moz-text-size-adjust: none;

	-ms-text-size-adjust: none;

	-webkit-text-size-adjust: none;

	width: 100% !important;

}

#logo {	

	height: auto;

	width: 235px;

}

#mobile-label {

	background-color: #ebe8e5;

	cursor: pointer;

	display: block !important;

	float: left;

	padding: 40px 10px 40px 20px;

	-webkit-tap-highlight-color: transparent;

	width: 26px;

}

#mobile-label > b {

	background-color: #a2b627;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	display: block;

	height: 4px;

}

#mobile-label > b + b {

	

	margin-top: 4px;

}



.menu td {

	

	padding: 0 !important;

}

#menu-wrapper{

	background-color: #a2b627;

	width: 100%;

	max-height: 0;

	overflow: hidden;

	-moz-transition: max-height .25s linear;

	-o-transition: max-height .25s linear;

	-webkit-transition: max-height .25s linear;

	transition: max-height .25s linear;

}





#mobile-checkbox:checked + table #menu-wrapper {

	max-height: 130px;

}



	

.menu-item {

	color: #ebe8e5 !important;

	display: block;

	padding: 12px 0px 12px 20px;

	text-align: left;

}





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

	height: auto !important;

}

.mobilePadding2 {

	padding: 0px 20px 0px 20px !important;

}

.mobilePadding3 {

	padding: 0px 20px 20px 20px !important

}

.mobilePadding4 {

	padding: 20px 0px 20px 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;
}

.topPadding30 {

	padding-top: 30px !important;	

}

.topPadding40 {

	padding-top: 40px !important;
}

.topPadding60 {

	padding-top: 60px !important;	

}
.topPaddingNew {
		padding-top: 90px!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;

}



.rightPadding40 {

	padding-right: 40px !important;

}

.rightPadding20 {

	padding-right: 20px !important;

}

.rightPadding50 {

	padding-right: 50px !important;

}	

.leftPadding10 {

	padding-left: 10px !important;

}
.leftPadding20 {
		padding-left: 20px!important;
}
.leftPadding50 {

	padding-left: 30px !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/0171/0171_sec_v1_m.png) !important;

	width: 100% !important;

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

	background-size: contain !important;

	background-position: center top !important;

	background-repeat: no-repeat !important;

	display: block !important;

}



.featureImgSwap3 { /* Feature Image Swap */

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

	width: 100% !important;

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

	background-size: contain !important;

	background-position: center top !important;

	background-repeat: no-repeat !important;

	display: block !important;
}



.featureImgSwap5 { /* Feature Image Swap */

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

	width: 100% !important;

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

	background-size: contain !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/0171/0171_feat1_v1_m.png) !important;

	width: 100% !important;

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

	padding-bottom: 41.9% !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/0171/0171_feat2_v1_m.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;

}	

.featureBRightImgSwap3 {

	background-image: url(http://media.4at5.net/email_domains/olg/0171/0171_feat3_v1_m.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/0171/0171_tert_v1_m.png)!important;

	width: 100% !important;

	padding-top: 86.5% !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/0171/0131_quan_v1_m.png)!important;

	width: 100% !important;

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

}

	

.featurePadding2 {

	padding: 0px 45px 15px 45px !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: 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>