/********* Avenir Next Font *********/
@font-face {
    font-family: 'AvenirNextLTW01Bold';
    src: url('fonts/avenir-next-bold.eot');
    src: url('fonts/avenir-next-bold.eot') format('embedded-opentype'),
         url('fonts/avenir-next-bold.woff') format('woff'),
         url('fonts/avenir-next-bold.ttf') format('truetype'),
         url('fonts/avenir-next-bold.svg#AvenirNextLTW01BoldRegular') format('svg');
}

@font-face {
    font-family: 'AvenirNextLTW01Italic';
    src: url('fonts/avenir-next-italic.eot');
    src: url('fonts/avenir-next-italic.eot') format('embedded-opentype'),
         url('fonts/avenir-next-italic.woff') format('woff'),
         url('fonts/avenir-next-italic.ttf') format('truetype'),
         url('fonts/avenir-next-italic.svg#AvenirNextLTW01ItalicRegular') format('svg');
}

@font-face {
    font-family: 'AvenirNextLTW01Regular';
    src: url('fonts/avenir-next-regular.eot');
    src: url('fonts/avenir-next-regular.eot') format('embedded-opentype'),
         url('fonts/avenir-next-regular.woff') format('woff'),
         url('fonts/avenir-next-regular.ttf') format('truetype'),
         url('fonts/avenir-next-regular.svg#AvenirNextLTW01RegularRegular') format('svg');
}

@font-face {
    font-family: 'AvenirNextW01Thin';
    src: url('fonts/avenir-next-thin.eot');
    src: url('fonts/avenir-next-thin.eot') format('embedded-opentype'),
         url('fonts/avenir-next-thin.woff') format('woff'),
         url('fonts/avenir-next-thin.ttf') format('truetype'),
         url('fonts/avenir-next-thin.svg#AvenirNextW01ThinRegular') format('svg');
}

/*    --------------------------------------------------
    Common
    -------------------------------------------------- */
body {
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font-family: 'AvenirNextLTW01Regular';
	font-size:1.05em; /* karlyg */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 , em {
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {font-family: 'AvenirNextLTW01Bold';color:#02579e;
	letter-spacing: -1px;}

.sliderh2 {
	font-family: 'AvenirNextLTW01Bold';
	font-size: 7.3vw;
    line-height: .85em;
    color: #FFF;
    margin: 0 0 5px;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.sliderh3 {
	font-family: 'AvenirNextLTW01Regular';
	font-size: 7.3vw;
    line-height: .85em;
    color: #FFF;
    margin: 0 0 5px;
    letter-spacing: -1px;
    text-transform: uppercase;
}


.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
hr {
	height: 1px;
	width: 100%;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #CCC;
}
sup {
	font-size: .5em;
	/*line-height: 3.5em;*/
	vertical-align: super;
	padding-left: 2px;
	
}
strong, b {
	font-family: 'AvenirNextLTW01Bold';
	font-weight: normal;
}
.active {
	color: #000;
}
.disclosure {
	font-size: 0.85em;
	color: #000;
	padding-top: 4px;
	border-top: 1px solid #CCC;
}
.footnote {
	font-size: 0.85em;
	/*color: #999;*/
}
.quote {
	font-family: 'RockwellRegular';
	font-size:1.4em;
	color:#F90;
	text-align: center;
	line-height: 1.2em;
	padding: 10px;
}
.quote .source {
	font-size: 0.8em;
	text-align: right;
	padding-top: 10px;
	display: block;
	width: 100%;
}

/*    --------------------------------------------------
    Header
    -------------------------------------------------- */

#home header,
#fna header,
#our-home header, 
#our-story header, #ourhome header, #investments header, #long-term header, #plpp header, #employee-profiles header, #employees header, #clients header, #representative header, #clients header, #tearm header, #debtwatchers header, #ourpeople header, #identitytheft header, #locations header, #disclosures header, #our-history header, #partners-and-affiliations header, #pay-yourself-first header, #auto-home header, #debt header, #community header, #Affiliations-Organizations header, #power-compound header, #rule-72 header, #high-cost header, #theory header, #term header  {position:absolute;z-index:9998;}


#header-foundation header {	position: relative;}


header {position:static;}
.head {
	height: 100px;
	width: 100%;
	display: block;	
}
.head h1 {
	margin: 0;
	padding: 0;
	float: left;
}
.head h1 a {
	display: block;
	height: 42px;
	width: 195px;
	text-indent: -1000px;
	text-align: left;
	background-image: url(../images/primerica-logo.png);
	background-size:contain;
	background-repeat: no-repeat;
	margin-top: 20px;
}

.navigation {
	display:block;
	font-size: 1em;
	padding: .5em 2em;
}
.navigation a {
	color: #000;
	text-decoration: none;
	text-transform: capitalize;
}
.navigation a:hover {
	color: #000;
}
.navigation .login{
	font-size: 0.75em;
	margin: 0;
	width: auto;
	float: right;
	line-height: normal;
	display:none;
}
.navigation .login a {
	color: #eee;
	margin: 0;
	padding: 0;
}
.navigation .login a:hover {
	color: #333;
}
.navigation .login li {
	margin-left: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-bottom: 0;}
.navigation .login li.first {
	margin-left: 5px;
	padding-left: 5px;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

.navigation .login li:nth-child(1) {
	margin: 0;
	padding: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.main {	
	clear: right;
}

.navigation ul {
	list-style: none;
	padding: 0;	
	margin:1.7em 0 0 1em; 
}
.navigation li {
	float: left;
	margin-left: 50px;
	white-space:normal!important;
}

.navigation li:nth-child(1) .navigation li.first {
	margin-left:0;
}
.navigation li a {
	display: block;
}
.navigation li a:hover {
	color: #000;
}
.navigation li ul {
	display: none;
	list-style: none;
	z-index: 9995;
	padding:0;
	width: auto;
	padding-bottom: 0;position: absolute;
	margin:0 0 0 -.8em;
	padding-top: .8em;
	background-color: rgba(255,255,255,.85); 	
}
.navigation li:nth-child(5) ul {
	/*margin-left: -115px;*/	
}
.navigation li ul li {	
	clear: both;	
	padding:.8em;
	width:180px;
	color: #666;
	float: left;
	margin-top: -1px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
.navigation li ul li a {
	color: #333;
	display: block;
	padding-bottom: 8px;
	text-decoration: none;
}


li:hover ul, li.over ul {
	display: block;	
}
li:hover ul li:hover {
	background-color: rgba(153,204,255,.5);
}

 .navRight {
	float: right !important;
    font-size: .6em;
	margin-left: 15px !important;
	Zposition: relative;
    Ztop: -20px;
	display: inline-block;
	 z-index: 5;
} 

/*
.navRight {
	/*float: right !important;
    font-size: .6em;
	margin-left: 15px !important;
	position: absolute;
    top: 20px;
	right: 1em;
}

/*    --------------------------------------------------
    Footer
    -------------------------------------------------- */
footer{clear: both;}
.foot {
	display:none;
	width: 100%;
	max-width: 1000px;
	margin: 20px auto;
	padding: 20px 50px 0px;
	font-size: 1.1em;
	clear: both;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #CCC;	
	
}
.foot a {
	color: #666;
	text-decoration: none;
}
.foot a:hover {
	color: #000;
}
.foot ul {
	margin: 0;
	padding: 0;
	list-style: none;
	-ms-box-orient: horizontal;
  	display: -webkit-box;
  	display: -moz-box;
 	display: -ms-flexbox;
  	display: -moz-flex;
  	display: -webkit-flex;
  	display: flex;
   	-webkit-align-items: stretch; 
  	align-items: stretch; 
}
.foot ul li {
	width: 32%;
	margin-right: 2%;
	padding: 20px;
	background: #f3f3f3;
	color: #02579e;
	flex: 1 auto;
}
.foot li.last {
	margin-right: 0;
}
.foot ul li ul {
	clear: left;
	display:block!important;
}
.foot ul li:last-child {
	margin-right:0;
	border-style: none;
}
.foot ul li ul li {
	font-size: 0.85em;
	color:#666;
	clear: left;
	width: auto;
	border-style: none;
	display: list-item;
	height: auto;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
	margin: 0;
}
.footer {
	
	padding: 1em 2em;
	clear: both;
	font-size: 0.75em;
	color: #4c4c4c;
	line-height: 1.4em;
}
.footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer li {
	float: left;
	margin-right: 10px;
	clear: none;
}
.footer a {
	color: #4c4c4c;
	text-decoration:none;
}
.privacy, .links {
	float: left;
	clear:left;
}
.privacy a {	
	color:#4c4c4c;
	text-decoration: underline;
}

/*    --------------------------------------------------
    SOCIAL MEDIA NEW*
    -------------------------------------------------- */

/* .social {float: left;margin:.5em 0 0:clear:both;} */
.social {
	float: right;
	font-size: 1.4em;
	list-style: none;
}
.social li {
	display:inline-block;
	margin-left: 10px!important;
	margin-right:0!important;
}
.social li a {height:20px;width:25px; overflow:hidden;
    white-space: nowrap;    }

#socialmedia {
    overflow: auto;
	float: right;
}
 
#socialmedia li {
    list-style-type: none;
    float: left;
}
 
#socialmedia li a i {  
    color: #fff;
    width: 25px;
    height: 22px;
    background-color: #4c4c4c;
    border-radius: 0;
    font-size: 18px;
    text-align: center;
    margin-right: 2px;
    padding-top: 15%;
    transition: all 0.2s ease-in-out;
}
.fa-facebook,.fa-linkedin, .fa-twitter, .fa-google-plus, .fa-youtube-play, .fa-instagram  {
   font-size: 18px;
} 
 	
#socialmedia li a i:hover {
    opacity: .7;
}

.socialText {text-indent: -9999px; display: inline-block;}
/*    --------------------------------------------------
    Homepage Specific
    -------------------------------------------------- */

/*    --------------------------------------------------
    Slider
    -------------------------------------------------- */
.intro {
	width:auto!important;
	/*width: 100%;
	min-width:1000px;*/
	overflow: hidden;
	position: relative;
	top:0;
	z-index: 9990;
	background: #64717c;
}
.intro2 {
	width:auto!important;
	/*width: 100%;
	min-width:1000px;*/
	overflow: hidden;
	position: relative;
	top:0;
	z-index: 9990;
	background: none;
}


#main {
	width:100%;
	/*min-width:1000px;*/
}
#temple{
	width:100%;
	/*min-width:1000px;*/
}
.description {
	color: #FFF;
	position: absolute;
	/*width: 280px;*/
	z-index: 999;	
}
.description.right {left: 62%;top: 45%;float:none;}
.description.left {left: 8%;top: 30%;float:none;width:43%;}
.description.left2 {left: 8%;top: 30%;float:none;width:37%;}

