/*
Theme Name: CUNJ
Theme URI: https://www.cunj.com/themes/cunj/
Author: Jeremiah Lewis
Author URI: https://raoust.com/
Description: Theme is clean and designed for clarity. CUNJ's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: cunj

*/

/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

table.lpStaticButton tbody tr td {
	padding: 0px 0px;
}
.lpPoweredByDiv {
	display: none;
}
#lpChatBtnHref1155563074 img {
	width: 30px;
    margin: 5px 0px 0px 0px;
}
.lp_pages_area select {
	display: block;
}
.lp_pages_area [type="radio"]:not(:checked), 
.lp_pages_area [type="radio"]:checked {
    opacity: 1;
}

header img[name=hcIconEMT] {
	width: 28px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	scroll-behavior:smooth;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #f1f1f1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

fieldset {
	min-width: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: 2px dashed #c1c1c1;
	outline: 2px dashed rgba(51, 51, 51, 0.8);
}

a:hover,
a:active {
	/*outline: 0;*/
}

a img {
	border: 0;
}


/* -------------------------------- 

Primary style

-------------------------------- */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *::after, *::before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  color: #243040;
  background-color: #ffffff;
}

body, html {
  /* prevent horizontal scrolling */
  overflow-x: hidden;
}

a {
  color: #9cb3a8;
  text-decoration: none;
}

.hidden {
    display: none;
}

sup {
	font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}

h1, h2, h3, h4, h5, h6,
p, li, span, a {
	letter-spacing: .02em;
}