.description h2 {
	font-size: 7.3vw;
	line-height: .85em;
	color: #FFF;
	margin: 0 0 5px;
	letter-spacing: -1px;
	text-transform:uppercase;
}

.description h3 {	
	margin: 0;
    color: #fff;
	line-height: .85em;
    font-size: 4vw;
    font-family: 'AvenirNextLTW01Regular';
    font-weight: normal;
    letter-spacing: .12em;
    text-transform: uppercase;
	width: 80%;
}
.description a {text-decoration: none;}

.playvid {	
    position: absolute;
    top: 32em;
    left: 50em;
    width: 136px !important;
}

.play-video {
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;	
}
.play-video:before {
	content:'\25BA';
	padding:0.3em;
	background-color: transparent;
	margin-right:0.4em;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
}

/*    --------------------------------------------------
    Buttons
    -------------------------------------------------- */

.button-nav, .btn-nav2 {
    width: 100%;
}

.button-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
	overflow: hidden;
	background:#64717c;
	height:15vw;
}
.button-nav li {
    display:inline-block;
    width: calc(100% / 3);	
	text-transform:uppercase;
	padding:0;
	margin:0;
	background:#64717c;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
	overflow: hidden;
	height:100%;	
}

.btn-nav2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
	overflow: hidden;
	height: 8vw;
}
.btn-nav2 li {
    display:inline-block;
     width: calc(100% / 3);
	text-transform:uppercase;
	padding:0;
	margin: 0; 
	background:#64717c;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
	overflow: hidden;
	height:100%;
	
}
.button-nav li:hover:not(strong) {
	-moz-transform: translate3d(0px, 0px, 0px) scale(1.1, 1.1);;
    -webkit-transform: translate3d(0px, 0px, 0px) scale(1.1, 1.1);;
	transform: translate3d(0px, 0px, 0px) scale(1.1, 1.1);;
}
.btn-nav2 li:hover:not(strong) {
	-moz-transform: translate3d(0px, 0px, 0px) scale(1.1, 1.1);;
    -webkit-transform: translate3d(0px, 0px, 0px) scale(1.1, 1.1);;
	transform: translate3d(0px, 0px, 0px) scale(1.1, 1.1);;
}
#our-focus{
	background:url(../images/our-focus.jpg) no-repeat ;
	background-size: 100%;
	background-position: center top;
}
#our-people{
	background:url(../images/our_people.jpg) no-repeat ;
	background-size: 100%;
	background-position: center top;
}

#our-home{
    background:url(../images/our_home.jpg) no-repeat;
	background-size: 100%;
	background-position: center top;
}

#our-focus a{
	background:rgba(255,204,153,0.6);
}
#our-people a {
	background:rgba(153,204,255,0.6);
}
#our-home a, #our-employees a{
	background:rgba(255,204,51,0.6);
}
#our-focus a:hover{
	background:rgba(0,0,0,0);	
}
#our-people a:hover {
	background:rgba(0,0,0,0);	
}
#our-home a:hover, #our-employees a:hover{
	background:rgba(0,0,0,0);
}

/* OUR REPS */
#our-reps a {
    background: rgba(255,204,153,0.6);
}
#our-reps, #our-reps a:hover {
	background: url(../images/Mackavans_425x216.jpg) no-repeat ;
	background-size: cover;
	background-position: top left;		
}

#reps-garcias a {
	background:rgba(153,204,255,0.6);
}
#reps-garcias, #reps-garcias a:hover {
	background:url(../images/Garcias_425x216.jpg) no-repeat ;
	background-size: cover;
	background-position: top left;
}

#reps-temples a{
	background:rgba(255,204,51,0.6);
}
#reps-temples, #reps-temples a:hover {
	background:url(../images/temples_425x216.jpg) no-repeat ;
	background-size: cover;
	background-position: top left;
}

/* OUR CLIENTS */
#our-clients a {
    background: rgba(255,204,153,0.6);
}
#our-clients, #our-clients a:hover {
	background:url(../images/edbergs_425x216.jpg) no-repeat ;
	background-size: cover;
	background-position: top right;
}
#client-bardees a {
	background:rgba(153,204,255,0.6);
}
#client-bardees, #client-bardees a:hover {
	background:url(../images/Bardees_425x216.jpg) no-repeat ;
	background-size: cover;
	background-position: top right;
}
#client-walters a{
	background:rgba(255,204,51,0.6);
}
#client-walters, #client-walters a:hover {
	background:url(../images/Walters_colorblocks_425x216.jpg) no-repeat ;
	background-size: cover;
	background-position: top right;
}

/* OUR EMPLOYEES */
#our-employees a {
    background: rgba(255,204,153,0.6);
}
#our-employees{
   background:url(../images/Anuthin_colorblocks_425x216.jpg) no-repeat;
   background-size: cover;
   background-position: top right;
}
#emp-mercy a {
	background:rgba(153,204,255,0.6);
}
#emp-mercy, #emp-mercy a:hover {
   background:url(../images/Mercy_colorblocks_425x216.jpg) no-repeat;
   background-size: cover;
   background-position: top right;
}
#emp-virginia a{
	background:rgba(255,204,51,0.6);
}
#emp-virginia, #emp-virginia a:hover {
   background:url(../images/Virginia_colorblocks_425x216.jpg) no-repeat;
   background-size: cover;
   background-position: top right;
}
.button-nav a {
    text-decoration: none;
    display: block;
    color:inherit;
	margin:0;
	text-align:center;
	padding-top:calc(26% - 2.5vw);
	padding-bottom:calc(26% - 2.5vw);
}
.btn-nav2 a {
    text-decoration: none;
    display: block;
    color:inherit;
	margin:0;
	text-align:center;
	padding-top:calc(26% - 2.5vw);
	padding-bottom:calc(26% - 2.5vw);
}