/* FONTS */
@font-face {
	font-family: 'OakesGrotesk-Medium';
	src: url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-medium.eot');
	src: url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-medium.eot?#iefix') format('embedded-opentype'),
             url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-medium.woff2') format('woff2'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-medium.woff') format('woff'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-medium.ttf') format('truetype'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OakesGrotesk-Regular';
	src: url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-regular.eot');
	src: url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-regular.eot?#iefix') format('embedded-opentype'),
             url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-regular.woff2') format('woff2'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-regular.woff') format('woff'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-regular.ttf') format('truetype'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OakesGrotesk-Semi-Bold';
	src: url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-semi-bold.eot');
	src: url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-semi-bold.eot?#iefix') format('embedded-opentype'),
             url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-semi-bold.woff2') format('woff2'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-semi-bold.woff') format('woff'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-semi-bold.ttf') format('truetype'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-semi-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OakesGrotesk-Light';
	src: url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-light.eot');
	src: url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-light.eot?#iefix') format('embedded-opentype'),
             url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-light.woff2') format('woff2'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-light.woff') format('woff'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-light.ttf') format('truetype'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OakesGrotesk-Semi-Bold-Italic';
	src: url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-semi-bold-italic.eot');
	src: url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-semi-bold-italic.eot?#iefix') format('embedded-opentype'),
             url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-semi-bold-italic.woff2') format('woff2'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-semi-bold-italic.woff') format('woff'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-semi-bold-italic.ttf') format('truetype'),
	     url('https://f4c7b19e4e475d566421-3b5594138c62c5237e21f4fea9648a7a.ssl.cf1.rackcdn.com/fonts-prod/oakes-grotesk-semi-bold-italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.alertblock {
	position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
	min-height: 74px;
    background: #282828;
    text-align: center;
    line-height: 2.5;
    overflow: hidden; 
    -moz-transform: translateY(-74px);
	-webkit-transform: translateY(-74px);
	-o-transform: translateY(-74px);
	-ms-transform: translateY(-74px);
	transform: translateY(-74px);
}
.redalert.alertblock {
	background: #c6384d;
}
.yellowalert.alertblock {
	background: #e4bc4e;
}
.inneralerts {
	position: relative;
	display: none;
    padding: 10px 0px 10px 0px;
	width: 100%;
    margin: 0 auto;
}
.slick-list {
	z-index: 4 !important;
}
.closealert {
	color: #ffffff;
	position: absolute;
    right: 4px;
    top: 4px;
	cursor: pointer;
}
.slickprev,
.slicknext {
	color: #fff;
	position: absolute;
	top: 0;
	z-index: 5;
	cursor: pointer;
	font-size: 1.3em;
	width: 36px;
	height: 100%;
	opacity: .2;
	background: #282828;
	-webkit-transition: all 250ms ease-in;
	-moz-transition: all 250ms ease-in;
	-ms-transition: all 250ms ease-in;
	-o-transition: all 250ms ease-in;
	transition: all 250ms ease-in;
	cursor: pointer;
}
.redalert .slickprev,
.redalert .slicknext {
	color: #ffffff;
	background: #c6384d;
}
.yellowalert .slickprev,
.yellowalert .slicknext {
	color: #3d455d;
	background: #e4bc4e;
}
.alerticon {
	position: absolute;
	vertical-align: 1.125em;
	top: 32%;
}
.slickprev {
	left: 0px;
}
.slicknext {
	right: 0px;
}
.slicknext .alerticon {
	left: 0;
}
.alertblock:hover .slickprev,
.alertblock:hover .slicknext { 
    opacity: .3;
}
.alertblock:hover .slickprev:hover,
.alertblock:hover .slicknext:hover {
	opacity: 1;
}
.message {
    position: relative;
    display: block !important;
    width: 95%;
    min-height: 30px;
}
.message p {
	position: relative;
	display: inline-block;
	color: #ffffff;
	width: 85%;
	font-size: .9em;
	line-height: 1.4em;
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
}
.message p strong {
	font-family: "OakesGrotesk-Bold", Tahoma, Arial, sans-serif;
}
.yellowalert .message p {
	color: #252f3f;
}
.message a {
	color: #ffffff;
	text-decoration: underline;
}
.message a.learnmore {
	display: inline;
	padding: 5px 15px 3px 15px;
    border-radius: 15px;
	background: #c6384d;
	color: #ffffff;
	width: 100%;
    max-width: 120px;
	font-size: .9em;
	line-height: 1.3em;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	-webkit-transition: all 250ms ease-in;
	-moz-transition: all 250ms ease-in;
	-ms-transition: all 250ms ease-in;
	-o-transition: all 250ms ease-in;
	transition: all 250ms ease-in;
}
.message a:hover {
	background: #d9434e;
    color: #f5f5f5;
}
.redalert.alertblock .message a {
	background-color: transparent;
	color: #ffffff;
	padding: 3px 5px;
	text-decoration: underline;
}
.redalert.alertblock .message a:hover {
	background: #ffffff;
    color: #252f3f;
}

.yellowalert.alertblock .message a {
	background: #3d455d;
    color: #f9f9f9;
    text-decoration: none;
}
.yellowalert.alertblock .message a:hover {
	background: #252f3f;
    color: #c6384d;
}

.cssanimations.csstransforms .alerton .alertblock {
	opacity: 1;
  animation: alertSlide ease-out 1.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: alertSlide ease-out 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: alertSlide ease-out 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: alertSlide ease-out 1.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: alertSlide ease-out 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
.cssanimations.csstransforms .ocb-is-open.alerton .alertblock,
.cssanimations.csstransforms .navigation-is-open.alerton .alertblock {
	display: none;
	animation: alertSlideUp ease-out 1.5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation: alertSlideUp ease-out 1.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
    -moz-animation: alertSlideUp ease-out 1.5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: alertSlideUp ease-out 1.5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation: alertSlideUp ease-out 1.5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes alertSlide{
  0% {
		transform: translateY(-100%);
		opacity: 0;
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
		opacity: 1;
	}	
}

@-moz-keyframes alertSlide{
  0% {
		transform: translateY(-100%);
		opacity: 0;
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
		opacity: 1;
	}	
}

@-webkit-keyframes alertSlide {
  0% {
		transform: translateY(-100%);
		opacity: 0;
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
		opacity: 1;
	}	
}

@-o-keyframes alertSlide {
  0% {
		transform: translateY(-100%);
		opacity: 0;
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
		opacity: 1;
	}	
}

@-ms-keyframes alertSlide {
  0% {
		transform: translateY(-100%);
		opacity: 0;
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
		opacity: 1;
	}	
}

@keyframes alertSlideUp{
  0% {
		transform: translateY(0);
		opacity: 1;
	}
    80% {
		opacity: .8;
	}	
	100% {
		transform: translateY(-66px);
		opacity: 0;
	}	
}

@-moz-keyframes alertSlideUp{
    0% {
		transform: translateY(0);
		opacity: 1;
	}
	80% {
		opacity: .8;
	}
	100% {
		transform: translateY(-66px);
		opacity: 0;
	}	
}

@-webkit-keyframes alertSlideUp {
    0% {
		transform: translateY(0);
		opacity: 1;
	}
	80% {
		opacity: .8;
	}
	100% {
		transform: translateY(-66px);
		opacity: 0;
	}	
}

@-o-keyframes alertSlideUp {
    0% {
		transform: translateY(0);
		opacity: 1;
	}
    80% {
		opacity: .8;
	}	
	100% {
		transform: translateY(-66px);
		opacity: 0;
	}	
}

@-ms-keyframes alertSlideUp {
    0% {
		transform: translateY(0);
		opacity: 1;
	}
    80% {
		opacity: .8;
	}	
	100% {
		transform: translateY(-66px);
		opacity: 0;
	}	
}

/* -------------------------------- 

Main Components 

-------------------------------- */
main {
    position: relative;
    z-index: 2;
    /* fix bug on iOS */
    -webkit-overflow-scrolling: touch;
    padding: 0px 0px;
    margin-top: 105px;
    background-color: #ffffff;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.7s;
    -moz-transition: -moz-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}
.ocb-is-open main,
.navigation-is-open main,
.ocb-is-open footer,
.navigation-is-open footer {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.openmenu {
	color: #3d455d;
	max-width: .7em;
	
	-webkit-transform: scale(1.25,1); 
	-moz-transform: scale(1.25,1); 
	-ms-transform: scale(1.25,1); 
	-o-transform: scale(1.25,1); 
	transform: scale(1.25,1);
	
	-webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -ms-transition: -moz-transform 0.5s;
    -o-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}
.openmenu:hover {
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}
.closemenu {
	opacity: 1;
	color: #ffffff;
	-webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
/*
.ocm .closemenu {
    position: absolute;
    top: 35px;
    right: 4px;
	position: absolute;
    width: 32px;
    height: 32px;
}
.closemenu:before, .closemenu:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #ffffff;
}
.closemenu:before {
    transform: rotate(45deg);
}
.closemenu:after {
    transform: rotate(-45deg);
}
*/
.closemenu:hover {
    opacity: 1;
    -moz-transform: scale(.8);
    -webkit-transform: scale(.8);
    -o-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

.navigation-is-open .ocm-trigger .closemenu:focus,
.no-touch .navigation-is-open .ocm-trigger .closemenu:focus {
    opacity: 0;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pagenav .fa-lg {
	font-size: 1.53333em;
}

/* Online Banking Overlay */
.ocb {
	position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #3D455D;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.7s;
    -moz-transition: visibility 0s 0.7s;
    transition: visibility 0s 0.7s;
}
.ocb .onlinebankingwrapper {
    /* all navigation content */
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: -webkit-transform 0.7s;
    -moz-transition: -moz-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.ocb-is-open .ocb {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
}
.ocb-is-open .ocb .onlinebankingwrapper {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
    -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
    transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
.closeocb {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 0.5;
	-webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
	color: #3d455d;
	white-space: nowrap;
}
.closeocb:hover {
    opacity: 1;
	-moz-transform: scale(.8) rotate(180deg);
	-webkit-transform: scale(.8) rotate(180deg);
	-o-transform: scale(.8) rotate(180deg);
	-ms-transform: scale(.8) rotate(180deg);
	transform: scale(.8) rotate(180deg);
}
.closeocb:before, .closeocb:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #ffffff;
}
.closeocb:before {
    transform: rotate(45deg);
}
.closeocb:after {
    transform: rotate(-45deg);
}

/* style for the online banking login box */
.innerocb {
	margin: 20px auto 0 auto;
}
.innerocb .eblhead {
	color: #ffffff;
    font-size: 1.1em;
	line-height: 1.3em;
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0px;
}
.innerocb .eblhead .fa-lock {
	margin-right: 10px;
}
.control {
	width: 100%;
	text-align: center;
}
.control fieldset legend {
	color: #3d455d;
    font-size: .3em;
}
.formparent {
	position: relative;
	margin: 0 0 10px 0;
}
.innerocb form .control label {
    position: absolute;
    font-size: 16px;
    color: #989898;
    z-index: 2;
    top: 11px;
    left: 5px;
    width: 28px;
    height: 18px;
    overflow: hidden;
    border-right: 1px solid #989898;
}
.innerocb form .control label span {
	padding-right: 0px;
}
.innerocb form .control input {
    padding: 9px 6px 9px 40px;
	width: 85%;
	height: auto !important;
    border-radius: 4px;
    border: 1px solid #ccc;
	background: #ffffff;
    font-size: 14px;
	border-radius: 30px;
	text-align: left;
	z-index: 1;
}
.innerocb form input[type="submit"] {
	background-color: #d9434e;
	color: #ffffff;
	text-align: center;
	border: 1px solid #d9434e;
	padding: 10px 30px 8px 30px;
	border-radius: 30px;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	font-size: 1.0em;
    line-height: 1.0em;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.innerocb form input[type="submit"]:hover {
	background: #d9434e;
    color: #f5f5f5;
    border: 1px solid #c6384d;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #6c6c6c;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
    transition: background-color 5000s ease-in-out 0s;
}
.loginblocks {
	display: flex;
}
.innerloginblock {
	flex: 1;
}
.innerloginblock:last-child {
	text-align: right;
}
.innerloginblock a {
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	font-size: .9em;
    line-height: 1.5em;
	color: #ffffff;
}
.innerloginblock a,
.innerloginblock a:after,
.innerloginblock a:before {
  transition: all .5s;
}
.innerloginblock a:hover {
    color: #aaa;
}
.innerloginblock a {
    position: relative;
}
.innerloginblock a:after,
.innerloginblock a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #aaa;
    height: 1px;
}
.innerloginblock a:hover:after {
    width: 100%;
}
.loginlinks {
	margin: 20px 0 0 0;
}
.loginlinks a {
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	font-size: .9em;
    line-height: 1.5em;
	color: #c4c7ce;
	margin: 0 20px 0px 0px;
}
.loginlinks a,
.loginlinks a:after,
.loginlinks a:before {
   transition: all .5s;
}
.loginlinks a:hover {
    color: #aaa;
}
.loginlinks a {
    position: relative;
}
.loginlinks a:after,
.loginlinks a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #aaa;
    height: 1px;
}
.loginlinks a:hover:after {
    width: 100%;
}

/* Off Canvas Site Navigation */
.ocm {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #243040;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.7s;
    -moz-transition: visibility 0s 0.7s;
    transition: visibility 0s 0.7s;
}
.ocm .ocmigation-wrapper {
    /* all navigation content */
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: -webkit-transform 0.7s;
    -moz-transition: -moz-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .ocm {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
}
.navigation-is-open .ocm .ocmigation-wrapper {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
    -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
    transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}

.no-js main {
    height: auto;
    overflow: visible;
}
.no-js .ocb,
.no-js .ocm {
    position: static;
    visibility: visible;
}
.no-js .ocb .onlinebankingwrapper,
.no-js .ocm .ocmigation-wrapper {
    height: auto;
    overflow: visible;
    padding: 100px 5%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.pagenav {
	width:100%;
    position:fixed;
    top:0px;
	background-color: #f9f9f9;
	z-index: 100;
	padding: 20px 40px;
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
    transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.desktopview .headerbox,
.mobileview .headerbox {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}

.ocb-is-open .pagenav,
.navigation-is-open .pagenav {
	-webkit-transform: translateY(-500px);
    -moz-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    -o-transform: translateY(-500px);
    transform: translateY(-500px);
}
.pagenav .logo {
	flex: 2;
	padding: 0 0 0 10px;
}
.pagenav .iconnav {
	flex: 5;
	flex-direction: row-reverse; 
}

.pagenav .logo a,
.pagenav .logo .prosper {
	display: inline-block;
	vertical-align: middle;
	margin: 0 -2px;
}
.pagenav .logo a img {
	width: 100%;
	/*max-width: 400px;*/
}

.prosper {
	color: #c99728;
    font-size: 1.2em;
    line-height: 1.2em;
    padding-left: 20px;
    font-family: "OakesGrotesk-Medium", Tahoma, Arial, sans-serif;
}
.pagenav ul {
	margin: 0px 0px 5px 0px;
	padding: 0;
	list-style: none;
	text-align: right;
}
.pagenav ul li {
	position: relative;
	display: inline-block;
	margin: 0 15px 0 15px;
}

.pagenav ul li a.icon {
	color: #3d455d;
	-webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.pagenav ul li a.icon:hover {
	color: #252f3f;
}
.pagenav ul li a.icon.chat {
	position: relative;
	display: inline-block;
	width: 28px;
    height: 25px;
    margin: 0px 0px -10px 0px;
}
.livechat {
	width: 28px;
	height: 20px;
}
.livechat div {
	position: absolute;
	top:-2px;
}
span.custom-comment {
	position: absolute;
	display: block;
	background-image: url(images/chaticon.png);
    background-repeat: no-repeat;
	background-size: cover;
	top:-2px;
    width: 28px;
    height: 23px;
}
.ocm span.custom-comment {
	background-position: 0px -21px;
    top: -17px;
    left: -15px;
}

.pagenav ul li a.icon[aria-label],
.rightnav ul li a.icon[aria-label] {
    position: relative;
}
.pagenav ul li a.icon[aria-label]:after,
.rightnav ul li a.icon[aria-label]:after {
	content: attr(aria-label);
    display: none;
    position: absolute;
    top: 150%;
    bottom: unset;
    left: -50px;
    width: 120px;
    text-align: center;
    height: auto;
    z-index: 5000;
    pointer-events: none;
    padding: 8px 10px;
    line-height: 15px;
    text-decoration: none;
    text-indent: 0;
    overflow: visible;
    font-size: .8em;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
    font-weight: normal;
    color: #fff;
    background-color: #3d455d;
    border-radius: 4px;
}
.pagenav ul li a.icon[aria-label]:hover:after, 
.pagenav ul li a.icon[aria-label]:focus:after,
.rightnav ul li a.icon[aria-label]:hover:after, 
.rightnav ul li a.icon[aria-label]:focus:after {
    display: block;
}

.pagenav ul li a.cbtn {
	color: #ffffff;
	text-decoration: none;
	padding: 15px 20px 13px;
	border-radius: 30px;
	font-size: .9em;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
}
.pagenav ul li a.openacct {
	background: #3d455d;
	-webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.pagenav ul li a.openacct:hover {
	background: #252f3f;
}
.pagenav ul li a.ocm-trigger {
	position: relative;
	top: 8px;
}
.pagenav ul li a.ocm-trigger .fa {
	color: #3d455d;
}
.pagenav a.non-keyboard-outline {
	border: 1px dotted #ffffff;
}

.silvercloudparent {
	display: none;
	opacity: 0;
	position: absolute;
    width: 300px;
    top: 40px;
    right: -140px;
    z-index: 1;
}
.sc-search-hook {
	width:100%;
}
.sc-search-hook input {
	width: 75% !important;
}
#silvercloud-logo {
	display: none;
}
a.sc-result-item {
	text-decoration: none !important;
}

/*OC menu layout */
.menunav {
	display: flex;
}
.menunav .leftnav,
.menunav .rightnav {
	flex: 3;
}
.menunav .menulogo {
	flex: 1;
}

.menunav .menulogo img {
	display: block;
	margin: 20px auto 0 auto;
    width: 100%;
    max-width: 90px;
}
.leftnav > ul > li,
.rightnav > ul > li {
	font-size: .9em;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
}
.rightnav ul {
	margin: 0px 20px 0px 0px;
	padding: 0;
	list-style: none;
	text-align: right;
}
.rightnav ul li {
	position: relative;
	display: inline-block;
	margin: 0 15px 0 15px;
}
.rightnav ul li.chaticon {
	width: 30px;
    height: 25px;
}
.rightnav ul li:nth-child(5) {
	width: 24px;
    height: 24px;
}
.rightnav ul li:last-child {
	margin-right: 0px;
}  
.rightnav ul li a.icon {
	color: #ffffff;
}


.leftnav ul a {
    transition:all linear 0.15s;
}
.leftnav li:hover > a, .leftnav .current-item > a {
    text-decoration:none;
}
.leftnav ul > li .applyarrow {
    position: relative;
    font-size: .9em;
    line-height: 1.0em;
    top: 2px;
    margin-left: 5px;
}
.sidebar .leftnav ul > li .applyarrow {
    font-size: 1.1em;
    top: 0px;
}
/*----- Top Level -----*/
.leftnav > ul > li {
	position: relative;
    display:inline-block;
	margin: 0px 3%;
	text-align: center;
}
.sidebar .leftnav > ul > li {
	margin: 0 auto 10px 0;
}
.leftnav > ul > li:first-child {
	width: 140px;
}
.sidebar .leftnav > ul > li {
	width: 100%;
    max-width: 200px;
	display: block;
	text-align: left;
}
.leftnav > ul > li:first-child > a {
	padding: 10px 20px 10px 20px;
}

.leftnav > ul > li > a {
	color: #e1bd4d;
	border: 1px solid #e1bd4d;
	border-radius: 30px;
	padding: 10px 20px;
    display: block;
}
.sidebar .leftnav > ul > li > a {
	/*color: #c6384d;*/
	color: #313a51;
	border: none;
	background: transparent;
	text-align: left;
	padding: 10px 0px 10px 5px;
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
}
.sidebar .leftnav > ul > li > a .ctalink {
	margin-right: 15px;
	color: #c6384d;
	background: transparent;
	width: 22px;
    height: 22px;
    border-radius: 11px;
}
/*
.sidebar .leftnav > ul > li:first-child > a {
	color: #ffffff;
	background: #313a51;
	border: 1px solid #313a51;
	text-align: center;
	padding: 10px 20px;
}
*/
.leftnav > ul > li:hover > a, .leftnav > ul > .current-item > a {
	color: #c6384d;
    background: transparent;
	letter-spacing: 0;
}
.sidebar .leftnav > ul > li:hover > a {
	
}


/*----- Bottom Level -----*/
.leftnav li .appsubmenu {
    width: 124%;
    padding: 0px 0px;
    background: #E4BC4E;
    position: absolute;
    top: 145%;
    left: -2%;
    z-index: 2;
    opacity: 1;
	display: none;
    transition: opacity linear 0.15s;
}
.sidebar .leftnav li .appsubmenu {
	background: #313a51;
}
.appsubmenu:after {
	bottom: 100%;
	left: 70%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(228, 188, 78, 0);
	border-bottom-color: #E4BC4E;
	border-width: 10px;
    margin-left: -10px;
}
.sidebar .appsubmenu:after {
	border-bottom-color: #313a51;
}
.leftnav li.adddrop .appsubmenu {
    z-index:1;
    opacity:1;
	display: block;
	width: 124%;
    left: -2px;
}

.sidebar .leftnav li.adddrop .appsubmenu {
    z-index:1;
    opacity:1;
	display: block;
	width: 95%;
    left: 5px;
}
.appsubmenu li {
    display:block;
	padding: 4px 0px 0px 0px;
	margin: 0px 10px;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-ms-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
.sidebar .appsubmenu li {
	padding: 0 0 0 10px;
}
.appsubmenu li a {
    display: block;
    color: #243040;
    padding: 10px 0px;
	border-bottom: 1px solid #8a7f60;
	font-size: .9em;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	-webkit-transition: all 450ms ease-out;
	-moz-transition: all 450ms ease-out;
	-ms-transition: all 450ms ease-out;
	-o-transition: all 450ms ease-out;
	transition: all 450ms ease-out;
	text-align: left;
}
.sidebar .appsubmenu li a {
	padding: 10px 0px;
	color: #ffffff;
	border: 1px solid #313a51;
}
.appsubmenu li a .appicon {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
    width: 25px;
}
.appsubmenu li:last-child a {
	border-bottom: none;
}
.appsubmenu li:hover {
	margin: 0px 0px;
	background: #cca744;
}
.sidebar .appsubmenu li:hover {
	background: transparent;
}
.appsubmenu li:last-child:hover {
	border-bottom: none;
}
.appsubmenu li a:hover {
   color: #243040;
   padding: 10px 19px;
   border-bottom: 1px solid #E4BC4E;
   font-family: "OakesGrotesk-Medium", Tahoma, Arial, sans-serif;
}
.appsubmenu li:last-child a:hover {
	border-bottom: none;
}
.sidebar .appsubmenu li a:hover {
	border-bottom: none;
    color: #dcdcdc;
}

.menunav > ul > li > a.cbtn {
	color: #ffffff;
	text-decoration: none;
	padding: 10px 20px;
	border-radius: 30px;
}
a.ebankinglogin {
	padding: 10px 20px;
    border: 1px solid #c6384d;
    background: #c6384d;
    border-radius: 30px;
    color: #ffffff;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
a.cbtn.ebankinglogin:hover {
	background: #d9434e;
    color: #f5f5f5;
	border: 1px solid #c6384d;
}
.menunav ul li a.ocm-trigger {
	position: absolute;
	top: 8px;
	left: 0px;
	width: 24px;
	height: 24px;
}
.desktopview .menunav ul li a.ocm-trigger {
	position: relative;
	top: 5px;
	left: unset;
	width: auto;
	height: auto;
}

/* OC Navigation */
.nav-menu > li > a {
	font-family: 'OakesGrotesk-Medium', 'Arial', 'Helvetica', sans-serif;
	color: #ffffff;
	text-decoration: none;
	position: relative;
}
.nav-menu > li a.non-keyboard-outline {
	border: 1px dotted #ffffff;
}

.nav-menu > li ul > li {
	opacity: 1;
	margin: 0px 0px 20px 0px;
	transition: all 0.5s cubic-bezier(.36,-0.64,.34,1.76);
	font-size: .9em;
}

/*drop nav */
.drop-nav ul {
	position:relative;
}
.drop-nav ul li {
	position:relative;
	list-style:none;
	cursor:pointer;
}
.drop-nav ul .clicker {
	position:relative;
}
.drop-nav ul li a {
	transition:background-color 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out;
    -moz-transition:background-color 0.2s ease-in-out;
}

.drop-nav .no-js ul { display:none; }
.drop-nav .no-js:hover ul { display:block; }

/* end drop nav */

.nav-menu > li ul > li > a {
	font-family: 'OakesGrotesk-Regular', 'Arial', 'Helvetica', sans-serif;
	color: #ffffff;
	text-decoration: none;
}
.nav-menu > li ul > li > a,
.nav-menu > li ul > li > a:after,
.nav-menu > li ul > li > a:before {
    transition: all .5s;
}
.nav-menu > li ul > li > a:hover {
    color: #aaa;
}
.nav-menu > li ul > li > a {
    position: relative;
}
.nav-menu > li ul > li > a:after,
.nav-menu > li ul > li > a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #aaa;
    height: 1px;
}
.nav-menu > li ul > li > a:hover:after {
    width: 100%;
}


@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.nav-menu > li {
	animation: 1s ease-out 0s 1 slideInFromLeft;
}
.drop-slide {
	margin: 20px 0px 0px 0px;
}
.drop-slide li .drop-slide {
	display: none;
}
.drop-slide li.js-opensub .drop-slide {
	display: block;
	font-size: .9em;
	margin: 0 0 0 20px;
}
.drop-slide li .drop-slide ul {
	margin: 20px 0 0 0;
}

.desktopview {
	display: block;	
}
.mobileview {
	display: none;
}


.slideshow {
	visibility: hidden;
}
.slick-initialized { visibility: visible; }
.slick-initialized .slick-slide {
	display: table;
}
.slide {
	min-height: 300px;
	background-size: cover;
	background-position: top center;
}
.slick-arrow {
	position: absolute;
    top: 10%;
    z-index: 20;
	cursor: pointer;
	border: none;
    color: #ffffff;
    background: transparent;
    padding: 3px 5px;
}
.slick-prev {
	left: 0;
	border-radius: 0 20px 20px 0;
}
.slick-next {
	right: 0;
	border-radius: 20px 0px 0px 20px;
}
.slick-dots {
	position: absolute;
	bottom: 10px;
	z-index: 20;
	list-style: none; 
	float: left; 
	display: block; 
	left: 50%;
}
.slick-dots li {
	position: relative; 
	float: left; 
	display: block; 
	right: 50%;
	margin: 0 4px;
}
.slick-dots li button {
	border: none;
    background: #fff;
    color: #ffffff;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 12px;
    height: 12px;
    border-radius: 10px;
	cursor: pointer;
}

.page-child .slide {
	height: 30vh;
}
.home.page-child .slide {
	height:80vh;
	background-color: #000000;
}
.innerslide { 
    display: table-cell;
	vertical-align: middle;
	padding: 10% 0px 0px 0px;
	text-align: center;
	/* background: rgba(198,56,78,.2); */
}
.page-child .innerslide {
	padding: 0 0 0 0;
}
.home.page-child .innerslide {
	padding: 0 5% 0 5%;
}
.slide h1 {
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 0em 0;
	font-family: "OakesGrotesk-Medium", Tahoma, Arial, sans-serif;
	text-shadow: 3px 3px 16px #0F0F0F;
}
.page-child .slide h1 {
	font-size: 3em;
	font-size: 3vw;
}
.home.page-child .slide img {
	display: block;
	margin: 10% auto 0 auto;
}
.home.page-child .slide h1 {
	font-size: 4.6em;
    font-size: 4.1vw;
    line-height: 1.25em;
    text-decoration: none;
    text-align: center;
	margin: 0 0 0 0;
	text-shadow: 3px 3px 16px #0F0F0F;
}
.home.page-child .slide .forbes h1 {
	font-size: 3.3em;
	text-align: left;
}
.home.page-child .slide h2 {
	font-size: 2.2em;
    font-size: 1.9vw;
    line-height: 1.15em;
    text-decoration: none;
    text-align: center;
	margin: 0 0 0 0;
	font-family: "OakesGrotesk-Medium", Tahoma, Arial, sans-serif;
	color: #ffffff;
	text-shadow: 3px 3px 15px #0F0F0F;
}
.home.page-child .slide .forbes h2 {
	text-align: left;
	font-size: 1.7vw;
}
.home.page-child .slide .forbes img {
	margin: 0 40px 0 0;
}
.page-child .slide h1.singular {
    margin: 0 30px 0em 30px;
}
.overlay {
	width: 100%;
    max-width: 950px;
	margin: 0 auto;
}
.overlay.rightoverlay {
	margin: 0 0 0 auto;
}
.overlay .forbes {
	min-height: 163px;
}
.overlay p {
	color: #263242;
    font-size: 2.6em;
	text-align: right;
	margin: 10% 5% 0 0;
	font-family: "OakesGrotesk-Semi-Bold-Italic", Tahoma, Arial, sans-serif;
}
.slide a.dropbutton {
	border-radius: 30px;
	background: #c6384e;
	color: #ffffff;
	text-decoration: none;
	padding: 15px 30px;
	font-family: "OakesGrotesk-Medium", Tahoma, Arial, sans-serif;
}
.slide a.dropbutton:hover {
	background: #d9434e;
    color: #f5f5f5;
    border: 1px solid #c6384d;
}
.slide a.dropbutton.blue {
	background-color: #3d455d;
	border: 1px solid #3d455d;
}
.slide a.dropbutton.yellow {
	color: #2d354d;
	background-color: #e4bc4e;
	border: 1px solid #e4bc4e;
}

.homegrid,
.homeblock {
	display: flex;
	align-items: center;
    justify-content: center;
	position: relative;
}
.homegrid {
	z-index: 5;
}
.homeblock {
	z-index: 4;
}
.gridblock,
.gridcol {
	flex: 1;
}
.red,
.yellow,
.blue {
	position: relative;
	text-align: center;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.red {
	background: #c6384e;
	order: 2;
}
.blue {
	background: #3d455d;
	order: 1;
}
.yellow {
	background: #e4bc4e;
	order: 3;
}
.gridblock h2 {
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
}
.gridblock p {
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
}
.red h2,
.blue h2,
.red p,
.blue p {
	color: #ffffff;
}
.yellow h2,
.yellow p {
	color: #2d354d;
}
.red h2,
.blue h2,
.yellow h2 {
	margin: 0 0 10px 0px;
}
.red p a,
.blue p a {
	color: #ffffff;
	text-decoration: underline;
}
.yellow p a {
	color: #2d354d;
	text-decoration: underline;
}
.red p a:hover,
.blue p a:hover,
.yellow p a:hover {
	text-decoration: none;
}
.red a:focus,
.red a:active {
	outline: 2px dashed #3d455d;
	outline: 2px dashed rgba(61, 69, 93, .8);
}

.gridcol img {
	width: 100%;
}
.promoblock {
	padding: 10% 15%;
}
.homeblock1 .promoblock {
    padding: 10% 13%;
}
.promoblock h2 {
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
	font-size: 1.5em;
	font-size: 1.5vw;
    line-height: 1.5em;
    margin: 0 0 10px 0;
	color: #313a51;
}
.homeblock1 .promoblock h2 {
    font-size: 1.8vw;
}
.promoblock ul {
	list-style: disc;
    padding: 0 0 0 15px;
    margin: 20px 0 10px 25px;
}
.promoblock ul li {
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	font-size: 1.0em;
	font-size: 1.1vw;
    line-height: 1.2em;
	margin: 0 0 10px 0;
	color: #757575;
}
.promoblock p {
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	font-size: 1.0em;
	font-size: 1.3vw;
    line-height: 1.2em;
	color: #313a51;
	margin: 0 0 20px;
}
.promoblock p strong {
	font-family: "OakesGrotesk-Medium", Tahoma, Arial, sans-serif;
}
.dropbutton {
	position: relative;
	display: inline-block;
    color: #ffffff;
    text-decoration: none;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	margin: 20px 0 0 0;
    padding: 17px 40px 17px;
    border-radius: 30px;
	font-size: 1.2em;
    /* border: 1px solid #c6384d; */
    background: #c6384d;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.dropbutton:hover {
	background: #d9434e;
    color: #f5f5f5;
}
.dropbutton:active,
.dropbutton:focus {
    border: 1px solid #c6384d;
	outline: 2px dashed #c6384d;
}

.gridcol blockquote {
	position: relative;
	width: 100%;
	margin: 30px auto;
	box-sizing: border-box;
	padding: 10% 15% 10% 15%;
	color: #2d354d;
	font-size: 1.3em;
	font-size: 1.5vw;
    line-height: 1.8em;
    text-align: center;
	font-family: "OakesGrotesk-Medium", Tahoma, Arial, sans-serif;
	z-index: 2;
}
        
blockquote:before {
	content: "";
	background-image: url(images/blockquotes.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 50% 50%;
    position: absolute;
    width: 130px;
    height: 90px;
	left: 12%;
    top: 15%;
    padding-top: 10px;
    z-index: -1;
}
blockquote:after {
	content: "";
	background-image: url(images/blockquotes.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 50% 50%;
    position: absolute;
    width: 130px;
    height: 90px;
	right: 12%;
    bottom: 25%;
    padding-top: 10px;
    z-index: -1;
    transform: rotate(180deg);
}
blockquote span.quoted {
	display: block;
	color: #c6384d;
	font-size: .8em;
}

.breadcrumbs {
	position: relative;
    display: flex;
    justify-content: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
	background: #e4bc4e;
	padding: 0 9%;
}
.breadcrumb { 
    list-style: none; 
    overflow: hidden; 
    font-size: .9em;
	line-height: 1.0em;
    font-family:  "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
    margin: 0px;
    padding: 0;
}
.breadcrumb li { 
  float: left; 
}
.breadcrumb li a {
  color: #282828;
  text-decoration: none; 
  padding: 10px 0 10px 55px;
  background: #e4bc4e; /* fallback color */
  background: hsla(44,74%,60%,1); 
  position: relative; 
  display: block;
  float: left;
}
.breadcrumb li a:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid hsla(44,74%,60%,1);
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}   
.breadcrumb li a:before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1; 
}   
.breadcrumb li:first-child a {
  padding-left: 10px;
}
.breadcrumb li:last-child a:before { 
    border-left: 30px solid #e4bc4e;
}
.breadcrumb li:nth-child(2) a       { background:        hsla(44,74%,60%,1); }
.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(44,74%,60%,1); }
.breadcrumb li:nth-child(3) a       { background:        hsla(44,74%,60%,1); }
.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(44,74%,60%,1); }
.breadcrumb li:nth-child(4) a       { background:        hsla(44,74%,60%,1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(44,74%,60%,1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(44,74%,60%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(44,74%,60%,1); }
.breadcrumb li:last-child a {
  background: hsla(44,74%,70%,1); 
  color: black;
  pointer-events: none;
  cursor: default;
}
.breadcrumb li:last-child a:after { border-left-color: hsla(44,74%,70%,1); }
.breadcrumb li a:hover { background: hsla(44,74%,50%,1); }
.breadcrumb li a:hover:after { border-left-color: hsla(44,74%,50%,1) !important; }

.breadcrumbs .left {
	flex:1;
	flex-basis: 1em;
    padding: 0 5% 0 0;
}
.breadcrumbs .right {
	flex: 5;
}

.mainblock {
    position: relative;
    display: flex;
    justify-content: center;
    justify-content: space-between;
    padding: 0 9%;
}
.mainblock .left {
    order: 1;
	flex: 1;
	flex-basis: 1em;
}
.mainblock .right {
	float: none !important;
    order: 2;
	flex: 5;
}
.mainblock .left .container-pad {
    padding: 40px 0;
}
.mainblock .right .container-pad {
    padding: 40px 0;
}
.breadcrumbs .right .container-pad {
	padding: 0 0;
}

.sidebar .leftnav {
	margin: 10px 0 30px 0px;
}

.sidenav h3 {
	color: #c6384d;
	font-size: 1.3em;
	line-height: 1.3em;
    font-family:  "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
	margin-bottom: 30px;
}
.sidenav ul li {
	position: relative;
	font-size: 1.0em;
	line-height: 1.2em;
    font-family:  "OakesGrotesk-Medium", Tahoma, Arial, sans-serif;
	margin: 0 0 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.sidenav ul li:last-child {
	border-bottom: none;
}
.sidenav ul li::before {
	-webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.sidenav ul li:hover::before {
	position: absolute;
    display: block;
    content: '';
    width: 5px;
    height: 30px;
    top: -5px;
	left: -10px;
    background: #e3bb57;
}
.sidenav ul li a {
	color: #3d455d;
	text-decoration: none;
	
	-webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.sidenav ul li a:hover {
	color: #252f3f;
	text-decoration: underline;
}

/*MAIN CHILD BLOCK */
.primary.content {
	position: relative;
	margin: 0px 0px 0px 0px;
}
.primary.content h3 {
	font-size: 1.5em;
    line-height: 1.5em;
    font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
    margin-bottom: 20px;
	color: #313a51;
}
.primary.content h3.relationrewardsh3 {
	margin-bottom: 0;
}
.primary.content h4 {
	font-size: 1.3em;
    line-height: 1.4em;
    font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
    margin-bottom: 5px;
    color: #313a51;
}
.secondary.content {
	margin: 20px 0px 0px 0px;
}
.secondary.content h4 {
	font-size: 1.3em;
    line-height: 1.4em;
    font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
    margin-bottom: 5px;
    color: #c6384d;
}
.content a:not(.dropbutton) {
	color: #9B0E22;
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}
.content a:hover {
	text-decoration: none;
}

.content p {
	color: #757575;
	font-size: 1.0em;
	line-height: 1.4em;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
}
.content p.error {
	background: #d60e2b;
    color: #ffffff;
    padding: 8px 5px;
    line-height: 1.1em;
}
.content .formresults {
	clear: both;
	margin: 10px 0px 20px;
}
.content p.success {
	background: #42cc73;
    color: #000;
    padding: 8px 5px;
    line-height: 1.1em;
}
.content span.error {
	position: relative;
    top: -.5rem;
    left: 3rem;
    font-size: 1.2rem;
    color: #c6384d;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
	
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
}
.content select + span.error {
	left: 0;
}
span#homenumonchecks-error {
	top: 0rem;
}
.radioblock {
	margin: 10px 0 30px 0px;
}
.content p.radiocontain {
	display: inline;
}

.content ul li,
.content ol li,
.content .tierinfo ul li {
	color: #757575;
	font-size: 1.0em;
	line-height: 1.3em;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
}
.content p strong,
.content ul li strong,
.content ol li strong,
.content .tierinfo ul li strong {
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
}
.content p,
.content ul,
.content ol,
.content .tierinfo ul {
	margin: 0 0 20px 0;
}
.content img,
.content p img {
	max-width: 100%;
    height: auto;
}
.content ul {
	margin: .5em 1.5em 1.5em -.5em;
}
.content > ul > li,
.content .tierinfo > ul > li {
	list-style: none;
	background-image: url(images/unbookmark.png);
	background-repeat: no-repeat;
    background-position: 0px 5px;
    background-size: 12px;
	border-bottom: 1px solid #ececec;
    padding: .4em 0 .4em 1.4em;
    margin: 0 0 0 1.0em;
}
.content > ol > li {
	list-style-type: upper-roman;
	border-bottom: 1px solid #ececec;
    padding: .4em 0 .4em .4em;
    margin: 0 0 0 1.4em;
}
.content > ul > li:hover,
.content > ol > li:hover,
.content .tierinfo > ul > li:hover {
	background-color: #f2f2f2;
	color: #000; 
}
.content > ul > li > ul > li,
.content > ul > li > ol > li,
.content > ol > li > ol > li,
.content > ol > li > ul > li,
.content .tierinfo > ul > li > ul > li {
	font-size: 1.0em;
	line-height: 1.3em;
	padding: .4em 0 .4em .4em;
}
ul.inner,
ol.inner {
	margin: 1em;
}
ul.inner li {
	list-style: square outside none;
}
ol.inner li {
	list-style-type: upper-roman;
}

ul.col.two,
ol.col.two {
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
.content .primary-content > img {
	width: 100%;
	max-width: 1024px;
}

/*TABS */
.tabblock {
	border: 1px solid #ccc;
    padding: 0px 0px;
	margin: 0 0 30px 0;
}
ul.tabs {
	position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    width: 100%;
    background-color: #eee;
    margin: 0 auto;
    white-space: nowrap;
}
.tabs .tab {
	display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.tabs .tab a {
	text-decoration: none;
	display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .28s ease, background-color .28s ease;
    transition: color .28s ease, background-color .28s ease;
}
.tabs .tab a:hover,
.tabs .tab a.active {
	background-color: #9B0E22 !important;
    color: #ffffff;
    text-decoration: none;
}
.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #f6b2b5;
    will-change: left, right;
}
.tabbox {
	padding: 20px 10px 0px;
    margin: 0 0 0px 0;
}


/*ARIA ACCORDIONS */
.minaccordion__header {
    display: block;
    background: none;
    font-family: inherit;
    font-size: 1.125em;
    line-height: 1.8462;
    margin: 0;
    padding: .25em 0;
    text-align: left;
    width: 100%;
    font-weight: bold;
    color: #616161;
	border: none;
	cursor: pointer;
}
.minaccordion__header[aria-expanded="false"]:before {
    content: "+ ";
}
.minaccordion__header[aria-expanded="true"]:before {
    content: "- ";
}
.minaccordion__header[aria-selected="true"]:after {
    content: "";
    position: relative;
    border-bottom: .4em solid transparent;
    border-top: .4em solid transparent;
    margin-left: .5em;
    top: .1em;
    border-left: .7em solid;
    display: inline-block;
    speak: none;
}
.minaccordion__header:focus {
    outline: none;
    background-color: #dddddd;
}
.minaccordion__panel[aria-hidden=true] {
    display: none;
}
.minaccordion__title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.accordion_content {
	margin: 10px 0px 0px 0px;
	padding: 0 10px;
}

/* TABLES */
.data-wrap {
	width: 100%;
    position: relative;
    display: block;
	margin: 0px 0px 30px 0px;
}
.data-wrap.locations {
	margin: 0px 0px 50px 0px;
}
table {
	width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 0px 0px 0px 0px;
	border: none;
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
table.nomargin {
	margin: 0 0 0 0;
}
table caption {
	caption-side: top;
	display: table-caption;
    background: #c6384d;
    color: #fff;
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
    padding: 10px 5px;
    border: none;
}
table.centered caption {
	text-align: center;
}
table caption.nodisplay,
table caption span {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -10px;
	background: transparent;
	color: inherit;
	padding: 0 0;
}
table caption.platinumplus { 
    background-color: #333132;
    color: #fff;
}
table caption.platinum { 
    background-color: #dfdbd8;
    color: #312f30;
}
table caption.gold { 
    background-color: #e4bc4d;
    color: #fff;
}
table caption.silver { 
    background-color: #d9434e;
    color: #fff;
}
table caption.basic { 
    background-color: #3d455c;
    color: #fff;
}
.relationchart table caption { 
    display: none;
}
table tfoot tr td {
	padding: 10px 5px;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	background: #ccc;
	display: table-footer-group;
}
table.striped>tbody>tr:nth-child(odd) {
    background-color: rgba(248,241,225,0.65);
}
table.striped>tbody>tr.rowhighlight {
	background-color: rgb(235, 205, 122);
}
table.highlight>tbody>tr {
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
}
table.striped tr {
    border-bottom: none;
}
table.striped>tbody>tr>td {
    border-radius: 0;
}

table thead tr th,
table tbody tr th,
table tbody tr td {
	padding: 15px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px;
	font-size: 1.0em;
	border: none;
}
.relationchart table tbody tr td { 
    padding: 30px 5px;
}
table thead tr th,
table tbody tr th {
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
}
table tbody tr td {
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
}
table tbody tr td strong {
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
}
table.centered thead tr th, 
table.centered tbody tr td {
    text-align: center;
}
table.striped tbody tr td.platinumplusrow {
	font-weight: normal;
	background-color: #282828;
	color: #ffffff;
}
table.striped tbody tr td.platinumrow {
	font-weight: normal;
	background-color: #dfdcd9;
	color: #282828;
}
table.striped tbody tr td.goldrow {
	font-weight: normal;
	background-color: #e2b95d;
	color: #282828;
}
table.striped tbody tr td.silverrow {
	font-weight: normal;
	background-color: #d64755;
	color: #ffffff;
}
table.striped tbody tr td.basicrow {
	font-weight: normal;
	background-color: #3d465a;
	color: #ffffff;
}
.relationchart td span.newmember {
	font-size: .7em;
}
.hoverable:hover {
    transition: box-shadow .25s;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

table.highlighthis thead tr th:nth-child(3) {
    position: relative;
    background: #c6384d;
    color: #ffffff;
}
table.highlighthis thead th:nth-child(3), table.highlighthis tbody td:nth-child(3) {
    background: #c6384d;
    color: #ffffff;
    text-align: center;
    border-bottom: 1px solid #d65165;
}
table.highlighthis thead tr th:nth-child(4), table.highlighthis tbody tr td:nth-child(4) {
    padding-left: 5%;
}

/* Relationship Rewards */
.relationshiprewards {
	position: relative;
	display: block;
}
.tier {
	position: relative;
	display: block;
	margin: 0 0 30px 0;
	width: 100%;
	color: #ffffff;
	
	cursor: pointer;
	
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
.innertier {
	position: absolute;
	width: 10%;
	height: 90%;
    top: 5px;
    left: 5px;
	background-image: url(images/shieldsvg.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 10px;
	
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
.bottomtier {
	position: absolute;
	width: 100%;
	height: 5px;
    bottom: 0px;
    left: 0px;
	
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
.tier span {
	display: block;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	font-size: 4.65em;
	font-size: 4vw;
	padding: 25px 10% 20px;
	
	letter-spacing: 0px;
	
	-webkit-transition: all 650ms ease-in-out;
	-moz-transition: all 650ms ease-in-out;
	-ms-transition: all 650ms ease-in-out;
	-o-transition: all 650ms ease-in-out;
	transition: all 650ms ease-in-out;
}
.tier:hover span {
	letter-spacing: 1px;
}
.tier span:after {
	content: 'Learn More';
	font-size: 1.65em;
	font-size: 1.5vw;
	margin: 0 0 0 0px;
	letter-spacing:0px;
	
	-webkit-transition: all 450ms ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;
}
.tier:hover span:after {
	content: 'Learn More';
	font-size: 1.65em;
	font-size: 1.5vw;
	margin: 0 0 0 20px;
	letter-spacing:0px;
}

.platinumplus {
	background-color: #333132;
}
.platinumplus span:after {
	color: #333132;
}
.platinumplus:hover span:after {
	color: #ffffff;
}
.platinumplus .innertier { 
    -webkit-filter: hue-rotate(0deg) saturate(0) brightness(3%);
    filter: hue-rotate(0deg) saturate(0) brightness(3%);
}
.tier:hover .bottomtier {
	background-image: 
    repeating-linear-gradient(
      90deg,
      #ca9628,
      #ca9628 30%,
      #c6394c 30%,
      #c6394c 45%,
      #3d455c 45%,
      #3d455c 50%
    );
    background-size: 200% 200%;
    animation: barberpole 20s linear infinite;
}
.platinum {
	background-color: #dfdbd8;
	color: #312f30;
}
.platinum span:after {
	color: #dfdbd8;
}
.platinum:hover span:after {
	color: #333132;
}
.platinum .innertier { 
    -webkit-filter: hue-rotate(0deg) saturate(0) brightness(74%);
    filter: hue-rotate(0deg) saturate(0) brightness(74%);
}
.gold {
	background-color: #e4bc4d;
}
.gold span:after {
	color: #e4bc4d;
}
.gold:hover span:after {
	color: #ffffff;
}
.gold .innertier { 
    -webkit-filter: invert(40%) grayscale(0%) brightness(60%) sepia(100%) hue-rotate(-40deg) saturate(150%) contrast(2) opacity(.2);
    filter: invert(40%) grayscale(0%) brightness(60%) sepia(100%) hue-rotate(-40deg) saturate(150%) contrast(2) opacity(.2);
}
.silver {
	background-color: #d9434e;
}
.silver span:after {
	color: #d9434e;
}
.silver:hover span:after {
	color: #ffffff;
}
.silver .innertier { 
    -webkit-filter: invert(40%) grayscale(0%) brightness(40%) sepia(100%) hue-rotate(-40deg) saturate(420%) contrast(2) opacity(.2);
    filter: invert(40%) grayscale(0%) brightness(40%) sepia(100%) hue-rotate(-40deg) saturate(420%) contrast(2) opacity(.2);
}
.basic {
	background-color: #3d455c;
}
.basic span:after {
	color: #3d455c;
}
.basic:hover span:after {
	color: #ffffff;
}
.basic .innertier { 
    -webkit-filter: invert(40%) grayscale(0%) brightness(40%) sepia(100%) hue-rotate(-40deg) saturate(80%) contrast(2) opacity(.2);
    filter: invert(40%) grayscale(0%) brightness(40%) sepia(100%) hue-rotate(-40deg) saturate(80%) contrast(2) opacity(.2);
}
.rrbox {
	background-color: #282828;
	color: #ffffff;
	position: absolute;
	top: 0px;
	right: 10%;
	padding: 10px 20px;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	font-size: 1.2em;
	font-size: 1vw;
	line-height: 1.4em;
}

.tierinfo {
	position: relative;
	margin: 0 0 30px 0;
}
.basic + .tierinfo {
	margin: 0 0 60px 0;
}
.closetier {
	float: right;
    margin: 0px 10px 0 0;
	color: #010101 !important;
}

@keyframes barberpole {
  100% {
    background-position: 100% 100%;
  }
}


/* BREAKOUT BOX */
.breakout {
	position: relative;
    display: block;
    padding: 10px 20px;
    margin: 0px 0px 20px;
    background: #f0f0f0;
}
.breakout p:last-child {
	margin: 0 0 0 0;
}


/* Featured Box */
.featurebox {
	background: #3d455d;
    padding: 25px;
}
.featurebox p {
	color: #ccc;
}
.featurebox p:last-child {
	margin-bottom: 0px;
}
.content .featurebox p a {
	color: #ffffff;
}

.featurebox p a.non-keyboard-outline {
	border: 1px dotted #ffffff;
}

/* LMC, Related Products, Already a Member, Subscribe Blocks */
.relatedproducts {
    background: #f0f0f0;
    padding: 40px 0px 10px 0px;
}
.relatedproducts h4 {
	font-size: 1.8em;
    line-height: 1.5em;
    font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
    margin-bottom: 30px;
	color: #2d354c;
	text-align: center;
}
.relatedproducts ul {
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	width: 100%;
	max-width: 75%;
	margin: 0 auto;
}
.relatedproducts ul li {
	position: relative;
	flex: 1 0 20%;
	text-align: center;
	display: block;
	margin: 0 auto;
}
.relatedproducts ul li a {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 300px;
}
.relatedproducts ul li img {
	display: block;
	margin: 0 auto;
	max-width: 150px;
}
.rp-title {
	display: block;
	color: #2d354c;
	font-family: "OakesGrotesk-Medium", Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 10px auto 20px;
}
.rp-desc {
	display: block;
    color: #212121;
    font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
    font-size: .8em;
    line-height: 1.1em;
    margin-bottom: 20px;
    width: 70%;
    margin: 10px auto 20px;
}
.rp-hoveron {
	display: block;
	background: #c6384d;
	height: 10px;
	width: 50%;
	margin: 0 auto;
	opacity: 0;
}
.relatedproducts ul li a:hover .rp-hoveron {
	opacity: 1;
}

.alreadymember {
	display: flex;
	background: #f0f0f0;
	align-items: center;
    justify-content: center;
	padding: 35px 0 35px 0;
}
.alreadymembercard {
	flex: 3;
	text-align: right;
}
.alreadymembertext {
	flex: 3;
	padding: 0px 20px 0px 40px;
}
.alreadymembercta {
	flex: 2;
	text-align: left;
}
.alreadymembercard img {
	width: 100%;
	max-width: 360px; 
	/*
	-moz-transform: rotate(-12deg);
	-webkit-transform: rotate(-12deg);
	-o-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	transform: rotate(-12deg);
	*/
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
.alreadymembercard img:hover {
	/*
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	*/
}
.alreadymembertext p {
	color: #000000;
	font-size: 1.3em;
	font-size: 1.3vw;
    line-height: 1.3em;
    text-align: left;
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
}
.alreadymembertext p span {
	display: block;
	font-size: 1.1em;
	font-size: 1.1vw;
    line-height: 1.3em;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
}
.alreadymembercta a {
	color: #ffffff;
    text-decoration: none;
    padding: 15px 20px 13px;
    border-radius: 30px;
	border: 1px solid #c6384d;
    background: #c6384d;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.alreadymembercta a:hover {
	background: #d9434e;
    color: #f5f5f5;
    border: 1px solid #c6384d;
}

.printpage {
	width: auto;
	max-width: 160px;
    float: right;
}
.printpage ul {
	display: flex;
	margin: 0 0 0 0;
    padding: 0;
}
.printpage ul li {
	text-align: center;
	margin: 0 4px;
}
.content .printpage ul li a {
	text-decoration: none;
    background: #c6384d;
    color: #fff;
    padding: 5px 10px 3px;
    border-radius: 30px;
	line-height: 1.3em;
}

/* DISCLOSURES */
.notes-disclosures {
	margin: 0 0 30px 0px;
}
.disclosure-wrapper {
	background: #f0f0f0;
    padding: 40px 10% 40px 10%;
}

.disclosures {
    /* max-width: 760px; */
    margin: 0 0 0 0;
}
.disclosures { 
    display: block; 
	clear:both; 
	position: relative; 
	margin: 0px auto 0px auto; 
	padding-top: 4px; 
	width: 100%; 
	max-width: 1200px; 
}
.disc { 
    display: block; 
	clear: both; 
	margin: 10px 0px 0px 0px; 
}
.star, .startext { 
    display: inline-block; 
	margin: 0px -2px 0px -2px; 
	vertical-align: top; 
}
.startext { 
    width: calc(98% - 50px);
}
.startext p { 
    margin: 0; 
	padding: 0; 
	font-size: .85em; 
	line-height: 1.3em; 
	text-align: left; 
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif; 
	letter-spacing: 0px; 
	color:#6b6b6b; 
}
.startext p strong {
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
}
.star {
	width: 40px;
    text-align: right;
    padding-right: 10px;
	font-size: .9em; 
	line-height: 1.3em; 
	color: #6b6b6b; 
}
.startext p a { 
    color:#c6384d;
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
	text-decoration: underline;
}
.innerlmc {
	display: flex;
	align-items: center;
    justify-content: center;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.lmcfooter {
	background: #e3bb4e;
	padding: 40px 0px;
}
.lmcimg {
	flex: 2;
	position: relative;
	padding: 0 0 0 0;
	text-align: right;
}
.lmcimg img {
	max-width: 200px;
}
.lmcdiscounts {
	flex: 3;
	position: relative;
	text-align: center;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	font-size: 1.4em;
	font-size: 1.4vw;
	line-height: 1.3em;
	padding-top: 3px;
	color: #000000;
}
.lmcdiscounts a {
	color: #000000;
	border-bottom: 2px solid #c6384d;
}
.lmcdiscounts a:hover {
	border-bottom: none;
}
.lmcsub {
	flex: 2;
	position: relative;
	padding: 0 0 0 20px;
	color: #000000;
	text-align: left;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	font-size: .9em;
	line-height: 1.1em;
}
.lmcsub p {
	width: 90%;
}
.subscribefooter {
	display: none;
	background: #e3bb4e;
	/* display: flex; */
	align-items: center;
    justify-content: center;
	padding: 40px 0px;
}
.subscribedescription {
	flex: 3;
	position: relative;
	text-align: right;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	font-size: 1.4em;
	font-size: 1.4vw;
	line-height: 1.3em;
	padding-top: 3px;
}
.subscribeform {
	flex: 2;
	position: relative;
	padding: 0 0 0 20px;
}

::-webkit-input-placeholder {
    color: #3d455d;
}

.subscribeform {
	flex: 2;
	position: relative;
	padding: 0 0 0 20px;
}

.checkstyleblock label {
	display: none;
	opacity: 0;
}

::-webkit-input-placeholder {
    color: #3d455d;
}

.notifycta {
    background: #fff;
    font-weight: bold;
    border-radius: 30px;
    line-height: 40px;
    height: 48px;
    width: 170px;
    text-align: center;
    transition: width .2s ease-in-out;
    cursor: pointer;
}
.notifycta .hide {
    display: none;
}
.notifycta form {
    display: flex;
	height: 100%;
}
.notifycta label {
    opacity: 0;
    width: 100%;
	flex: 1 0 100%;
    text-align: center;
	padding-top: 1px;
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
	line-height: 3;
    -webkit-animation: notifyfadeIn .3s ease-in-out;
          animation: notifyfadeIn .3s ease-in-out;
    -webkit-animation-delay: .2s;
          animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.notifycta .input {
    display: block;
    opacity: 0;
    flex: 3;
    text-align: left;
}
.notifycta .input input {
	border: 0;
    width: 155px;
    height: 45px;
    padding: 4px 0px 0px 0px;
    margin: 0 0 0 25px;
    outline: none;
    color: #3d455d;
    font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
    font-size: 1.0em;
}
.notifycta .button {
    display: none;
    opacity: 0;
    flex: 1;
}
.notifycta .button button {
    outline: none;
    float: right;
    padding: 3px 25px 0px;
    height: 40px;
    background: #c6384d;
    border-radius: 25px;
    color: #fff;
    border: 0;
    margin: 4px;
    cursor: pointer;
    transition: all .2s ease-in-out;
	font-family: "OakesGrotesk-Medium", Tahoma, Arial, sans-serif;
	font-size: 1.0em;
}
.notifycta .button button:disabled {
    color: #e0e0e0;
    background: #9a9a9a;
    opacity: .8;
	cursor: default;
}
.notifycta.sent {
    cursor: default;
}
.notifycta.active {
    width: 280px;
    text-align: left;
    transition: width .2s ease-in-out;
    cursor: default;
}
.notifycta.active label {
    display: none;
}
.notifycta.active .input, .notifycta.active .button {
    display: block;
    -webkit-animation: notifyfadeIn .3s ease-in-out;
          animation: notifyfadeIn .3s ease-in-out;
    -webkit-animation-delay: .1s;
          animation-delay: .1s;
    -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/*MISC*/
.alignleft {
	float: left;
    margin: 0 20px 20px 0;
}
.alignright {
	float: right;
    margin: 0 0 20px 20px;
}
.checkstyleblock .select-wrapper {
	display: none;
}

.pod_checks {
	position: relative;
	padding-left: 31px;
	margin: 0px 0px 20px 0px;
}
.pod_checks p {
	font-size: .8em; 
	margin: 5px 0 10px 0px;
}
.pod_checks span.prelabel {
	width: 250px;
    float: left;
}
.pod_checks span.prelabel.chart {
	width: 280px;
}
[type="checkbox"]+span:not(.lever) {
    padding-left: 23px;
	font-size: 1.2rem;
}
.input-field.col label.checks {
    margin-right: 35px;
}
.pod_checks span.error {
	position: relative;
    float: none;
    clear: both;
    display: block;
    left: 0px;
    top: 10px;
}

.seemore {
	position: relative;
	color: #c6384d;
	font-weight: normal;
	font-family: "oakesgrotesk-medium", Tahoma, Arial, sans-serif;
	margin: 20px 0 10px 0px;
}
.seemore a {
	color: #c6384d;
	font-weight: normal;
	font-family: "oakesgrotesk-semibold", Tahoma, Arial, sans-serif;
	text-decoration: none;
}

table.lpStaticButton tbody tr#lpStaticButtonTR2990694849 td {
	padding: 0px 0px;
}
#lpPoweredByTR9679654876 {
	display: none;
}

.single-post .ncuabug,
.single-post .ncua,
.single-post .esibug,
.single-post .esi,
.page-investing .ncuabug,
.page-investing .ncua,
.page-investing .esibug,
.page-investing .esi,
.page-long-term-insurance .ncuabug,
.page-long-term-insurance .ncua,
.page-long-term-insurance .esibug,
.page-long-term-insurance .esi,
.page-member-wealth-management .ncuabug,
.page-member-wealth-management .ncua,
.page-member-wealth-management .esibug,
.page-member-wealth-management .esi {
	display: none;
}

/* ANIMATIONS */
@-webkit-keyframes notifyfadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes notifyfadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


.card-panel {
    display: flex;
	align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap;
	margin: 0px auto 30px auto;
}
.card {
	opacity: 0;
	flex: 0 1 auto;
	min-width: 10.5em;
	
	-webkit-transition: background 250ms ease-in-out;
	-moz-transition: background 250ms ease-in-out;
	-ms-transition: background 250ms ease-in-out;
	-o-transition: background 250ms ease-in-out;
	transition: background 250ms ease-in-out;
}
.card .innercard {
	background: #3d455d;
	border-radius: .8em;
	padding: 30px 20px;
	margin: 0px 10px 10px 0px;
	text-align: center;
}
.card.atm,
.card.android,
.card.iphone,
.card.apple,
.card.google {
	flex: 0 1 30em;
	margin: 0 20px;
}
.card:first-child {
	margin-left: 0px;
}
.card:last-child {
	margin-right: 0px;
}

.card.google img,
.card.apple img {
	max-width: 220px;
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
}

.card h4 {
	display: block;
	font-family: 'OakesGrotesk-Semi-Bold', sans-serif;
	font-weight: 700;
    border-bottom: none;
    color: #236092;
	font-size: 1.1em;
}
.contact-panel .card h4 {
	color: #236092;
}
.card a {
	color: #236092;
	text-decoration: none;
}
.card span {
	display: block;
	text-align: center;
	font-weight: 500;
	margin: 10px auto 0px auto;
}
.card span.underlink {
	font-family: 'OakesGrotesk-Semi-Bold', sans-serif;
}
.card span.cardicon {
	display: block;
	clear: both;
}
.ficons {
	margin-bottom:5px;
}
.card br {
	display: none;
}
.contact-panel .card br {
	display: block;
}
.card img {
	width: 100%;
	height: auto;
	display: inline-block;
}
.contact-panel .card img {
	float: left;
	width: 175px;
	border-radius: 88px;
	margin: 0 10px 0px 0px;
}

.application-cards .card:hover {
	background: #236092;
}
.application-cards .card:hover a {
	color: #ffffff;
}

/*CALENDAR */
/****************************************/
/* Styling rules, such as font and colors */
.holidayclosings {
	display: block;
	width: 100%;
	margin: 0px 0px 30px 0px;
}
.holidayclosings:last-child {
	margin: 0px 0px 20px 0px;
}
.date-as-calendar {
    font-variant: normal;
    font-style: normal;
    font-weight: normal;
    font-family: "OakesGrotesk-Medium", "Helvetica", "Arial", sans-serif;

    /* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
    vertical-align: top;

    /* margin: 1ex; */

    color: black;
    background: white;
    background : linear-gradient(to bottom right, #ffffff 0%, #e0e0e0 100%);

    border: 1px solid #888;
    border-radius: 3px;
    overflow: hidden;

    box-shadow: 2px 2px 2px -2px black;
}
.date-as-calendar .weekday,
.date-as-calendar .day,
.date-as-calendar .month,
.date-as-calendar .year,
.date-as-calendar .holiday {
    text-align: center;
	line-height: 1.2em;
}
.date-as-calendar .weekday {
    font-family: "OakesGrotesk-Semi-Bold", sans-serif;
    text-transform: none;
    background: #c6384d;
        background: linear-gradient(to bottom right, #c6384d 0%, #c6384d 100%);
    color: white;
}

.date-as-calendar.past-date {
	color: #989898;
}
.date-as-calendar.past-date .weekday {
	background: #ceacb1;
    background: linear-gradient(to bottom right, #ceacb1 0%, #ceacb1 100%);
    color: #dcdbdb;
}

/****************************************/
/* Layout rules using position: absolute and pixels. */
.position-pixels.date-as-calendar {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.position-pixels.date-as-calendar .weekday,
.position-pixels.date-as-calendar .day,
.position-pixels.date-as-calendar .month,
.position-pixels.date-as-calendar .year {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 1em;
}
.position-pixels.date-as-calendar .weekday {
    top: 0px;
    font-size: 12px;
    padding: 2px 0;
}
.position-pixels.date-as-calendar .month {
    top: 16px;
    font-size: 10px;
}
.position-pixels.date-as-calendar .day {
    top: 26px;
    font-size: 24px;
}
.position-pixels.date-as-calendar .year {
    top: 50px;
    font-size: 14px;
}

/****************************************/
/* Layout rules using position: absolute and relative dimensions using em. */
.position-em.date-as-calendar {
    display: inline-block;
    position: relative;
  
    width: 6.75em; 
    height: 4em; 
}
.position-em.date-as-calendar .weekday,
.position-em.date-as-calendar .day,
.position-em.date-as-calendar .month,
.position-em.date-as-calendar .year {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 1em;
}
.position-em.date-as-calendar .weekday {
    top: 0px;
    font-size: 0.75em;
    padding: 0.1em 0;
}
.position-em.date-as-calendar .month {
    top: 1.6em;
    font-size: 0.6125em;
}
.position-em.date-as-calendar .day {
    top: 1.1em;
    font-size: 1.5em
}
.position-em.date-as-calendar .year {
    bottom: 0px;
    font-size: 0.87750em;
}

/****************************************/
/* Layout rules using display: inline-flex and relative dimensions using em. */
.inline-flex.date-as-calendar {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
  
    width: 6.75em; 
    height: auto;
    margin: 10px;
}
.inline-flex.date-as-calendar .weekday,
.inline-flex.date-as-calendar .day,
.inline-flex.date-as-calendar .month,
.inline-flex.date-as-calendar .year {
    display: block;
    flex: 1 1 auto;
}
.inline-flex.date-as-calendar .weekday {
    order: 1;
    font-size: 0.75em;
    padding: 0.1em 0;
}
.inline-flex.date-as-calendar .month {
    order: 2;
    font-size: 0.6125em;
	margin: 5px 0 0 0;
}
.inline-flex.date-as-calendar .day {
    order: 3;
    font-size: 1.5em;
}
.inline-flex.date-as-calendar .year {
    order: 4;
    font-size: 0.87750em;
}
.inline-flex.date-as-calendar .holiday {
    order: 5;
    font-size: 0.47750em;
}

/****************************************/
/* Multiple sizes. */
.date-as-calendar.size0_5x {
    font-size: 8px;
}
.date-as-calendar.size0_75x {
    font-size: 12px;
}
.date-as-calendar.size1x {
    font-size: 16px;
}
.date-as-calendar.size1_25x {
    font-size: 20px;
}
.date-as-calendar.size1_5x {
    font-size: 24px;
}
.date-as-calendar.size1_75x {
    font-size: 28px;
}
.date-as-calendar.size2x {
    font-size: 32px;
}
.date-as-calendar.size3x {
    font-size: 48px;
}


/* GALLERY SETTINGS */
.gallery {
	margin: 0 0 20px 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.gallery-item {
	flex-shrink: 1;
	width: 200px;
}


/*BLOG SETTINGS */
.meta {
	margin: 0px 0px 30px 0px;
}
.meta a {
	color: #c6384d;
	text-decoration: underline;
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
}

.post-navigation {
	margin: 20px 0px 0px 0px;
}
.post-navigation a {
	color: #c6384d;
	text-decoration: underline;
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
}



/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}


footer {
	position: relative;
    z-index: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 60px 5%;
    background-color: #3d455d;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.7s;
    -moz-transition: -moz-transform 0.7s;
    transition: transform 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
    transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}
.footerlogo {
	width: 100%;
	max-width: 500px;
}
.footerflex nav {
	display: flex;
	margin: 20px 0px 0px 0px;
}
.footernavmenu {
	flex: 4;
}
.footerapps {
	flex: 1;
}
.footuerbugs {
	flex: unset;
	display: block;
}
.footernavmenu ul {
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}
.footernavmenu ul > li {
	flex: 1 1 200px;
	font-family: "OakesGrotesk-Semi-Bold", Tahoma, Arial, sans-serif;
	color: #ffffff;
	font-size: 1.0em;
	margin: 0 0px 20px 0px;
}
.footernavmenu ul > li > ul {
	margin: 10px 0 0 0;
}
.footernavmenu ul > li > ul > li {
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	color: #ffffff;
	font-size: .9em;
	margin: 0px 0 10px 0;
}
.footernavmenu ul > li > ul > li a {
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
	color: #ffffff;
}
.footernavmenu ul > li > ul > li a,
.footernavmenu ul > li > ul > li a:after,
.footernavmenu ul > li > ul > li a:before {
  transition: all .5s;
}
.footernavmenu ul > li > ul > li a:hover {
  color: #aaa;
}
.footernavmenu ul > li > ul > li a {
  position: relative;
}
.footernavmenu ul > li > ul > li a:after,
.footernavmenu ul > li > ul > li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #aaa;
  height: 1px;
}
.footernavmenu ul > li > ul > li a:hover:after {
  width: 100%;
}

.footernavmenu ul > li > ul > li a[aria-label] {
    position: relative;
}
.footernavmenu ul > li > ul > li a[aria-label]:after {
	content: attr(aria-label);
    display: none;
    position: absolute;
    top: 100%;
	bottom: unset;
	left: 10px;
    width: 300px;
	height: auto;
    z-index: 5000;
    pointer-events: none;
    padding: 8px 10px;
    line-height: 15px;
    text-decoration: none;
    text-indent: 0;
    overflow: visible;
    font-size: .9em;
    font-weight: normal;
    color: #fff;
    background-color: #3d455d;
    border-radius: 4px;
    border: 1px solid #aaa;
}
.footernavmenu ul > li > ul > li a[aria-label]:hover:after, 
.footernavmenu ul > li > ul > li a[aria-label]:focus:after {
    display: block;
}
.footernavmenu ul li a:focus,
.footernavmenu ul li a:active,
.footernavmenu ul li a.non-keyboard-outline {
	border: 1px dotted #ffffff;
}

.footerapps ul {
	display: block;
	text-align: center;
	margin: 0 0;
	padding: 0 0;
	list-style: none;
}
.footerapps ul li {
	display: block;
	vertical-align: middle;
	margin: 0 auto 20px auto;
	width: 192px;
}
.footerapps ul li.appstoreicon a {
	display: block;
	background-image: url(images/appstoreicons.png);
	background-repeat: no-repeat;
	width: 192px;
	height: 64px;
	text-indent: 100%;
	overflow:hidden;
	white-space: nowrap;
	color: #ffffff;
    background-color: #3d455d;
}
li.apple { margin-bottom: 20px; }
li.apple a {
	background-position: 0px 0px;
}
li.google a {
	background-position: 0px -64px;
}
.footerapps ul li a.non-keyboard-outline {
	border: 1px dotted #ffffff;
}

.footerbugs ul li {
	display: inline-block;
	background-image: url(images/footerbugs.png);
	background-repeat: no-repeat;
	margin: 0 20px;
	text-indent: 100%;
	overflow:hidden;
	white-space: nowrap;
	z-index: 2;
	color: #ffffff;
    background-color: #3d455d;
}
.footerbugs ul li.eol {
	background-image: none;
}
.footerbugs li.ncua {
	margin-left: 0;
	width: 157px;
	height: 82px;
	background-position: 0 0;
	cursor: zoom-in;
}
.footerbugs li.ehl {
	margin-right: 0;
	width: 70px;
	height: 82px;
	background-position: -489px 0;
}
.footerbugs li.eol {
	display: inline-block;
	text-indent: 0;
	white-space: normal;
	font-family: "OakesGrotesk-Regular", Tahoma, Arial, sans-serif;
    color: #ffffff;
    font-size: .9em;
	margin: 10px 0 0 0;
}
.footerbugs li.ncua.tapped span {
	position: absolute;
    display: block;
    width: 448px;
    height: 212px;
    margin-top: -130px;
	background-image: url(images/footerbugs.png);
	background-position: 0 -95px;
	background-color: #3d455d;
	z-index: 3;
}
.copyright {
	margin: 40px 0 0 0;
}
.copyright p {
	font-family: 'OakesGrotesk-Regular', 'Arial', 'Helvetica', sans-serif;
    color: #ffffff;
	font-size: .9em;
}
.copyright p a {
	color: #ffffff;
	text-decoration: underline;
}
.copyright p a.non-keyboard-outline {
	border: 1px dotted #ffffff;
}

/* Set up Rules for Visibility Animations */
.homeblock1 .gridcol:first-child.come-in {
  transform: translateX(-150px);
  animation: comeIn 0.8s ease forwards;
}
.homeblock2 .gridcol:last-child.come-in {
  transform: translateX(150px);
  animation: comeIn 0.8s ease forwards;
}

.already-visible {
  transform: translateX(0);
  animation: none;
}

@keyframes comeIn {
  to { transform: translateX(0); }
}





/*autocomplete form */
.accessible-autocomplete-form {
	position: relative;
	margin: 20px 0px 20px 0px;
}
[data-widget="accessible-autocomplete"] {
	margin-bottom: 1.25ex;
}
#searchauto {
	padding: 1ex .5em;
    width: 20em;
    font-size: 1.3rem;
    line-height: 1;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.2);
    box-sizing: border-box;
}
.autocomplete-search-field {
	border: 1px solid #d5d5d5;
}
.autocomplete-list {
	position: absolute;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 1px solid #d5d5d5;
	border-top: none;
	background-color: #fff;
	list-style: none;
}
.autocomplete-item {
	box-sizing: border-box;
	margin: 0;
	padding: .2ex .1em;
	border-top: 1px solid transparent;
	cursor: pointer;
}
.autocomplete-item:first-child {
	border-top: none;
}
.autocomplete-item:last-child {
	border-bottom: none;
}
.autocomplete-item:hover,
[aria-selected="true"] {
	background-color: #ddd;
	border-top-color: #d5d5d5;
	border-bottom-color: #d5d5d5;
}
label {
	font-weight: normal;
	font-family: 'OakesGrotesk-Regular', 'Arial', 'Helvetica', sans-serif;
	letter-spacing: .1em;
}
/* mobile styles */
.mobi .autocomplete-list {
	position: relative;
	width: 100vw;
}
.mobi .autocomplete-list[style] {
	left: 50% !important;
	transform: translateX(-50%) !important;
	top: 0 !important;
	min-width: auto !important;
}
.mobi .autocomplete-item {
	border-top: 1px solid #d5d5d5;
	padding: 1ex 1em;
}
#resultsauto {
    margin: 0 0 0 0;
}

@media only screen and (min-width: 1580px) {
    .ocm .ocmigation-wrapper {
        padding: 35px 1%;
    }
    .ocm .ocmigation-wrapper::after {
        clear: both;
        content: "";
        display: table;
    }
    .ocm .cd-full-block {
        width: 100%;
		margin: 40px 0px 0px 0px;
    }
	
	.ocm .cd-full-block {
		padding: 0px 4% 0 4%;
	}
	
	.ocb .menunav .leftnav {
		order: 1;
		flex: 2;
	}
	.ocb .menunav .menulogo {
		order: 2;
		flex: 1;
	}
	.ocb .menunav .rightnav {
		order: 3;
		flex: 2; 
	}
	
	.nav-menu {
		display: flex;
		flex: flex-wrap;
	}
	.nav-menu > li {
		flex: 1 0 15%;
		justify-content: space-between;
		margin: 0 30px 0 0;
	}
	.red,
	.blue,
	.yellow {
		padding: 3% 2.75%;
	}
	.gridblock h2 {
		font-size: 1.3em;
		font-size: 1.5vw;
		line-height: 1.6em;
		margin: 0 0 20px 0px;
	}
	.gridblock p {
		font-size: 1.0em;
		font-size: 1.15vw;
        line-height: 1.3em;
	}
	
	.mainblock .left {
		flex-basis: 1em;
		padding: 0 5% 0 0;
	}
	.mainblock .right {
		flex: 5;
	}
	.logo .desktop {
		display: block;
	}
	.logo .mobile {
		display: none;
	}
}

@media only screen and (min-width: 1136px) and (max-width: 1579px) {
    .ocm .ocmigation-wrapper {
        padding: 35px 1%;
    }
    .ocm .ocmigation-wrapper::after {
        clear: both;
        content: "";
        display: table;
    }
    .ocm .cd-full-block {
        width: 100%;
		margin: 40px 0px 0px 0px;
    }
	
	.ocm .cd-full-block {
		padding: 0px 4% 0 4%;
	}
	
	.ocb .menunav .leftnav {
		order: 1;
		flex: 2;
	}
	.ocb .menunav .menulogo {
		order: 2;
		flex: 1;
	}
	.ocb .menunav .rightnav {
		order: 3;
		flex: 2;
	}
	
	.page-child .slide h1 {
		font-size: 3em;
		margin-bottom: 0;
	}
	
	.nav-menu {
		display: flex;
		flex: flex-wrap;
	}
	.nav-menu > li {
		flex: 1 0 15%;
		justify-content: space-between;
		margin: 0 30px 0 0;
	}
	.red,
	.blue,
	.yellow {
		padding: 2% 1%;
	}
	.gridblock h2 {
		font-size: 1.3em;
		font-size: 1.5vw;
		line-height: 1.6em;
	}
	.gridblock p {
		font-size: 1.0em;
		font-size: 1.2vw;
		line-height: 1.3em;
	}
	.red, .yellow, .blue {
        padding: 2% 1%;
	}
	
	.breadcrumbs .left {
		flex: 1;
		flex-basis: 1.5em;
		padding: 0 5% 0 0;
	}
	.breadcrumbs .right {
		flex: 3;
	}
	
	.mainblock .left {
		flex: 1;
		flex-basis: 1.5em;
		padding: 0 5% 0 0;
	}
	.mainblock .right {
		flex: 3;
	}
	.logo .desktop {
		display: none;
	}
	.logo .mobile {
		display: block;
	}
	
	.pagenav .iconnav {
		flex: 5;
	}
}

@media only screen and (min-width: 961px) and (max-width: 1135px) {
    .ocm .ocmigation-wrapper {
        padding: 35px 1%;
    }
	.pagenav {
		padding: 20px 20px;
	}
    .pagenav ul li {
		margin: 0 10px 0 10px;
	}
	.pagenav .iconnav li.icon {
		display: inline-block;
		margin: 0 7px 20px 7px;
	}
	.pagenav ul li:last-child {
		margin: 20px 10px 0 10px;
	}
	.pagenav ul li a.cbtn {
		padding: 15px 20px 13px;
		font-size: .9em;
	}
	
	.ocb .menunav .leftnav {
		order: 1;
		flex: 1;
	}
	.ocb .menunav .menulogo {
		order: 2;
		flex: 1;
	}
	.ocb .menunav .rightnav {
		order: 3;
		flex: 1;
	}
	
	.page-child .slide h1 {
		font-size: 3em;
		margin-bottom: 0;
	}
	
	.leftnav > ul > li {
		margin: 0px 1%;
	}
	.rightnav ul li a.cbtn {
		padding: 10px 20px;
	}
	.rightnav ul li {
		margin: 0 7px 0 7px;
	}
	.drop-nav {
		margin-top: 20px;
	}
	
	.nav-menu {
		display: flex;
		flex: flex-wrap;
	}
	.nav-menu > li {
		flex: 1 0 15%;
		justify-content: space-between;
		margin: 0 30px 0 0;
	}
	.prosper {
		font-size: 1.2em;
        font-size: 1.8vw;
		padding-left: 0;
	}
	.red,
	.blue,
	.yellow {
		padding: 3% 3%;
	}
	.promoblock {
		padding: 0 5% 0 5%;
	}
	.promoblock h2 {
		font-size: 1.5em;
		font-size: 2.2vw;
		line-height: 1.5em;
	}
	.promoblock ul {
		list-style: disc;
		padding: 0 0 0 15px;
		margin: 0 0 0 25px;
	}
	.promoblock ul li {
		font-size: 1.0em;
		font-size: 1.6vw;
		line-height: 1.2em;
		margin: 0 0 10px 0;
	}
	.promoblock p {
		font-size: 1.0em;
		font-size: 1.6vw;
		line-height: 1.2em;
	}
	
	.gridcol blockquote {
		padding: 5% 15% 5% 15%;
		font-size: 1.3em;
		font-size: 1.8vw;
		line-height: 1.6em;
	}
	.gridcol blockquote:before {
		top: 0%;
	}
	.gridcol blockquote:after {
		bottom: 12%;
	}
	.gridblock p {
		font-size: 1.2vw;
        line-height: 1.4em;
	}
	
	.breadcrumbs .left {
		flex: 0;
		flex-basis: 0em;
		padding: 0 0 0 0;
	}
	.breadcrumbs .right {
		flex: 3;
	}
	
	.mainblock .left {
		flex-basis: 1em;
		padding: 0 5% 0 0;
	}
	.mainblock .right {
		flex: 3;
	}
	
	.tier span {
		padding: 25px 15% 20px;
		font-size: 1.25em;
		font-size: 2.5vw;
	}
	.rrbox {
		font-size: 1.2em;
		font-size: 1.6vw;
	}
	
	.alreadymembercard {
		flex: 1;
	}
	.alreadymembercta {
		flex: 1;
	}
	.alreadymembertext p {
		font-size: 1.3em;
		font-size: 2.0vw;
		line-height: 1.3em;
	}
	.alreadymembertext p span {
		font-size: 1.1em;
		font-size: 1.5vw;
		line-height: 1.3em;
	}
	
	.subscribedescription {
		font-size: 1.4em;
		font-size: 1.8vw;
		line-height: 1.3em;
	}
	
	.logo .desktop {
		display: none;
	}
	.logo .mobile {
		display: block;
	}
}
@media only screen and (max-width: 992px) {
	.data-wrap {
		margin: 0 0 30px 0;
	}
	table.responsive-table {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	table.responsive-table thead {
		display: block;
        float: left;
		border: 0;
		border-right: 1px solid rgba(0,0,0,0.12);
	}
	table.responsive-table thead tr {
		display: block;
		padding: 0 10px 0 0;
		margin: 0;
        vertical-align: top;
	}
	table.responsive-table th {
		display: block;
		text-align: right;
	}
	table.responsive-table tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	table.responsive-table tbody tr {
		display: inline-block;
		vertical-align: top;
		border-bottom: none;
        padding: 0 10px;
	}
	table.responsive-table td {
		display: block;
		min-height: 1.25em;
		text-align: left;
		margin: 0;
        vertical-align: top;
	}
	.red,
	.blue,
	.yellow {
		padding: 3% 3%;
	}
	.gridblock p {
		font-size: .8em;
        font-size: 1.6vw;
        line-height: 1.6em;
	}
	.logo .desktop {
		display: none;
	}
	.logo .mobile {
		display: block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	
	.desktopview {
	    display: none;	
	}
	.mobileview {
		display: block;
	}
	
	.ocm .ocmigation-wrapper {
        padding: 35px 1%;
    }
	.pagenav {
		padding: 20px 10px;
	}
	.pagenav .logo {
		flex: 4;
	}
	.pagenav ul {
		margin: 0px 0px 0px 0px;
	}
	.pagenav ul.mleft {
		text-align: left;
	}
	.pagenav ul.mright {
		text-align: right;
	}
	.pagenav .iconnav {
		flex: 7;
	}
	.pagenav .iconnav:first-child {
		flex: 1;
	}
	.pagenav ul li a.ocm-trigger {
		position: relative;
		top: 3px;
	}
	.pagenav .iconnav li {
		display: block;
		margin: 0 0px 30px auto;
	}
	.pagenav .iconnav li.icon {
		display: inline-block;
		margin: 0px 5% 0px 5%;
	}
	.pagenav ul li a.icon.chat {
		margin: 0px 0px -5px 0px;
	}
	.ocm span.custom-comment {
		background-position: 0px -21px;
		top: -5px;
		left: -35px;
	}
	.pagenav .logo a,
	.pagenav .logo .prosper {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.pagenav .logo a img {
		width: 100%;
		max-width: 460px;
		display: block;
		margin: 0 auto;
	}
	.pagenav .logo .prosper {
		text-align: left;
	}
	
	.ocm .closemenu {
		position: absolute;
		top: 35px;
		left: 4px;
		position: absolute;
		width: 32px;
		height: 32px;
	}
	
	.slide {
		height: 75vh;
	}
	.slide h1 {
		font-size: 3em;
        font-size: 5.5vw;
	}
	.page-child .slide h1 {
		font-size: 3em;
		margin-bottom: 0;
	}
	.home.page-child .slide h1 {
		text-align: center;
		margin: 5% 0 0 0;
	}
	.rightoverlay {
		margin: 0 auto 0 auto;
	}
	.overlay p {
		text-align: center;
		margin: 5% 0 0 0;
	}
	.slide a.dropbutton {
		border-radius: 30px;
		background: #c6384e;
		color: #ffffff;
		text-decoration: none;
		padding: 15px 30px;
		font-family: "OakesGrotesk-Medium", Tahoma, Arial, sans-serif;
	}
	
	.drop-nav {
		margin-top: 20px;
	}
	
	.ocb .menunav .leftnav {
		order: 1;
		flex: 1;
	}
	.ocb .menunav .menulogo {
		order: 2;
		flex: 2;
	}
	.ocb .menunav .rightnav {
		order: 3;
		flex: 1;
	}
	
	.leftnav > ul > li {
		margin: 0px 1%;
	}
	
	.rightnav ul li {
		margin: 0 7px 0 7px;
	}
	
    .nav-menu {
		flex: unset;
		display: block;
		text-align: center;
	}
	
	.nav-menu > li {
		display: block;
		margin: 0 auto 20px auto;
		padding: 0 0 20px 0;
	}
	.nav-menu > li.openacct,
	.nav-menu > li.menu-item-327 {
		border-bottom:1px solid #aaa;
	}
	li.openacct a {
		color: #ECB845;
	}
	.nav-menu > li .drop-slide {
		display: none;
	}
	.nav-menu > li.hover .dropslide {
		display: block;
	}
	
	
	.prosper {
		font-size: 1.2em;
        font-size: 2.1vw;
		padding-left: 0;
	}
	
	.promoblock {
		padding: 0 5% 0 5%;
	}
	.promoblock h2 {
		font-size: 1.5em;
		font-size: 2.5vw;
		line-height: 1.5em;
	}
	.promoblock ul {
		list-style: disc;
		padding: 0 0 0 15px;
		margin: 0 0 0 25px;
	}
	.promoblock ul li {
		font-size: 1.2em;
		font-size: 1.8vw;
		line-height: 1.2em;
		margin: 0 0 5px 0;
	}
	.promoblock p {
		font-size: 1.2em;
		font-size: 1.8vw;
		line-height: 1.2em;
	}
	
	.gridcol blockquote {
		padding: 5% 15% 5% 15%;
		font-size: 1.3em;
		font-size: 1.8vw;
		line-height: 1.6em;
	}
	.gridcol blockquote:before {
		top: 0%;
	}
	.gridcol blockquote:after {
		bottom: 12%;
	}
	
	.breadcrumbs .left {
		flex: 0;
		flex-basis: 0em;
		padding: 0 0 0 0;
	}
	.breadcrumbs .right {
		flex: 3;
	}
	
	.mainblock .left {
		flex: 1;
		flex-basis: 2em;
		padding: 0 5% 0 0;
	}
	.mainblock .right {
		flex: 3;
	}
	
	.tier span {
		padding: 25px 15% 20px;
		font-size: 1.25em;
		font-size: 2.5vw;
	}
	.rrbox {
		font-size: 1.2em;
		font-size: 1.8vw;
	}
	
	.relatedproducts ul li {
		flex: 1 0 50%;
	}
	
	.alreadymembertext p {
		font-size: 1.3em;
		font-size: 2.5vw;
		line-height: 1.3em;
	}
	.alreadymembertext p span {
		font-size: 1.1em;
		font-size: 2.2vw;
		line-height: 1.3em;
	}
	
	.subscribedescription {
		font-size: 1.4em;
		font-size: 1.8vw;
		line-height: 1.3em;
	}
}
@media only screen and (min-width: 520px) and (max-width: 767px) {
	
	.desktopview {
	    display: none;	
	}
	.mobileview {
		display: block;
	}
	
	.ocm .ocmigation-wrapper {
        padding: 35px 1%;
    }
	.ocm .closemenu {
		position: absolute;
		top: 35px;
		left: 4px;
		position: absolute;
		width: 32px;
		height: 32px;
	}

	.pagenav {
		padding: 20px 10px;
	}
	.pagenav .logo {
		flex: 4;
	}
	.pagenav ul {
		margin: 0px 0px 0px 0px;
	}
	.pagenav ul.mleft {
		text-align: left;
	}
	.pagenav ul.mright {
		text-align: right;
	}
	.pagenav .iconnav {
		flex: 7;
	}
	.pagenav .iconnav:first-child {
		flex: 1;
	}
	.pagenav ul li a.ocm-trigger {
		position: relative;
		top: 3px;
	}
	.pagenav .iconnav li {
		display: block;
		margin: 0 0px 30px auto;
	}
	.pagenav .iconnav li.icon {
		display: inline-block;
		margin: 0px 5% 0px 5%;
	}
	.pagenav ul li a.icon.chat {
		margin: 0px 0px -5px 0px;
	}
	.ocm span.custom-comment {
		background-position: 0px -21px;
		top: -5px;
		left: -35px;
	}
	.pagenav .logo a,
	.pagenav .logo .prosper {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.pagenav .logo a img {
		width: 100%;
		max-width: 460px;
		display: block;
		margin: 0 auto;
	}
	.pagenav .logo .prosper {
		text-align: left;
	}
	
	.slide {
		height: 300px;
	}
	.slide h1 {
		font-size: 3em;
        font-size: 5.5vw;
		margin-bottom: 1.5em;
	}
	.home.page-child .slide {
		background-position: top right;
		height: 30vh;
	}
	.page-child .slide h1 {
		font-size: 3em;
		margin-bottom: 0;
	}
	.home.page-child .slide h1 {
		text-align: center;
		margin: 0 0 0 0;
		font-size: 3em;
        font-size: 5.5vw;
	}
	.rightoverlay {
		margin: 0 auto 0 auto;
	}
	.overlay p {
		text-align: center;
		margin: 5% 0 0 0;
		font-size: 1.6em;
	}

	.menunav {
		flex-wrap: wrap;
	}
	.menunav .leftnav {
		order: 3;
		flex: 1 0 400px;
		margin: -40px 0 20px 0;
        text-align: right;
	}

	.menunav .rightnav {
		order: 2;
		flex: 1 0 300px;
		margin-top: 10px;
	}
	.menunav .menulogo {
		order: 1;
		flex: 0 1 150px;
	}
	
	.ocb .menunav .leftnav {
		order: 1;
		flex: 1;
	}
	.ocb .menunav .menulogo {
		order: 2;
		flex: 2;
	}
	.ocb .menunav .rightnav {
		order: 3;
		flex: 1;
	}
	
	.menunav .menulogo img {
		margin: 0px auto 0 auto;
	}
	.ocb .menunav .menulogo img {
		margin: 50px auto 0 auto;
	}
	
	.leftnav > ul > li {
		margin: 0 1%;
		text-align: center;
	}
	.leftnav > ul > li:first-child {
		width: 140px;
	}
	.leftnav > ul > li:last-child {
		width: 220px;
	}
	.leftnav > ul > li > a {
		font-size: .9em;
	}

	.rightnav ul li {
		position: relative;
		display: inline-block;
		margin: 0 10px 0 10px;
	}
	.rightnav ul li a.cbtn {
		font-size: .9em;
	}
	.rightnav ul li a .fa-lg {
		font-size: 1.25em;
	}
	
	/*MAIN NAV */
	.drop-nav {
		margin-top: 20px;
	}
	.nav-menu {
		flex: unset;
		display: block;
		text-align: center;
	}
	.nav-menu > li {
		display: block;
		margin: 0 auto 20px auto;
		padding: 0 0 20px 0;
	}
	.nav-menu > li.openacct,
    .nav-menu > li.menu-item-327 {
		border-bottom:1px solid #aaa;
	}
	li.openacct a {
		color: #ECB845;
	}
	.nav-menu > li .drop-slide {
		display: none;
	}
	.nav-menu > li.js-opensub > .drop-slide {
		display: block;
		margin: 20px auto 0 auto;
	}
	.drop-slide li.js-opensub .drop-slide {
		margin: 20px auto 0 auto; 
	}
	.prosper {
		font-size: 1.2em;
        font-size: 2.8vw;
		padding-left: 0;
	}
	
	.red:hover {
		-moz-transform: scale(1.5) translateX(10%);
		-webkit-transform: scale(1.5) translateX(10%);
		-o-transform: scale(1.5) translateX(10%);
		-ms-transform: scale(1.5) translateX(10%);
		transform: scale(1.5) translateX(10%);
		z-index: 2;
	}
	.blue:hover {
		-moz-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-o-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
		z-index: 2;
    }
	.yellow:hover {
		-moz-transform: scale(1.5) translateX(-10%);
		-webkit-transform: scale(1.5) translateX(-10%);
		-o-transform: scale(1.5) translateX(-10%);
		-ms-transform: scale(1.5) translateX(-10%);
		transform: scale(1.5) translateX(-10%);
		z-index: 2;
	}
	
	.homeblock {
		flex: unset;
		display: block;
	}
	.gridcol {
		display: block;
		width: 100%;
	}
	.promoblock {
		padding: 10px 5% 10px 5%;
		text-align: center;
	}
	.promoblock h2 {
		font-size: 1.3em;
		line-height: 1.5em;
		text-align: left;
	}
	.promoblock ul {
		list-style: disc;
		padding: 0 0 0 15px;
		margin: 0 0 0 25px;
		text-align: left;
	}
	.promoblock ul li {
		font-size: 1.0em;
		line-height: 1.2em;
		margin: 0 0 5px 0;
	}
	.promoblock p {
		font-size: 1.0em;
		line-height: 1.2em;
		text-align: left;
	}
	.promoblock a.dropbutton {
		margin: 10px auto;
	}
	
	.gridcol blockquote {
		padding: 5% 15% 5% 15%;
		font-size: 1.3em;
		font-size: 2.5vw;
		line-height: 1.6em;
	}
	.gridcol blockquote:before {
		top: 5%;
	}
	.gridcol blockquote:after {
		bottom: 15%;
	}
	
	.breadcrumb {
		display: none;
	}
	.breadcrumbs .left {
		flex: 0;
		flex-basis: 0em;
		padding: 0 0 0 0;
	}
	.breadcrumbs .right {
		flex: 3;
	}
	
	.mainblock {
		flex-flow: row wrap;
		padding: 0 20px;
	}
	.mainblock .left {
		order: 1;
		flex: 1 0 100%;
	}
	.mainblock .left .container-pad {
		padding: 20px 0 0 0;
	}
	.mainblock .right {
		order: 2;
		flex: 1 0 100;
	}
	.mainblock .right .container-pad {
		padding: 0 0 20px 0;
	}
	.sidebar .leftnav {
		padding-bottom: 20px;
		border-bottom: 1px solid #656b7b;
	}
	.sidebar .leftnav > ul {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	.sidebar .leftnav > ul > li {
		flex: 0 1 33%;
		vertical-align: middle;
		margin: 0 auto 0px 0;
		border-right: 1px solid #656b7b;
	}
    .sidebar .leftnav > ul > li:last-child {
		border-right: none;
	}
	.sidebar .leftnav > ul > li > a {
		text-align: center;
		padding: 10px 0px 10px 0px;
		font-size: 1.1em;
	}
	.sidebar .leftnav > ul > li > a .ctalink {
		margin: 0 auto 1em auto;
		display: block;
		font-size: 3.5em;
		width: auto;
    }
	.sidebar .sidenav {
		display: none;
	}
	
	.tier span {
		padding: 25px 15% 20px;
	}
	.rrbox {
		font-size: 2vw;
	}
	
	
	
	.relatedproducts ul li {
		flex: 1 0 50%;
	}
	
	.alreadymembertext p {
		font-size: 1.3em;
		font-size: 2.5vw;
		line-height: 1.3em;
	}
	.alreadymembertext p span {
		font-size: 1.1em;
		font-size: 2.2vw;
		line-height: 1.3em;
	}

	.subscribedescription {
		font-size: 1.4em;
		font-size: 2.5vw;
		line-height: 1.3em;
	}
}

@media only screen and (max-width: 519px) {
	
	.desktopview {
	    display: none;	
	}
	.mobileview {
		display: block;
	}
	
	.ocm .ocmigation-wrapper {
		padding: 35px 1%;
	}
	.ocm .closemenu {
		position: absolute;
		top: 25px;
		left: 20px;
		position: absolute;
		width: 32px;
		height: 32px;
	}
	
	.pagenav {
		padding: 20px 10px;
	}
	.pagenav .logo {
		flex: 4;
        display: block;
	}
	.pagenav .logo a {
		display: block;
		max-width: 400px;
		margin: 0 auto 0 0;
	}
	.pagenav .logo a img {
		display: block;
		margin: 0 auto;
		max-width: 460px;
	}
	.pagenav .iconnav {
		flex: 7;
		flex-direction: row-reverse;
	}
	.pagenav .iconnav:first-child {
		flex: 1;
	}
	.pagenav .iconnav ul {
		text-align: right;
		margin: 0px 0px 0px 20px;
	}
	.pagenav .iconnav:first-child ul {
		text-align: left;
	}
	.pagenav .iconnav li {
		display: block;
		margin: 0 0px 30px auto;
	}
	
	.pagenav .iconnav li.icon {
		display: inline-block;
		margin: 0 3% 0px 3%;
		vertical-align: top;
    }
	.pagenav .iconnav li.cbtn {
		display: inline-block;
		margin: 10px 10px 10px 10px;
	}
	.pagenav ul li a.icon.chat {
		margin: 0px 0px -5px 0px;
	}
	.ocm span.custom-comment {
		background-position: 0px -21px;
		top: -5px;
		left: -35px;
	}
	.pagenav ul li a.ocm-trigger {
		position: relative;
		top: -8px;
	}
	.pagenav ul li a.cbtn {
		padding: 15px 20px 13px;
		font-size: .9em;
	}
	.prosper {
		font-size: 1.2em;
        font-size: 3vw;
		padding-left: 0;
	}
	
	.slide {
		height: 300px;
	}
	.slide h1 {
		font-size: 1.8em;
		margin-bottom: 1.8em;
		padding: 0px 1%;
	}
	.page-child .slide {
		height: 10vh;
		min-height: 150px;
	}
	.page-child .slide h1 {
		font-size: 2.5em;
		margin-bottom: 0;
	}
	.home.page-child .slide {
		background-position: top center;
		height: 30vh;
	}
	.page-child .slide h1 {
		font-size: 3em;
		margin-bottom: 0;
	}
	.home.page-child .slide h1 {
		text-align: center;
		margin: 0 0 0 0;
		font-size: 3em;
        font-size: 5.5vw;
	}
	.home.page-child .slide .forbes h1 {
		font-size: 3.3em;
		font-size: 7.3vw;
		text-align: center;
	}
	.home.page-child .slide img,
	.home.page-child .slide .forbes img {
		float: none;
		margin: 0 auto 20px auto;
		display: block;
		width: 150px !important;
	}
	.rightoverlay {
		margin: 0 auto 0 auto;
	}
	.overlay {
		padding: 20px 0;
	}
	.overlay p {
		text-align: center;
		margin: 5% 0 0 0;
		font-size: 1.6em;
	}
	
	.menunav {
		flex-wrap: wrap;
	}
	.menunav .menulogo {
		order: 1;
		flex: 1 1 100%;
	}
	.ocb .menunav .menulogo {
		padding: 10px 5%;
	}
	.menunav .menulogo img {
		margin: 0px auto 0 auto;
	}
	.ocb .menunav .menulogo img {
		margin: 50px auto 0 auto;
	}
	.menunav .rightnav {
		order: 2;
		flex: 1 1 100%;
		margin: 10px auto 20px auto;
	}
	.menunav .rightnav ul {
		text-align: center;
		margin: 0 auto;
	}
	.menunav .leftnav {
		order: 3;
	    flex: 1 1 100%;
        margin: 10px auto 20px auto;
        text-align: center;
	}
	
	.leftnav > ul > li {
		margin: 10px auto;
		max-width: 200px;
		display: block;
	}	
	.leftnav a {
		margin: 0 1%;
		font-size: .9em;
	}
	
	.leftnav > ul > li > a {
		padding: 12px 10px 12px 10px;
	}

	.rightnav > ul > li:first-child {
		display: block;
        margin: 20px auto;
	}
	.rightnav ul li {
		position: relative;
		display: inline-block;
		margin: 0 10px 0 10px;
	}
	.rightnav ul li a.cbtn {
		font-size: .9em;
	}
	.rightnav ul li a .fa-lg {
		font-size: 1.3333em;
	}
	
	/*MAIN NAV */
	.drop-nav {
		margin-top: 20px;
	}
	.nav-menu {
		flex: unset;
		display: block;
		text-align: center;
		margin: 60px 0 0 0;
	}
	.nav-menu > li {
		display: block;
		margin: 0 auto 20px auto;
		padding: 0 0 20px 0;
		font-size: 1.1em;
	}
	.nav-menu > li.submobileview:first-child {
		margin-top: 40px;
	}
	.nav-menu > li.submobileview a {
		font-family: 'OakesGrotesk-Regular', 'Arial', 'Helvetica', sans-serif;
		font-size: .9em;
	}
	li.openacct a {
		color: #ECB845;
	}
	.nav-menu > li .drop-slide {
		display: none;
	}
	.nav-menu > li.js-opensub > .drop-slide {
		display: block;
		margin: 20px auto 0 auto;
	}
	.drop-slide li.js-opensub .drop-slide {
		margin: 20px auto 0 auto; 
		border-bottom: 1px solid #aaa;
	}
	
	.red, .yellow, .blue {
		position: relative;
		padding: 5% 5%;
		text-align: center;
	}
	.gridblock h2 {
		font-size: 1.2em;
		line-height: 1.4em;
		margin: 0 0 10px 0;
	}
	.gridblock p {
		font-size: .9em;
		line-height: 1.2em;
	}
	
	.homegrid, .homeblock {
		display: block;
	}
	.gridblock, .gridcol {
		flex: unset;
		display: block;
		width: 100%;
	}
	.promoblock {
		padding: 10px 5% 10px 5%;
		text-align: center;
	}
	.homeblock1 .promoblock {
		padding: 10% 5%;
	}
	.promoblock h2 {
		font-size: 1.3em;
		line-height: 1.5em;
		text-align: left;
	}
	.homeblock1 .promoblock h2 {
		font-size: 1.3em;
		line-height: 1.5em;
	}
	.promoblock ul {
		list-style: disc;
		padding: 0 0 0 15px;
		margin: 0 0 0 25px;
		text-align: left;
	}
	.promoblock ul li {
		font-size: 1.0em;
		line-height: 1.2em;
		margin: 0 0 5px 0;
	}
	.promoblock p {
		font-size: 1.0em;
		line-height: 1.2em;
		text-align: left;
	}
	.promoblock a.dropbutton {
		margin: 10px auto;
	}
	
	.gridcol blockquote {
		padding: 5% 15% 5% 15%;
		font-size: 1.3em;
		font-size: 4vw;
		line-height: 1.6em;
	}
	.gridcol blockquote:before {
		top: 0%;
	}
	.gridcol blockquote:after {
		bottom: 12%;
	}
	
	.breadcrumbs .left {
		display: none;
	}
	.breadcrumb{
		display: none;
	}
	.breadcrumbs .right .container-pad {
		padding: 10px 0;
	}

	.mainblock {
		flex-flow: row wrap;
		padding: 0 20px;
	}
	.mainblock .left {
		order: 1;
		flex: 1 0 100%;
	}
	.mainblock .left .container-pad {
		padding: 20px 0 0 0;
	}
	.mainblock .right {
		order: 2;
		flex: 1 0 100%;
	}
	.mainblock .right .container-pad {
		padding: 0 0 20px 0;
	}
	ul.col.two, ol.col.two {
		-moz-column-count: 1;
		-moz-column-gap: 0px;
		-webkit-column-count: 1;
		-webkit-column-gap: 0px;
		column-count: 1;
		column-gap: 0px;
	}
	.sidebar .leftnav {
		padding-bottom: 20px;
		border-bottom: 1px solid #656b7b;
	}
	.sidebar .leftnav > ul {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	.sidebar .leftnav > ul > li {
		flex: 0 1 33%;
		vertical-align: middle;
		margin: 0 auto 0px 0;
		border-right: 1px solid #656b7b;
	}
    .sidebar .leftnav > ul > li:last-child {
		border-right: none;
	}
	.sidebar .leftnav > ul > li > a {
		text-align: center;
		padding: 10px 0px 10px 0px;
		font-size: 1.1em;
	}
	.sidebar .leftnav > ul > li > a .ctalink {
		margin: 0 auto 1em auto;
		display: block;
		font-size: 3.5em;
		width: auto;
    }
	.sidebar .sidenav {
		display: none;
	}
	
	.tier span {
		padding: 25px 15% 20px;
	}
	.rrbox {
		font-size: 2.5vw;
	}
	
	.data-wrap {
		width: 100%;
		max-width: 519px;
		padding: 0 20px 0 0;
		position: relative;
		display: block;
		overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.data-wrap table {
		display: block !important;
		overflow-x: scroll;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		white-space: nowrap;
	}
	
	.relatedproducts ul li {
		flex: unset;
		display: block;
		margin: 0 auto 20px auto;
	}
	
	.alreadymember {
		display: block;
	}
	.alreadymembercard {
		flex: unset;
		display: block;
		width: 100%;
		text-align: center;
	}
	.alreadymembertext {
		flex: unset;
		display: block;
		width: 100%;
		padding: 20px 20px 20px 20px;
	}
	.alreadymembercta {
		flex: unset;
		display: block;
		width: 100%;
		text-align: center;
		padding: 10px 0 20px 0;
	}
	.alreadymembertext p {
		font-size: 1.0em;
		line-height: 1.1em;
	}
	.alreadymembertext p span {
		font-size: .9em;
		line-height: 1.0em;
	}
	.lmcfooter {
		padding: 20px 0px;
	}
	.innerlmc,
	.subscribefooter {
		flex: unset;
		display: block;
		padding: 20px 0px;
	}
	.subscribefooter {
		display:none;
	}
	.lmcimg,
	.subscribedescription {
		display: block;
		font-size: 1.0em;
		line-height: 1.3em;
		text-align: center;
		padding: 0 20px;
	}
	.lmcdiscounts,
	.subscribeform {
		display: block;
		padding: 0 0 0 0px;
	}
	.lmcdiscounts {
		font-size: 1.4em;
        font-size: 5.4vw;
		padding: 10px 20px;
	}
	.lmcsub,
	.notifycta {
		position: relative;
        margin: 20px auto 0 auto;
	}
	
	
	footer .footernavmenu {
	
    }
	.footernavmenu ul > li {
		font-size: .9em;
		margin: 0 0px 20px 0px;
	}
	.footernavmenu ul > li > ul {
		margin: 10px 0 0 0;
	}
	.footernavmenu ul > li > ul > li {
		font-size: .8em;
	}
	
	.footerapps ul li {
		margin: 0 auto 20px auto;
		width: 150px;
	}
	.footerapps ul li.appstoreicon a {
		background-repeat: no-repeat;
		background-size: 150px;
		width: 150px;
		height: 50px;
	}
	li.google a {
		background-position: 0px -60px;
	}
	
	.footerbugs ul {
		text-align: center;
	}
	
	
	.copyright p {
		font-size: .8em;
		line-height: 1.5em;
	}
}

@media only screen and (max-width: 420px) {
	
	.mainblock {
		padding: 0 20px;
	}
	.pagenav .logo a img {
		max-width: 460px;
	}
	.ocm span.custom-comment {
		background-position: 0px -21px;
		top: -5px;
		left: -35px;
	}
}


@media screen and (max-width: 600px) {
    .alignright {
		float: none;
		display: block;
		margin: 20px auto;
	}
	img.alignright {
		width: 100%;
	}
	
	table {
		overflow-x: scroll;
	}
}

/* Accessibility */
*:active, *:focus {
    /*outline: none;*/
}
*:active.non-keyboard-outline, *:focus.non-keyboard-outline {
    outline: 3px dotted #c6384d !important;
}
.red a:active.non-keyboard-outline,
.red a:focus.non-keyboard-outline {
	outline: 3px dotted #3d455d !important;
}