.button-nav h3 {color:#fff;font-size:2.5vw;letter-spacing:.2em;padding:0;margin:0;vertical-align: middle;}

.btn-nav2 h3 {	
	color: #fff;
    font-size: 1.5vw;
    letter-spacing: .07em;
    padding: 0;
    margin: 0;
    vertical-align: middle;
	text-align: left;
	line-height: 1em;
}

.grey-callout {background:#64717c;color: #fff;}
	

/*////////////////////////////////////
// BEGIN: Section : What We Do
/////////////////////////////////////*/
#home .grey-callout {
	padding:0 2em;
	color: #999;
}

.grey-callout .what-we-do {
	width: 50%;
	height: 100%;
	display: table;
	padding:7em 0 5em 2%;
	margin:0 auto;
	/*padding-top: 15.2%;*/
	
}

.what-we-do ul {
	display: table-cell;
	vertical-align: middle;
	/*min-width: 960px;*/
	margin: 0 auto;
	padding:0;
	list-style: none;
}

.what-we-do li {
	white-space: wrap;
	margin:0;
	padding:0;
	/*text-align:justify;
	margin-bottom: 3.75%;
	width:80%;*/
	position:relative;
}
.what-we-do li:hover .scroll {
	max-height:1500px;
	color:#fff;
	opacity: 1;
}
#we-put-families-first h4 {white-space:nowrap;word-break: keep-all;}
.what-we-do h4 {
	margin: 0;
	color: #999;
	font-size: 5.74vw;
	font-family: 'AvenirNextLTW01Regular';
	font-weight: normal;
	letter-spacing: .1em;
	/*line-height: 1.2em;*/
	text-transform: uppercase;
}
.what-we-do li:hover h4 {color:#fff;}

.what-we-do .scroll {
	text-align: center;
	position: relative;
	padding:0;
	margin:0 1vw 0 0;
	white-space: normal;
	overflow: hidden;
	font-size: 1.8em; 
	letter-spacing: 1.5px;
	line-height: 2em;
	text-transform: none;
	max-height:0;
	opacity:0;
	-webkit-transition: max-height 1s ease-in-out, opacity 0.8s; 
  	-moz-transition: max-height 1s ease-in-out, opacity 0.8s; 
  	-ms-transition: max-height 1s ease-in-out, opacity 0.8s; 
  	-o-transition: max-height 1s ease-in-out, opacity 0.8s; 
  	transition: max-height 1s ease-in-out, opacity 0.8s;
	-webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}

.what-we-do h4.about_text span {
	color: #f26522;
}

.what-we-do a {
	color:inherit;
	text-decoration: none;
}

.what-we-do span.arrow {
	opacity: 0;
}
.play-button {color:#999;text-decoration: none;width:300px;display: block;margin:0 auto;text-align:center;padding:0 0 1em;vertical-align: middle;font-size:2em;}
.play-button:hover {color:#fff;}
.play-button:before{content:"\f01d";font-family:'FontAwesome';padding:0 .3em;}
/* END: Section : What We Do */

/*////////////////////////////////////
// BEGIN: Section : Solutions
/////////////////////////////////////*/
.solutions {margin:1em 0;padding:0 8em 8em;} /* karlyg */

.solutions ul {margin:0;padding:0;list-style:none; width: 98%;} /* karlyg */

.solutions li {display:inline-block;width:calc((100% / 3) - 3em);padding:0 3em 0 0; } /* karlyg */
.solutions li:last-child {padding:0;}

.solutions li h5 {text-align:center;font-size:2.5vw; margin: 1.5em 0 -.2em 0; font-family: 'AvenirNextLTW01Regular';text-transform: uppercase;color:#02579e;}

.solutions li p {text-align: left;line-height: 1.8em;font-kerning:normal;font-size: 1.1em;} /* karlyg .98em*/

.solutions a {color:#333;text-decoration:none;}

.solutions a::after {content: 'more >';font-size:.9em;float:right;color:#02579e; margin-top: 10px;}

/* END: Section : Solutions */


/* END: Homepage Specific */


/*    --------------------------------------------------
    Content
    -------------------------------------------------- */
main{clear:both;}
main nav {width:68%;margin:0 auto 1em; font-size:.85em;}
main nav ul {list-style: none;margin:0;padding:0;display: flex;
  justify-content: space-between;}
main nav ul li {text-align:center;padding:0 .5em;}
main nav ul li:first-child {padding:0 .5em 0 0;}
main nav ul li:last-child {padding:0 0 0 .5em;}
main nav ul li a{text-decoration:none;color:inherit;}
main nav ul li a:hover{color:#02579e;}
.wrapper {
	width:100%;
	margin: 0 auto;
}

#rule-72 .wrapper, #power-compound .wrapper, #theory .wrapper, #pay-yourself-first .wrapper, #debt .wrapper, #high-cost .wrapper {width:68%;}
.side {
	float: left;
	/* width:30%; */
}
.side.navigation {
	color: #666;
	font-size: .95em;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.side.navigation a {
	color: #666;
}
.side.navigation a:hover {
	color: #000;
}
.side.navigation li {
	margin: 0;
	
	clear: left;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	width: auto;
}
.side.navigation li ul {
	display: inline;
	position: static;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 20px;
}
.side.navigation li ul li {
	margin: 0;
	display: inline;
	clear: left;
	background: transparent;
	font-size: .95em;
	padding: 0;
}
.side.navigation li a {
	padding-bottom: 16px;
	display: list-item;
	
}
.side > h3 {
	margin-top:0;
	margin-bottom:2px;
}
.vcard {color:#666;}


#content {
	float: right;
	width: 100%;
	margin:0;
	max-width: 640px;}

.content {
	width: 69%; /* 68% */
	margin:0 auto 3em;
	line-height: 1.8em;
}

.content .content  {width:100%;}

/*
.content h3 {
	font-size: 1.8vw;
    margin: 0;
    font-family: 'AvenirNextLTW01Bold';
    font-style: normal;
    text-transform: uppercase;
	text-align: left;	
}
*/

picture,
picture2 {width:100%;display:block;}

picture::after{
	content:attr(data-alt);
	color: #fff;
	font-size: 4vw;
	font-family: 'AvenirNextLTW01Bold';
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 3.5vw;
	text-transform: uppercase;
	width:35%;
	position:absolute;
	margin:-18% 0 0;
	
}

picture2::after{
	content:attr(data-alt);
	color: #fff;
	font-size: 4vw;
	font-family: 'AvenirNextLTW01Bold';
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 3.5vw;
	text-transform: uppercase;
	width:25%;
	position:absolute;
	margin:-18% 0 0
}

picture2::after {	
	width:18%;
}

picture.text-right::after, 
picture2.text-right::after {right:19%;clear:both;}

picture.text-left::after,
picture2.text-left::after {left:19%;clear:both;}

picture.text-right.lower::after {margin:-15% 0 0;}
picture2.text-right.lower::after {margin:-15% 0 0;}

picture.text-left.lower::after,
picture2.text-left.lower::after {margin:-15% 0 0;}

picture.text-right.upper::after{margin:-21% 0 0;}
picture2.text-right.upper::after {margin:-21% 0 0;}

picture.text-left.upper::after{margin: -14% 0 0; width: 40%;}
picture2.text-left.upper::after{margin: -21% 0 0;}

/* fna */
picture.text-left.upper1::after{margin: -28% 0 0;}

/* term life */
picture.text-right.upper2::after {
    margin: -28% 0 0;
    width: 25%;
}

/* Investments */
picture.text-left.upper3::after {
    margin: -21% 0 0;
    width: 29%;
}

/* auto & home */
picture.text-right.lower4::after {
	margin:-14% 1% 2%;
	width: 25%;
}

/* long term */
picture.text-right.lower5::after {margin:-15% -5% 0;}

/* debt watchers */
picture.text-left.lower6::after {margin:-12% 0 0; width: 40%;}

/* prepaid */
picture.text-right.lower7::after {margin:-12% 0 0;
	width: 35%;
}


/*******************************************
	CLIENTS, REPS & EMPLOYEES

********************************************/

picture.text-left.upper::after { margin: -14% 0 0; width: 40%;}
picture.text-left.picTitle2::after { margin: -14% 0 0; width: 25%;}


/* copy */
.copy {
	width: 75%;
	text-align: left;
	margin: 0 auto;
	padding-top: 15px;
	padding-top: 15px;
}

picture img,
picture2 img {
	width:100%;
	height:auto;
}

.content h1 {
	margin: 0;
	font-family: 'AvenirNextLTW01Regular';
	font-style: normal; 
	text-align: left;
	line-height:1.6em;
}
.content h2 {
	font-size: 1.8em;
	margin: 0;
	font-family: 'AvenirNextLTW01Regular';
	font-style: normal; 
	text-transform: uppercase;
	padding: 10px 0 0;
	line-height: 1.2em;
	letter-spacing: .5px;
}

.content h4 {
	font-size: 1.5em;
    margin: 0;
    font-family: 'AvenirNextLTW01Regular';
    font-style: normal;
    text-transform: uppercase;
    color: #02579e;
    letter-spacing: -1px;
}
.ourstory h3 {
	font-size: 1.8em;
	margin: 0;
	font-family: 'AvenirNextLTW01Regular';
	font-style: normal; 
	text-transform: uppercase;
	padding: 10px 0 0;
	line-height: 1.2em;
}


.fna h3 {
	font-size: 1.4em !important;
	font-family: 'AvenirNextLTW01Regular';
	font-style: normal; 
	text-transform: uppercase;
	margin-bottom: -10px;
}

.content h4 {
	margin-bottom: 0;
	padding: .5em 0 .5em 0;}

#locations .content h3 {
	margin-bottom: 5px;
	padding-bottom: 0;}

h4 + p       {
	margin-top: 0;
	padding-top: 0;
}
picture + h1, picture + h2, .grey-callout + .content {
	margin-top: 20px!important;
}

picture2 + h1, picture2 + h2, .grey-callout + .content {
	margin-top: 20px!important;
}


.callout {
	width:56%;
	margin:0 auto;
	padding:2em 0;
}
.profiles{width:55vw;}

#term .callout, #fna .callout, #plpp .callout {
	width:68%;
}

.callout h2 {font-family: 'AvenirNextLTW01Regular';
	font-style: normal; 
	font-size:3.5vw;
	text-align:center;
	margin:0;
	padding:0;
	color:#fff;}

/* FNA & termlife  */
.fna_tl h2 {	
    font-size: 1.8em;
    margin-left: 1.7em;
    text-align: left;
	letter-spacing: .5px;
}
.fna_tl p {
	margin-left: 2.7em;
    text-align: left !important
}

.fna_tl1 h2 {	
    font-size: 1.8em;
    text-align: left !important;
	padding-left: 0;
}
.fna_tl1 p {
	font-size: 1.05em !important;
    text-align: left !important;    
    padding-left: 10em;
    padding-right: 11.2em;
}

/* end FNA & termlife */

.callout h3 {
	margin: 0;
	font-family: 'AvenirNextLTW01Regular';
	font-style: normal; 
	text-transform: uppercase;
	color:#fff;
	font-size:1.6em;
}

.callout p {
	font-size: 1.125em;	
	text-align: center;
}

.center {
	text-align: center;
}
.products, .products3 {list-style: none;margin:1em 0 0;padding:0;text-align:left;}
.products li, .products3 li {display:inline-block;width:calc((100% / 3) - 2em);margin:0 2em 2em 0;padding:0;vertical-align: top;}
.products li:nth-child(3n+0), .products3 li:nth-child(3n+0){margin:0 0 2em;}
.products li h4 {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height:55px;
	padding:1em;
	font-size:1.8vw;
	text-align:center;
	text-transform:uppercase;
	color:#fff;margin:0 0 .5em;
	vertical-align:middle;
	word-break: keep-all;
	width:calc(100% - 2em);
	overflow: hidden;
	line-height: 1em;
	letter-spacing: 1px;
}

.products li picture {
	width:100%;
	margin:0 0 .5em;
}

.products li picture::after{
	text-align: center;
	content:attr(data-alt);
	color: #fff;
	font-size: 1.8vw;
	font-family: 'AvenirNextLTW01Bold';	
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
	position:absolute;
	margin:-6% 0 0;
	width:20%;
}

.products li picture2 {
	width:100%;
	margin:0 0 .5em;
}

.products li picture2::after{
	text-align: center;
	content:attr(data-alt);
	color: #fff;
	font-size: 1.8vw;
	font-family: 'AvenirNextLTW01Bold';	
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
	position:absolute;
	margin:-6% 0 0;
	width:20%;
}

/* START PRODUCTS2 */

.products2 li {display:inline-block;width:calc((100% / 4) - 1em);margin:0 .8em 2em 0;padding:0;vertical-align: top;}
.products2 li:nth-child(4n+0){margin:0 0 2em;}
.products2 li h4 {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height:100px;
	padding:1em;
	font-size:1.8vw;
	text-align:center;
	text-transform:uppercase;
	color:#fff;margin:0 0 .5em;
	vertical-align:middle;
	word-break: keep-all;
	width:calc(100% - 2em);
	overflow: hidden;
	line-height: 1em;
}

.products3 li h4 {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height:100px;
	padding:1em;
	font-size:1.8vw;
	text-align:center;
	text-transform:uppercase;
	color:#fff;margin:0 0 .5em;
	vertical-align:middle;
	word-break: keep-all;
	width:calc(100% - 2em);
	overflow: hidden;
	line-height: 1em;
}
.products2 li picture, .products3 li picture {
	width:100%;
	margin:0 0 .5em;
}
.products2 li picture::after, .products3 li picture::after{
	text-align: center;
	content:attr(data-alt);
	color: #fff;
	font-size: 1.8vw;
	font-family: 'AvenirNextLTW01Bold';	
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
	position:absolute;
	margin:-5% 0 0;
	width:20%;
}

.products2 li picture2, .products3 li picture2 {
	width:100%;
	margin:0 0 .5em;
}
.products2 li picture2::after, .products3 li picture2::after{
	text-align: center;
	content:attr(data-alt);
	color: #fff;
	font-size: 1.8vw;
	font-family: 'AvenirNextLTW01Bold';	
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
	position:absolute;
	margin:-5% 0 0;
	width:20%;
}
.products2 li p{padding: 0;margin: 0;line-height: 1.8em;}
.products3 li p{padding: 0;margin: 0;line-height: 1.8em; color: #fff;} 

.products2 li a, 
.products3 li a{text-decoration:none;color:#000;}

.products2 li a::after, 
.products3 li a::after{content: 'more >';float:right;color:#02579e;padding:2em 0 0;}

.grey-callout .products2, 
.grey-callout .products3 {margin:2em 0 0;padding:0;}

.grey-callout .products2 li a::after, 
.grey-callout .products3 li a::after {content:none;float:none;color:transparent;padding:0;}

/* END PRODUCTS2 */


/* START PRODUCTS4 */

.products4 li {
	display: inline-block;
    width: calc((100% / 2) - 2em);
    margin: 0 3em 2em 0;
    padding: 0;
    vertical-align: top;
}
.products4 li:nth-child(2n+0){margin: 0 0 2em;}

.products4 li h4 {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 230px;
	flex-basis: auto;
	padding-right: 1em;
	padding-left: 1em;
	font-size:1.8vw;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	margin:0;
	vertical-align:middle;
	word-break: keep-all;
	width:calc(100% - 2em);
	overflow: hidden;
	line-height: 1em;
}

.products4 li picture {
	width:100%;
	margin:0 0 .5em;
}
.products4 li picture::after {
	text-align: center;
	content:attr(data-alt);
	color: #fff;
	font-size: 1.8vw;
	font-family: 'AvenirNextLTW01Bold';	
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
	position:absolute;
	margin:-5% 0 0;
	width:20%;
}

.products4 li picture2 {
	width:100%;
	margin:0 0 .5em;
}
.products4 li picture2::after {
	text-align: center;
	content:attr(data-alt);
	color: #fff;
	font-size: 1.8vw;
	font-family: 'AvenirNextLTW01Bold';	
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
	position:absolute;
	margin:-5% 0 0;
	width:20%;
}
.products4 li p {
    padding: 0;
    margin: 0;
    line-height: 1.8em;    
    font-size: 1.05em;
    text-align: left;
	}

.products4 li a{text-decoration:none;color:#000;}
.products4 li a::after, {content: 'more >';float:right;color:#02579e;padding:2em 0 0;}
.grey-callout .products4 {margin-top: 2em;
    padding: 0;
    margin-left: 3em;}
.grey-callout .products4 li a::after {content:none;float:none;color:transparent;padding:0;}

/* END PRODUCTS4 */

.products li p{padding: 0;margin: 0;line-height: 1.5em;}
.products li a{text-decoration:none;color:#000;}
.products li a::after{content: 'more >';float:right;color:#02579e;padding:2em 0 0;}
.grey-callout .products {margin:2em 0 0;padding:0;}
.grey-callout .products li a::after {content:none;float:none;color:transparent;padding:0;}

.yellow{background:#e2c53a;}
.orange{background:#e6a964;}
.blue{background:#78bfdd;}
.teal{background:#94c7c4;}
.gray {background:#677a8a;}
.brown{background:#968e8c;}
.maroon {background:#c06e5a;}
.gray2 {background: #0a749b;}


/* FNA Insets */
.debt {background: url("../images/debt_colorblocks425x216.jpg") no-repeat center top; background-size: 100%;}
.retirement {background: url("../images/retirement_colorblocks425x216.jpg") no-repeat center top; background-size: 100%;}
.education { background: url("../images/Education_colorblocks425x216.jpg") no-repeat center top; background-size: 100%;}
.income { background: url("../images/Income_colorblocks425x216.jpg")  no-repeat center top; background-size: 100%;}
.mortgage { background: url("../images/Financial_indep_colorblocks425x216.jpg") no-repeat center top; background-size: 100%;}

/* term insets */
.debt2 {background: url("../images/debt_insets_630x230.jpg") no-repeat center top; background-size: 100%;}
.education2 { background: url("../images/education_insets_630x230.jpg") no-repeat center top; background-size: 100%;}
.income2 { background: url("../images/income_insets_630x230.jpg") no-repeat center top; background-size: 100%;}
.mortgage2 { background: url("../images/mortgage_insets_630x230.jpg") no-repeat center top; background-size: 100%;}

#accordion section.hidden {
	transition: all 0.8s ease-in-out;
}
#accordion .arrow {
  transition: all 0.5s ease-in-out;
}
#accordion section {border-top:solid .1em #ccc;overflow:hidden;max-height:1500px;}
#accordion h4 {text-transform:uppercase;color:#02579e;padding:0;margin:0;font-family: 'AvenirNextLTW01Regular';
	font-weight: normal; 
	font-size: 1.125em;}
#accordion section a {text-decoration:none;color:inherit;width:90%;display:block;padding:1em 0 1em 5%; }
#accordion a ul {list-style:none;padding:0;margin:0;display:block;}
#accordion a ul li {display:inline-block;middle;vertical-align:middle;width:calc(50% - 1em);}
#accordion a ul li:last-child{text-align: right;padding:0 1em 0 0;}
#accordion section .text {padding:0 0 0 10%;width:90%;display:block;}
#accordion section .arrow {
	color:#f90;
	font-size:1.5em;
	line-height: 0;
	text-align: right;
	position:absolute;

}
#accordion section.hidden {
  max-height:75px;
}
#accordion section:not(.hidden) .arrow {
    
  transform:rotate(90deg);
}
.animateIn {
     animation: accordionIn 0.45s normal ease-in-out both 1; 
}
.animateOut {
     animation: accordionOut 0.45s alternate ease-in-out both 1;
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform:scale(0.9);
    transform-origin: 50% 0;
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}	

@keyframes accordionOut {
    0% {s
       opacity: 1;
       transform:scale(1);
     }
     100% {
          opacity:0;
           transform:scale(0.9);
       }
}
#in-memoriam {
	width: 100px;
	float: right;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 1em;
	padding: 15px;
	margin-right: 100px;
}
#us, #canada {
	-moz-column-count:4; 
	-webkit-column-count:4; 
	column-count:4;
	margin-top: 3px;
}
#us ul, #canada ul{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#us li, #canada li{

	display:block;
	width:160px;
}

#locations .wrapper .content .zip-list, #locations .wrapper .content .agent-list {clear:both;margin-top:50px;}
.zip-list {
	-moz-column-count:6; 
	-webkit-column-count:6; 
	column-count:6;
	margin: 0;
	padding: 0;
	list-style-type: none;

}
.zip-list p {
	display:inline-block;
	width:600%;
}

.zip-list li {
margin-right:0;
display:inline-block;
padding: 20px;
overflow: hidden;
width: auto;
}


@media screen and (max-width: 768px) {
  .zip-list {
    -moz-column-count:3; 
	-webkit-column-count:3; 
	column-count:3;
  }
	.zip-list li {		
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
 .zip-list  {
   -moz-column-count:3; 
	-webkit-column-count:3; 
	column-count:3;
  }
	.zip-list li {		
		width: 67%;
	}
}


.agent-list li {
	padding-bottom:10px;
	clear:both;
	margin:5px;   /* ---  must have right margin. IE bug */
	
}
.agent-list {
	-moz-column-count:1; 
	-webkit-column-count:1; 
	column-count:1;
	margin-top: 3px;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	
}
#canada h3 {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #CCC;	
}

#us a, #canada a, .zip-list a, .agent-list a {
	color:#02579e;
	text-decoration: none;
	line-height: 1.6em;
	width: 100px;
}
input[value="Back"] {
	font-size: 0.75em;
	background: #CCC;
	padding: 3px 8px;
	margin-top: 20px;
	border-style: none;
	color: #666;
}
table#rule-72 {
	width: 100%;
	border: 1px solid #CCC;
	border-collapse:collapse;
	font-size: 1.1em;
}
table#rule-72 th {
	font-size: 1.2em;
	padding: 4px;
	border-bottom: 1px solid #CCC;
}
table#rule-72 td {
	text-align: center;
	padding: 8px;
}
#contact table {background:#eee;padding:0;margin:0;}
.claim-stories {
	overflow: hidden;
}
.claim-stories ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.benefit-claims {
	font-size: 1em;
}
.benefit-claims>h5 {
	font-size: 1.5em;
	margin: 0;
	color: #02579e;
}
.benefit-claims>strong {
	color: #333;
}
table.benefit-claims {
	font-size: 1em;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	color: #333;
	line-height: 1.4em;
	width: 100%;
}
table.benefit-claims td {
	width: 50%;
	vertical-align: top;
}
tr.benefit td {
	padding-top: 8px;
	color: #02579e;
	font-size: 1.2em;
}
tr.coverage td {
	font-size: 1.8em;
	color: #666;
	line-height: 1.6em;
	font-family: 'InterstateBold';

}
#auto-insurance {
	width:100%;
}
#auto-insurance img {
	width:128px;
	height:96px;
}
#auto-insurance td {
	text-align:center;
	font-size:1.2em;
	border-right: 1px solid #CCC;
}
#auto-insurance td strong {
	font-size:1.4em;
	color:#333;
	line-height:1em;
	padding:0;
}
.auto-savings {
	-moz-column-count:3; 
	-webkit-column-count:3; 
	column-count:3;
	background-color: #eee;
	padding: 10px;
}
.auto-savings em, .auto-home em {
	font-size: 1.2em;
	color: #02579e;
	font-style: normal;
}
.auto-savings ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.auto-home {
	margin-bottom: 0px;
	margin-top: 10px;
}

.auto-home .quote {
	font-size: 1.1em;
	text-align: left;
	line-height: 1.4em;
	display: block;
	margin: 5px;
}
.myth-reality {
	margin-top: 5px;
}
.myth-reality img {
	width:100%;
	height:auto;
}



/*    --------------------------------------------------
    Media Center
 -------------------------------------------------- */
.video {
/*	float:left;
*/	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}
video {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*max-height: 360px;
	max-width: 640px;*/
}
#concepts video, #rule-72 video, #power-compound video, #theory video, #pay-yourself-first video, #debt video, #high-cost video {
	width:100%;
	max-height:100%;
	/*height: 360px;
	width: 640px;*/
}
.video + h2 {margin:1em 0 0;}
.video + h3 {
	margin: 5px 0 0px;
	float: left;
	clear: both;
}
h3 + span.title  {
	color: #02579e;
	font-size: 1.2em;
	float:left;
	clear:left;
}
.video img.video-logos {
	float: right;
}
#tab-wrapper {
	clear: both;
	width: 100%;
	margin-top: 20px;
}
#tab-wrapper .tabs {
	list-style-type: none;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px;
	width:100%;
	-ms-box-orient: horizontal;
  	display: -webkit-box;
  	display: -moz-box;
 	display: -ms-flexbox;
  	display: -moz-flex;
  	display: -webkit-flex;
  	display: flex;
}
#tab-wrapper .tabs li {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	padding: 0.5em 0.5em 0em;
}
#tab-wrapper .tabs li a {
	text-align: center;
	width: 100%;
	padding: 0.5em;
	display: inline-block;
	background-color: #CCC;
	color: #FFF;
	text-decoration: none;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;	/*-moz-box-shadow:inset 0px -5px 10px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow:inset 0px -5px 10px rgba(0, 0, 0, 0.20);
	box-shadow:inset 0px -5px 10px rgba(0, 0, 0, 0.20);*/
}

#tab-wrapper .tabs li a:hover {
	background-color: #02579e;
}
.video-thumbnails {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

.video-thumbnails li {
	float: left;
	width: 25%;
	display: inline-block;
}

.video-thumbnails li a {
	color: #666;
	text-decoration: none;
	width: calc(100% - 1em);
	display: inline-block;
	font-size: .85em;
	line-height: 0.9em;
	margin: 0.5em;
}
.video-thumbnails li:nth-child(4n+1) {
	clear: left;
}
.video-thumbnails li a.last {
	/*margin-right: 0;*/
	}
.video-thumbnails a img {
	height: auto;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
}
.video-thumbnails li a img.play-video {
	height: 29px;
	width: 30px;
	padding: 0;
	margin-top: -40px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 125px;
	position: relative;
	display: none;
}
.video-thumbnails li em {
	height: 20px;
	width: 20px;
	display: block;
}
.video-thumbnails li a.last {
	/*margin-right: 0;*/
}
#tab-wrapper .tabs li a:nth-child(4n+4), .video-thumbnails li a:nth-child(4n+4) {
	/*margin-right: 0;*/
}
#media-center a.company, #our-people a.our-people, #clients a.our-clients, #concepts a.concepts {
	background-color: #02579e!important;
	/*-moz-box-shadow:inset 0px 0px 0px rgba(0, 0, 0, 0.0);
	-webkit-box-shadow:inset 0px 0px 0px rgba(0, 0, 0, 0.0);
	box-shadow:inset 0px 0px 0px rgba(0, 0, 0, 0.0);*/
}
#our-story nav a[title="Our Story"], #our-story .head .navigation li:nth-child(1), 
#our-people nav a[title="Our People"], #our-people .head .navigation li:nth-child(1), 
#our-history nav a[title="Our History"], #our-history .head .navigation li:nth-child(1), 
#ourhome nav a[title="Our Home"], #ourhome .head .navigation li:nth-child(1), 
#community nav a[title="Community"], #community .head .navigation li:nth-child(1), 
#opportunity nav a[title="Opportunity"], #opportunity .head .navigation li:nth-child(1), 
#media-center nav a[title="Media Center"], #media-center .head .navigation li:nth-child(1), 
#high-cost nav a[title="High Cost of Waiting"], #high-cost .head .navigation li:nth-child(2), 
#pay-yourself-first nav a[title="Pay Yourself First"], #pay-yourself-first .head .navigation li:nth-child(2), 
#theory nav a[title="Theory of Decreasing Responsibility"], #theory .head .navigation li:nth-child(2), 
#rule-72 nav a[title="Rule of 72"], #rule-72 .head .navigation li:nth-child(2), 
#power-compound nav a[title="Power of Compound Interest"], #power-compound .head .navigation li:nth-child(2), 
#debt nav a[title="Debt Stacking"], #debt .head .navigation li:nth-child(2), 
#solutions nav a[title="Solutions Newsletter"], #solutions .head .navigation li:nth-child(2), 
#fna nav a[title="Financial Needs Analysis"], #fna .head .navigation li:nth-child(3), 
#term nav a[title="Term Life Insurance"], #term .head .navigation li:nth-child(3), 
#investments nav a[title="Investments"], #investments .head .navigation li:nth-child(3), 
#auto-home nav a[title="Auto & Home"], #auto-home .head .navigation li:nth-child(3), 
#long-term nav a[title="Long Term Care"], #long-term .head .navigation li:nth-child(3), 
#debtwatchers nav a[title="Primerica DebtWatchers"], #debtwatchers .head .navigation li:nth-child(3), 
#identitytheft nav a[title="Identity Theft"], #identitytheft .head .navigation li:nth-child(3), 
#plpp nav a[title="Pre-Paid Legal Services"], #plpp .head .navigation li:nth-child(3), 
#identity nav a[title="Identity Theft"], 
#clients nav a[title="Media Center"], #clients .head .navigation li:nth-child(1), 
#concepts nav a[title="Media Center"], #concepts .head .navigation li:nth-child(1) {
	color:#02579e;
}

.contact {width:100%;padding:1em 0;background:#64717D;display:block;margin:0 0 .5em 0;}
.contact h3 {color:#fff;text-transform: uppercase;width:68%;margin:0 auto;font-family: 'AvenirNextLTW01Regular';}

#locations span.locHead {width:100%;padding:1em 0;background:#64717D;display:block;margin:0 0 .5em 0; font-size: 1.5em;}
#locations span.locHead h3 {color:#fff;text-transform: uppercase;width:68%;margin:0 auto;font-family: 'AvenirNextLTW01Regular';}
#locations .wrapper .content h2 {width:68%;left:0;position:absolute;padding:1em 16%;background:#64717D;display:block;color:#fff;font-size:1.17em;top:10%;}
#locations .wrapper .content h3 {font-size:1.17em;margin-top: 4em;}

/*    --------------------------------------------------
    Social Media Feeds
    -------------------------------------------------- */
.feeds {
	clear: both;
	width:100%;
	margin-top: 10px;
	border: 1px solid #02579e;
	display: table;
	float: left;
	color: #666;
}
.feeds h3 {
	color: #02579e;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0px;
}

.news {
	width: 46%;
	padding-right: 2%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #02579e;
	display: table-cell;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 2%;
}
.feeds ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: .7em;
}
.feeds li {
	padding-bottom: 12px;
}
.news a {
	font-size: 1.6em;
	color: #777;
	text-decoration: none;
	line-height: 1em;
}
.news li div {
	margin-top:5px;
}
.feeds #creditfooter {
	display: none;
}
.feeds>.right {
	width: 47%;
	margin-top: 20px;
	margin-right: 2%;
	margin-bottom: 20px;
}
.blog a {
	color: #666;
	text-decoration: none;
	line-height: 1em;
	font-size: 1.5em;
}
.facebook a {
	color: #666;
	text-decoration: none;
	line-height: 1em;
	font-size: 1.5em;
}
#media-center .twtr-widget, #clients .twtr-widget, #our-people .twtr-widget, #concepts .twtr-widget {
	font-family: 'InterstateLight'!important;
	font-size:1em!important;
}
.twitter-feed .twtr-hd, .twitter-feed .twtr-ft, .twitter-feed {
	display:none;
}
#media-center .twtr-widget .twtr-tweet-wrap, #clients .twtr-widget .twtr-tweet-wrap, #our-people .twtr-widget .twtr-tweet-wrap, #concepts .twtr-widget .twtr-tweet-wrap {
	padding-right: 0;
	padding-left: 0;
	width:100%;
}
#media-center .twtr-widget .twtr-tweet, #clients .twtr-widget .twtr-tweet, #our-people .twtr-widget .twtr-tweet, #concepts .twtr-widget .twtr-tweet {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#media-center .twtr-widget em, #clients .twtr-widget em, #our-people .twtr-widget em, #concepts .twtr-widget em {
	display:none;
}


/*    --------------------------------------------------
    Tabs
    -------------------------------------------------- */
    dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; }
    dl.tabs dt { display: block; width: auto; height: 30px; padding: 0 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; }
    dl.tabs dt:first-child { padding: 0 9px 0 0; }
    dl.tabs dd {
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-top: 0;
		margin-right: 4px;
		margin-bottom: 0px;
		margin-left: 0px;
}
    dl.tabs dd a {
		display: block;
		width: auto;
		height: 29px;
		line-height: 30px;
		border: solid 1px #ddd;
		color: #999;
		background: #eee;
		margin-top: 0;
		margin-right: -1px;
		margin-bottom: 0;
		margin-left: 0;
		padding-top: 0;
		padding-right: 9px;
		padding-bottom: 0;
		padding-left: 9px;
		text-decoration: none;
}
    dl.tabs dd a.active {
		background: #fff;
		border-width: 1px 1px 0 1px;
		height: 30px;
		color: #02579e;
}

	.nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; }
	.nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; }
	.nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; }
	.nice.tabs dd:first-child a.active { margin-left: 0; }
		
	dl.tabs.vertical { height: auto; }
	dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; }
	dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 15px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 1px 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
	dl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0 0; background: #fff; }
	
	.nice.tabs.vertical { border-bottom: solid 1px #eee; height: auto; }
	.nice.tabs.vertical dd a { padding: 15px 20px; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; background: #fff; }
	.nice.tabs.vertical dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; }
	.nice.tabs.vertical dd:first-child a.active { margin: 0; }
    
    ul.tabs-content {
	margin: 0;
	display: block;
	list-style-type: none;
}
    ul.tabs-content>li { display:none; }
    ul.tabs-content>li.active { display: block; }
    
    dl.contained, dl.nice.contained { margin-bottom: 0; }
    dl.contained.tabs dd a { padding: 0 14px; }
    dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }

    ul.contained.tabs-content { padding: 0; }
	ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; }
	ul.nice.contained.tabs-content>li { border-color: #eee; }

.partners-profile-section {
	display: block;
	clear: right;
	float: right;
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
}
.partners-profile-section a {
	margin: 0;
	padding: 0;
}
.partners-profile-section a img {
	float: left;
	height: 130px;
	width: 160px;
	border-style: none;
	margin: 0px 10px 0px 0px;
	padding: 0;
}
a img.play-video {
	height: 29px;
	width: 30px;
	margin-left: -45px;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 95px;
	position: relative;
}
.partners-profile-section img.logo {
	float: right;
	margin: 0;
	padding: 0;
}
.partners-profile-section .text.wrapper {
	float: left;
	width: 55%;
	margin: 0;
	padding: 0;
	clear: none;
}
.partners-profile-section .text {
	width:75%;
	float: left;
}
.partners-profile-section h4 {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 20px;
	line-height: 22px;
}
.partners-profile-section .text.wrapper .title {
	font-size: .8em;
}
.partners-profile-section .text.wrapper p {
	margin-top: 10px;
}
.partners-profile-section .text.wrapper ul {
	margin-top: 10px;
	margin-bottom: 0px;
}
.partners-profile-section.first {
	margin-top: 15px;
	margin-left: 0px;
}
.partners-profile-section.last {
	margin: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*    --------------------------------------------------
    Business Card Websites
    -------------------------------------------------- */
.section-wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	display: -webkit-box;
  	display: -moz-box;
 	display: -ms-flexbox;
  	display: -moz-flex;
  	display: -webkit-flex;
  	display: flex;
   	-webkit-align-items: stretch; 
  	align-items: stretch;
}
.auto-home-number   {
	background-color: #d0e7ff;
	padding: 1em;
	color: #333333;
	text-align: center;
	clear: none;

	margin: 1%;
	flex-grow: 1;
	-webkit-flex-grow: 1;
}
.auto-home-number h5 {
    color: #333333;
    padding: 0;
    font-size: 16px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 3px;
    margin-left: 0px;
}
.auto-home-number p {
    margin: 0;
    padding: 0;
}
.rep_head {
    font-weight: bold;
    color: #02579e;
	
}.privacy li.newlast {
	display: none;
}
/*    --------------------------------------------------
    UGA Micro Websites
    -------------------------------------------------- */

#godogs {
	height: 100%;
	background-image: url(../images/ga-helmet-bkg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #ee1c24;
}
#godogs .main {
	width:100%;
	height:100%;
		/*background: #ee1c24;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZTFjMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiM1NzAxMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-radial-gradient(center, ellipse cover,  #ee1c24 0%, #570102 98%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ee1c24), color-stop(98%,#570102));
	background: -webkit-radial-gradient(center, ellipse cover,  #ee1c24 0%,#570102 98%);
	background: -o-radial-gradient(center, ellipse cover,  #ee1c24 0%,#570102 98%);
	background: -ms-radial-gradient(center, ellipse cover,  #ee1c24 0%,#570102 98%);
	background: radial-gradient(ellipse at center,  #ee1c24 0%,#570102 98%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee1c24', endColorstr='#570102',GradientType=1 );*/
}
#godogs .main .wrapper {
	width: 900px!important;
	padding-right: 20px;
	padding-left: 20px;
}
#godogs .wrapper h1
   {
	text-transform: uppercase;
	color: #FFF;
	font-size: 10em;
	margin: 0;
	padding: 0;
	font-family: InterstateRegular;
}
.helmet {
	float: left;
	margin-top: -200px;
	position: absolute;
}
#godogs .wrapper .text {
	color: #FFF;
	width: 480px;
	line-height: 36px;
	float: left;
}
#godogs .main .wrapper .text p {
	text-indent: 20px;
}
#godogs .wrapper .text .logo {
	margin-right: auto!important;
	margin-left: auto!important;
	clear: both;
	width: 183px;
	text-align: center;
	font-size: 12px;
	padding-top: 20px;
	padding-bottom: 40px;
}
#godogs-video {
	background-color: #000;
}
#godogs-video .video {
	width: 640px;
	color: #FFF;
	height: 360px;
}
#godogs-video .video-thumbnails {
	width: 640px;
	color: #FFF;
}
#godogs-video .video-thumbnails a {
	color: #FFF;
}


/*    --------------------------------------------------
    Veterans Landing Page
    -------------------------------------------------- */
	
#veterans {
	background-image: url(../images/veteran-with-daughter.png);
	background-repeat: no-repeat;
	background-color: #B5926F;
	/*background-color: #d33026;*/	
}
#veterans h2 {font-size:2.8em; }
#veterans h2, #veterans h3, #veterans .footer {color:#fff;}
#veterans table {width:80%;}
#veterans input, #veterans textarea {font-size:1.2em; padding:.5em; margin-bottom:.5em;width:100%;}
#veterans textarea {height: 200px;}
#veterans select {font-size:1.2em; padding:.5em; margin-bottom:.5em; width:90%; }
#veterans input[type="reset"], #veterans input[type="submit"] {width:49%; float:left; border:none; text-align:center;}
#veterans input[type="reset"] {margin-right:2%; background-color:#ccc; color:#666;}
#veterans input[type="submit"] {background-color:#9FD2ED; color:#fff;}
#veterans .privacy a {color:#9FD2ED;}
#veterans .social a {color:rgba(255,255,255,0.75)!important;}

.footer {padding: 3em 2em 1em;font-size: 0.85em;}

ul.breadcrumb {
	padding: 10px 0;
	list-style: none;  
	font-size: 17px;
}

ul.breadcrumb li {
    display: inline;
}

.breadcrumb .active{
	font-size: 1.5em;
    margin: 0;
    font-family: 'AvenirNextLTW01Regular';
    font-style: normal;
    text-transform: uppercase;
	color: #02579e;
    letter-spacing: -1px;
}
.breadcrumb .active:after {
}

ul.breadcrumb li+li:before {
    padding: 8px;
    content: "/\00a0";
	color: #000;
	font-size:.85em;
}

ul.breadcrumb li a {  
    text-decoration: none;
	color: #000;
	font-size:.85em;
}

ul.breadcrumb li a:hover {   
    text-decoration: none;
	color: #02579e;
	font-size:.85em;
}

#picHeading h3 {
    color: #fff;
    font-size: 2.5vw;
    font-family: 'AvenirNextLTW01Regular';
    font-weight: 100px;
    letter-spacing: -1px;
    line-height: 2.5vw;
    text-transform: uppercase;
    width: 28%;
    position: absolute;
    margin-left: 3.5%;
    margin-top: 23%;
}

div.owlhide {height: 100px}

.btn-nav2 ul h3 {padding-left: 30px;}
.eh3 {width: 40px;}

div.owlhide {height: 100px}


/*    --------------------------------------------------
    CONTAINERS
    -------------------------------------------------- */
.grouping h5 {
    text-align: center;
    font-size: 2.5vw;
    margin: 1.5em 0 -.2em 0;
    font-family: 'AvenirNextLTW01Regular';
    text-transform: uppercase;
    color: #02579e;
}

.grouping p {
    text-align: left;
    line-height: 1.8em;
    font-kerning: normal;
    font-size: 1.1em;
}

.grouping {
	clear: both;
	padding: 0;
	margin: 0;
}
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span3 { width: 100%; }
.span2 { width: 49.2%;}
.span1 { width: 26%; }
.span_1_of_3 { width: 32%;}
.span_2_of_3 { width: 65.13%;}

.span4 ul {
    margin: 0;
    padding: 0;
    list-style: none;}

.span4 a {	
	color: #02579e;
    text-decoration: none;
    line-height: 1.6em;
}


.termlife {
	width: 67vw; 
	margin: 0 auto;
	}

.termlife h2, .termlife p { width:36vw; padding: 20px;}

.ourstory h1 { font-size: 1.6vw;}

.splashintro { width: 75%; margin: 0 auto;}

.equalheights {
	height: 70px;
    min-height: 70px;
    overflow: hidden;
}

#expand-box {
    width: 100%;
    padding: 0;
    border: 2px solid #fff;
    margin: 7px 0 0 0;}

#expand-box-header {
    margin: 0;
    padding: 0 5px 3px 2px;
	padding: 
    overflow: auto;}

#expand_box_sub_header { clear: both; }


/*    --------------------------------------------------
    Mobile Responsive
    -------------------------------------------------- */


@media only screen and (max-width: 1024px) { 		
	
	.head h1 a {height: auto;width: 30vw; margin-top: -2px;}
	
	.splashintro {height: auto; padding: 25px; margin-bottom: 10px;}
	.splashintro h2 {font-size: 1.9em !important;}
		
	.contentPic {
		width: 100%;
		margin: -31px 0 0 0;		
	}	
			
	li:hover {	}

	.button-nav ul {
		height:auto;
	}
	.button-nav li {		
		display:block;
		width: 100%;
		height:auto;
		clear:both;
		}
	.button-nav a {
		height:auto;
		padding-top:3em;
		padding-bottom:3em;
	}
	.button-nav a h3 {font-size:5.5vw;}

	.grey-callout .what-we-do {
		width:90%;
		padding: 2em 0 2em 0px;
	}
	.what-we-do h4 {
		font-size: 6.25vw;
		line-height: 1.2em;
	}
	.what-we-do li:active .scroll {
		max-height:1500px;
		color:#fff;
		opacity: 1;
	}
	.solutions {margin:1em 0;padding:0 2em 2em;}
	.solutions li {display:block;width:100%;clear:both;margin:0 auto;padding:2em 0; }
	.solutions li h5 {font-size:4vw;margin:.5em 0;}
	.solutions li p {line-height: 1.8em;font-size:1em;}
	.solutions a::after {font-size:.95em;}
	main nav {display:none;}
	.callout h2 {font-size:5vw;}
	.callout h3 {font-size:3em;}
	
	.products li {
		display:inline-block;
		width:100%;
		margin:0 4em 2em 0;
		padding:0;	
	}
	.products li:nth-child(1n+0){margin:0 0 2em;}
	.products li picture::after{
		font-size: 7vw;
		margin:-16% 0 0;
		width:68%;
	}	
	.products li picture2::after{
		font-size: 7vw;
		margin:-16% 0 0;
		width:68%;
	}	
	.products li {display:inline-block;width:100%;margin:0 0 2em 0;padding:0;}
	.products li:nth-child(2n+0){margin:0 0 2em;}
	.products li h4 {font-size:6vw;}
	.products li picture::after{font-size: 7vw;margin:-16% 0 0;width:68%;}
	.products li picture2::after{font-size: 7vw;margin:-16% 0 0;width:68%;}
	
	.products li a::after {
		content: 'more >';
		float: right;
		color: #02579e;
		padding: .5em 0 0;
	}
	
	.products2 li, .products3 li {
		display:inline-block;
		width:100%;
		margin:0 4em 2em 0;
		padding:0;	
	}
	
	.products4 li {
		display:inline-block;
		width:100%;
		margin:0 1em 2em 0;
		padding:0;	
	}
	
	.products2 li:nth-child(1n+0), 
	.products3 li:nth-child(1n+0){margin:0 0 2em;}
	
	.products2 li h4, 
	.products3 li h4,
	.products4 li h4 {font-size:6vw;}
	
	.products2 li picture::after, 
	.products3 li picture::after,
	.products4 li picture::after {
		font-size: 7vw;
		margin:-16% 0 0;
		width:68%;
	}	
	
	.products2 li picture2::after, 
	.products3 li picture2::after,
	.products4 li picture2::after {
		font-size: 7vw;
		margin:-16% 0 0;
		width:68%;
	}	
			
	picture .h3heading,
	picture2 .h3heading {
		position: absolute;  
		margin-top: 31%;
		margin-left: 16%;
		font-size: 1em;
		font-family: 'AvenirNextLTW01Regular';
		font-style: normal;
		text-transform: uppercase;
		text-align: left;	
		color: #fff;	
	}
	
	#our-clients a {
    	background: rgba(255,204,153,0.6);
	}	
	#our-clients, #our-clients a:hover {
		background:url(../images/Edbergs_mobile_colorblock.jpg) no-repeat ;
		background-size: cover;
		background-position: top right;	
	}			
	#client-bardees a {
		background:rgba(153,204,255,0.6);
	}
	#client-bardees, #client-bardees a:hover {
		background:url(../images/Bardees_mobile_colorblocks.jpg) no-repeat ;
		background-size: cover;
		background-position: top right;
	}
	
	#client-walters a{
		background:rgba(255,204,51,0.6);
	}
	#client-walters, #client-walters a:hover {
		background:url(../images/Walters_mobile_colorblock.jpg) no-repeat ;
		background-size: cover;
		background-position: top right;
	}
	
	#our-reps a {
		background: rgba(255,204,153,0.6);
	}
	#our-reps, #our-reps a:hover {
		background: url(../images/Mackavans_mobile_colorblocks.jpg) no-repeat ;
		background-size: cover;
		background-position: top right;		
	}

	#reps-garcias a {
		background:rgba(153,204,255,0.6);
	}
	#reps-garcias, #reps-garcias a:hover {
		background:url(../images/Garcia_mobile_colorblocks.jpg) no-repeat ;
		background-size: cover;
		background-position: top right;
	}
	
	#reps-temples a {
		background:rgba(255,204,51,0.6);		
	}
	#reps-temples, #reps-temples a:hover {
		background:url(../images/temples_mobile_colorblocks.jpg) no-repeat ;		
		background-size: cover;
		background-position: top right;
	}
	
	#emp-mercy a {
		background:rgba(153,204,255,0.6);
	}
	#emp-mercy, #emp-mercy a:hover {
	   background:url(../images/Mercy_mobile_colorblock.jpg) no-repeat;
	   background-size: cover;
	   background-position: top right;
	}

	#our-employees a {
		background: rgba(255,204,153,0.6);
	}
	#our-employees, #our-emplyees a:hover{
	   background:url(../images/anuthin_mobile_colorblock.jpg) no-repeat ;
		background-size: cover;
		background-position: top right;
	}
		
	#emp-virginia a{
		background:rgba(255,204,51,0.6);
	}
	#emp-virginia, #emp-virginia a:hover {
	   background:url(../images/Virginia_mobile_colorblock.jpg) no-repeat;
	   background-size: cover;
	   background-position: top right;
	}	

	#picHeading h3 {   
		margin-left: 3.5%;
		margin-top: 23%;
	}	
		
	.profiles{width:68vw;}
	 		
	.breadcrumb {display: none;} /* hide breadrumb*/

	.btn-nav2 ul {
		height:auto;		
	}
	.btn-nav2 li {		
		display:block;
		width: 100%;
		height: 50px;
		clear:both;
		}
	.btn-nav2 a {
		height:auto;
		padding-top:1.1em;
		padding-bottom:1em;
		padding-left: 1.5em;
	}
	.btn-nav2 a h3 {
		font-size:20px; 
		text-align: left;}
	
	
	.navRight {	
		float: right !important;
		font-size: 1.05em;
	}
	
	#accordion section a {
		text-decoration: none;
		color: inherit;
		width: 90%;
		display: block;
		padding: 5px;
	}
	
	picture.text-left.upper::after,
	picture2.text-left.upper::after {
    	margin: -15% 0 0;
	}
	
	picture::after {
		content: attr(data-alt);
		color: #fff;
		font-size: 7vw;
		font-family: 'AvenirNextLTW01Bold';
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 7vw;
		text-transform: uppercase;
		width: 41%;
		position: absolute;
		margin: -18% 0 0;	
	}		
	
	picture2::after {
		content: attr(data-alt);
		color: #fff;
		font-size: 7vw;
		font-family: 'AvenirNextLTW01Bold';
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 7vw;
		text-transform: uppercase;
		width: 18%;
		position: absolute;
		margin: -18% 0 0;
	}	
		
	.col {  margin: 1% 0 1% 0%; }
	.span4 { width: 100%; font-size: 1.5em;}
	
	.callout p {font-size: 1.125em;	text-align: center;	}
		
	.side {	width: 100%;}
	
	.products4 li p {
		padding: 0;
		margin: 0;
		line-height: 1.8em;
		color: #fff;
	}
	
	.grey-callout .products4 {margin: 0; padding:0;}
	
	.playvid {	
		position: absolute;
		top: 5em;
		bottom: 0;
		left: 12em;
		margin: 0 auto;
		width: 36px !important;
	}
	
	.description h3 {	
		margin: 0;
		color: #fff;
		font-size: 4vw;
		font-family: 'AvenirNextLTW01Regular';
		font-weight: normal;
		letter-spacing: .12em;
		text-transform: uppercase;
		width: 100%;
	}
	
	/* Community */
	picture.text-left.comm::after {margin: -35% 0 0; width: 50%;}
	
	/* fna */
	picture.text-left.upper1::after	{margin-top: -29%; width: 77%; }
	
	/* term life */
	picture.text-right.upper2::after {margin: -39% 0 0;width: 40%;	right: 4%;}	
	
	/* Investments */
	picture.text-left.upper3::after {margin: -41% 0 0;	width: 50%;	}

	/* auto & home */
	picture.text-right.lower4::after {margin: -30% -2% 2%;width: 40%;right: 5%;	}		
		
	/* long terms */
	picture.text-right.lower5::after {margin:-28% -14% -2%;width: 55%;}
	
	/* debt watchers */
	picture.text-left.lower6::after {margin:-22% 0 0; width: 65%;}

	/* prepaid */
	picture.text-right.lower7::after {margin:-15% 0 0; width:45%;}
	
	/* our story */
	picture.text-left.upper8::after {margin: -35% 0 0; width: 50%;}
	
	picture.text-left::after, 
	picture2.text-left::after { left: 7%; clear: both;}	
	
	
	.fna_tl p {margin-left: 0; text-align: center;}
	.fna_tl h2 {margin-left: 0; text-align: center; letter-spacing: .5px;}
	
	.copy {	width: 80%;	text-align: left;margin: 0 auto;}			
	
	.content h2, .content h3 {
		font-size: 5vw;
		letter-spacing: .5px;
	}
	
	.ourstory h1 {
		font-size: 5vw;
	}		
	
	.products li h4 {
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
		padding:1.6em;
		font-size:5vw;
		text-align:center;
		text-transform:uppercase;
		color:#fff;margin:0 0 .5em;
		vertical-align:middle;
		word-break: keep-all;
		width:calc(100% - 2.8em);
		overflow: hidden;
		line-height: 1em;
	}
	
	.products4 li h4 {
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
		padding:1.6em;
		font-size:5vw;
		text-align:center;
		text-transform:uppercase;
		color:#fff;margin:0 0 .5em;
		vertical-align:middle;
		word-break: keep-all;
		width:calc(100% - 2.8em);
		overflow: hidden;
		line-height: 2em;
	}
	
	#accordion h4 {
		text-transform: uppercase;
		color: #02579e;
		padding: 0;
		margin: 0;
		font-family: 'AvenirNextLTW01Regular';
		font-weight: normal;
		font-size: 120%;
	}	
	
	.col2 {display: block;
		float:left;
		margin: 0 auto;
	}
	
	.what-we-do .scroll {
		font-size: 1.05em; 		
		letter-spacing: 1.2px;
    	line-height: 1.5em;
	}
	
	/* Global for Clients, Reps, Emps */
	picture.text-left.upper::after { margin: -22% 0 0; width: 60%;}
	picture.text-left.picTitle2::after { margin: -22% 0 0; width: 25%;}
	
	
	.grouping h5 {
		text-align: left;
		font-size: 5vw;
		margin: 1.5em 0 -.2em 0;
		font-family: 'AvenirNextLTW01Regular';
		text-transform: uppercase;
		color: #02579e;
	}	
	
	.footer li {
		float: left;
		margin-right: 10px;
		margin-bottom: 5px;
		clear: none;
	}
	
	.privacy, .links {
		margin: 0 auto;
		clear:left;
	}
	
	.social {
		float: left;
		margin: 5px;
		font-size: 1.4em;
		list-style: none;
	}
	
	table#rule-72 {	
		font-size: 1em;
	}	
	
	.eh3 {width: 100%;}
	
	.hidevid {display: none;}
	
	.socialmedia {float: none; margin: 0 auto;}
}

/* END MOBILE RESPONSIVE */

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span3, .span2, .span1, .span_1_of_3, .span_2_of_3 { width: 100%; }	
	
	.grouping h5 {
		text-align: center;
		font-size: 5vw;
		margin: 1.5em 0 -.2em 0;
		font-family: 'AvenirNextLTW01Regular';
		text-transform: uppercase;
		color: #02579e;
	}	
	
	.play-button {
		color: #999;
		text-decoration: none;
		width: 231px;
		display: block;
		margin: 0 auto;
		text-align: center;
		padding: 0 0 1em;
		vertical-align: middle;
		font-size: 1.2em;
	}
}

/* Responsive Navigation Menu Ipad/Tablet Devices */

@media only screen and (max-width: 1024px)  { 
	header nav {float: right;display:block;padding:0}
	header nav:before{font-family:'FontAwesome'!important;content:"\f0c9";font-size:1.4em;color:#000;text-indent:0; }
	.navigation {font-size: 1em;padding: .5em 1em;}
	.navigation ul {
		display:none;
		list-style: none;
		padding: .5em;
		top:2em;
		right:1em;
		background-color: rgba(238,238,238,.8);
		position: absolute;
		width:200px;
		z-index: 9999;
	}
	.navigation li {
		margin:0;
		clear:both;
		padding:.5em 0;
		width:100%;
	}
	.navigation li:nth-child(1) .navigation li.first {
		margin-left:0;
	}
	.navigation li a {
		display: block;
	}
	.navigation li a:hover {
		color: #000;
	}
	.navigation li ul {
		display:none;
		position: static;
		margin-left:-.5em;

		width: calc(100% + 1em);
		background-color: rgba(255, 255, 255, 0);

	}
	.navigation li:nth-child(3) ul {/*margin-left: -115px;*/}
	.navigation li ul li {

		clear: both;
		background-color: rgba(204,204,204,.8);
		padding:.8em .5em;
		width: calc(100% - 1em);
		color: #666;
		float: none;
		margin:0;

	}
	.navigation li ul li a {
		color: #333;
		display: block;
		padding-bottom: 8px;
		text-decoration: none;
	}
	header nav:hover ul:first-child, 
	header nav:active ul:first-child{
		display: block;
	}
	header nav ul li:hover ul, 
	header nav ul li:active ul{
		display: block;
	}
	
	.products4 li p {
		padding: 0;
		margin: 10px 0 0 0;
	}
	
	.fna_tl h2 {
		font-size: 5vw;
		text-align: left !important;
		padding-left: 0;
		letter-spacing: .5px;
	}	
	
	
	.grey-callout .products4 {		
		margin: 0 ;
    	padding: 0;
	}
		
}/* END 2014PX */


@media only screen and (min-width: 768px) and (max-width: 1024px)  {
	.navRight {
		float: left;
		font-size: 1.05em;
		clear: left;		
	}
	
	.playvid {
		position: absolute;
		top: 5em;
		bottom: 0;
		left: 20em;			
    	width: 36px !important;
	}	
	
	
}

@media only screen and (max-width: 400px) { 
	.solutions {margin:1em 0;padding:0 2em 4em;}
	.solutions li h5 {font-size:5.5vw;margin:.5em 0;}
	main nav {display:none;}
	main h1 {font-size:1.2em;}
	.callout h2 {font-size:8vw;}
	.callout h3{font-size:5em;}		
	
	#jobtitle h3 {   
		margin-left: 3%;
		margin-top: 21%;
	}
		
}

/* IE FIX */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	
	picture.text-left.upper::after, 
	picture2.text-left.upper::after {margin-top: 5%; }
	
	picture.text-left.lower::after,
	picture2.text-left.lower::after {margin-top: 18%;}
	
	picture.text-right.upper::after, 
	picture2.text-right.upper::after {margin-top: 5%;}
	
	picture.text-right.lower::after, 
	picture2.text-right.lower::after {margin-top: 18%;}
	
	/* Community */
	picture.text-left.comm::after {margin-top: 13%;}
			
	/* our story */
	picture.text-left.upper8::after {margin-top: 12%;}
	
	/* fna */
	picture.text-left.upper1::after	{margin-top: 4%; }
	
	/* term life */
	picture.text-right.upper2::after {margin-top: 5%;}	
	
	/* Investments */
	picture.text-left.upper3::after {margin-top: 8%;}

	/* auto & home */
	picture.text-right.lower4::after {margin-top: 13%;}
		
	/* long terms */
	picture.text-right.lower5::after {margin-top: 13%}
	
	/* debt watchers */
	picture.text-left.lower6::after {margin-top: 20%;}

	/* prepaid */
	picture.text-right.lower7::after {margin-top: 18%;}	
	
	.grey-callout .products4 {		
		margin: 0;
    	padding: 0;
	}	
	
	/* Global for Clients, Reps, Emps */
	picture.text-left.upper::after { margin-top: 20%; width: 40%;}
	picture.text-left.picTitle2::after { margin-top: 20%; width: 25%;}
	
} /******************** END IE FIX *******************/

/* FIREFOX FIX */
@-moz-document url-prefix() {
		
	/* community */
	picture.text-left.comm::after {margin: 13% 0 0;}
	
	/* our story */
	picture.text-left.upper8::after {margin: 13% 0 0;}
	
	/* fna */
	picture.text-left.upper1::after{margin: 4% 0 0;}

	/* term life */
	picture.text-right.upper2::after {margin: 4% 0 0;}
		
	/* Investments */
	picture.text-left.upper3::after {margin: 9% 0 0;}

	/* auto & home */
	picture.text-right.lower4::after {margin: 17% 1% 2%;}

	/* long term */
	picture.text-right.lower5::after {margin: 15% 0 0;}

	/* debt watchers */
	picture.text-left.lower6::after {margin: 18% 0 0;}

	/* prepaid */
	picture.text-right.lower7::after {margin: 12% 0 0;}
	
	picture.text-left.upper::after { margin: 12% 0 0;   width: 30%;}
	
	/* Global for Clients, Reps, Emps */
	picture.text-left.upper::after { margin: 20% 0 0; width: 60%;}
	picture.text-left.picTitle2::after { margin: 20% 0 0; width: 25%;}
	
} /* END FIREFOX FIX */


/* SAFARI FIX */
@media not all and (min-resolution:.001dpcm) { @media
{
    .termCallout {    
	width: 58% !important;
	}
	
	.playvid {
		position: absolute;
		top: 18em;
		bottom: 1em;
		left: 60em;
		width: 136px !important;
	}
	
	/* Global for Clients, Reps, Emps */
	picture.text-left.upper::after { margin: 20% 0 0; width: 40%;}
	picture.text-left.picTitle2::after { margin: -12% 0 0; width: 25%;}
	
	}
}

/* FLEXBOX */

.Grid {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}

.Grid-cell {
  flex: 1;
}

.Grid--gutters {
    margin-left: -1em;
}

.Grid--gutters .Grid-cell {
  padding-left: 1em;
}

flex.css:4
.Grid {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.fbox {
  padding: 0;
  margin-bottom: auto; 
  text-align: left;
}

.Grid--gutters .Grid--nested .Grid-cell:first-of-type .fbox {
  margin-right: 1em;
}

.Grid--1of6 > .Grid-cell:first-of-type {
  flex: 0 0 0;
}

.Grid--cols-2 > .Grid-cell {
  flex: 0 0 100%;
}
.Grid--cols-6 > .Grid-cell {
  flex: 0 0 calc(50% - 1em);
}

@media (min-width: 48em)
flex.css:200
.Grid--1of6 > .Grid-cell:first-of-type {
    flex: 0 0 1.6666%;
}

@media (min-width: 48em) {
  .Grid--cols-2 > .Grid-cell,
  .Grid--cols-3 > .Grid-cell,
  .Grid--cols-4 > .Grid-cell,
  .Grid--cols-6 > .Grid-cell,
  .Grid--cols-12 > .Grid-cell {
    flex: 1;
}
	.Grid--gutters.Grid--nested .Grid-cell:first-of-type .fbox {
    margin-right: 0;
  }
}

.Grid--gutters .Grid-cell {
    padding-left: 1em;
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	
	picture.text-left.upper::after { margin: 15% 0 0}

	.playvid { margin: 0 auto; position: absolute;}
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}