/*    --------------------------------------------------
    Common
    -------------------------------------------------- */
body {
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size:1.05em; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;	
}

h1, h2, h3, h4, h5, h6 , em {
	font-weight: normal;
	margin: 0;	
	color:#02579e;
	letter-spacing: -1px;
}

em {
	font-weight: normal;
	margin: 0;	
	color:#000;
	letter-spacing: -1px;
}

h1 {	
	font-size: 2rem;	
	text-transform: uppercase;	
	line-height:1.6em;
}

h2 {	
	font-size: 2rem;	
	text-transform: uppercase;
	padding: 10px 0 0;
	line-height: 1.2em;
	letter-spacing: .5px;
	color: #02579e;
}

h3 {
	font-size: 20px; 
	font-size: 1.8rem;
}

h4, h5, h6 {
	font-size: 16px; 
	font-size: 1.8rem;
}

.intro h2 {font-family: 'Open Sans', sans-serif;;
	color:#02579e;
	letter-spacing: -1px;
}

.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: 'Open Sans', sans-serif;;
	font-weight: bold;
}
.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: 'Open Sans', sans-serif;
	font-size:1.4em;
	color:#02579e;
	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%;
}

a {
    color: #02579e;
    text-decoration: underline;
}

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

#our-story nav a[title="Our Story"],
#our-story .head .navigation li:nth-child(1) {
    color: #02579e;
}

header {position:absolute;z-index:9998;}

/*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:300px;
	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;
}

/*    --------------------------------------------------
    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: 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
    -------------------------------------------------- */

.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;*/
}


/* our story */
	picture.text-left.upper8::after {margin: -18% 0 0; width: 30%;}



/*    --------------------------------------------------
    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%;}

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

picture::after{
	content:attr(data-alt);
	color: #fff;
	font-size: 4vw;
	font-family: 'Open Sans', sans-serif;;
	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: 'Open Sans', sans-serif;;
	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;}



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

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

.ourstory h1 {	
	font-size: 1.8rem;
	font-family: 'Open Sans', sans-serif;
	font-style: normal; 
	text-transform: none;
	line-height: 1.6em;
}

.ourstory h2,
.investments h2 {
	font-size: 1.6rem;
	font-family: 'Open Sans', sans-serif;
	font-style: normal; 
	text-transform: uppercase;
	line-height: 1.6em;
}

.fna h3 {
	font-size: 1.4em !important;
	font-family: 'Open Sans', sans-serif;
	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: 'Open Sans', sans-serif;
	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: 2rem;
    text-align: left !important;
	padding-left: 0;
}
.fna_tl1 li {padding: 5px;}
.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: 'Open Sans', sans-serif;
	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;
}


   
#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: 'Open Sans', sans-serif;

}
#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 {
	position:relative;
}

video {    
     left: 0; 
	width: 100%;
}

#concepts video, #rule-72 video, #power-compound video, #theory video, #pay-yourself-first video, #debt video, #high-cost video {
	width:100%;
	max-height:100%;
}

.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;	
}

#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;
}

.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: 'Open Sans', sans-serif;}

#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: 'Open Sans', sans-serif;}
#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;
}



.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: 'Open Sans', sans-serif;
    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: 'Open Sans', sans-serif;
    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: 'Open Sans', sans-serif;
    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;}

.splashintro h1 { font-size: 2rem;}
.splashintro { width: 75%; margin: 0 auto;}

.affiliations h2 {font-size: 1.5rem; text-transform: none;}

.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) { 	
	
	.content .btn-nav2 h3 {
    font-size: 1.5em;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
	padding: 1em 0 0;
    line-height: 1.2em;
    letter-spacing: .5px;
	text-indent: 0;}	
	
	.btn-nav2 li:hover:not(strong) {
	-moz-transform: none;
    -webkit-transform: none;
	transform: none;
	}	
	

	.hidename {display: none;}
			
	.copy {	width: 80%;	text-align: left;margin: 0 auto;}		
	
	h1 {font-size: 2rem;}	
	h2 {font-size: 2rem;}	
	
	.affiliations h2 {font-size: 1.2rem; text-transform: none;}
	
	.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 div {
		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 h3 {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: 'Open Sans', sans-serif;
		font-style: normal;
		text-transform: uppercase;
		text-align: left;	
		color: #fff;	
	}
	
	#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:1em;
		padding-bottom:1em;
		padding-left: 1.5em; 
		font-size:1.05em;
	}
	.btn-nav2 a h3 {
		font-size:20px; 
		text-align: left;
	}
	
	
	.navRight {float:left;font-size: 1em;top:0;position:static;}
	.sub-nav {position:static!important;padding: 0!important;margin: 0!important;}
	.navigation li ul {
		/*display:none;*/
		position: static;
		margin-left:-.5em;

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

	}
	#accordion section a, #accordion2 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: 'Open Sans', sans-serif;;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 7vw;
		text-transform: uppercase;
		width: 41%;
		position: absolute;
		margin: -18% 0 0;
		display: none;
	}		
	
	picture2::after {
		content: attr(data-alt);
		color: #fff;
		font-size: 7vw;
		font-family: 'Open Sans', sans-serif;;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 7vw;
		text-transform: uppercase;
		width: 18%;
		position: absolute;
		margin: -18% 0 0;
		display: none;
	}	
		
	.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: 'Open Sans', sans-serif;
		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%; width: 18%; clear: both;}	
	
	
	.fna_tl p {margin-left: 0; text-align: center;}
	.fna_tl h2 {margin-left: 0; text-align: center; letter-spacing: .5px;}
			
	.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, #accordion2 h4 {
		text-transform: uppercase;
		color: #02579e;
		padding: 0;
		margin: 0;
		font-family: 'Open Sans', sans-serif;
		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: 'Open Sans', sans-serif;
		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;}
	
	#btn-people1 a {background: #c6deea;}
	#btn-people2 a {background: #e6e7e9;}
	#btn-people3 a {background: #c6deea;}
	#btn-people4 a {background: #e6e7e9;}
	#btn-people5 a {background: #c6deea;} 
		
	#btn-people1 a:hover,
	#btn-people2 a:hover,
	#btn-people3 a:hover,
	#btn-people4 a:hover,
	#btn-people5 a:hover{
		background: #61A2DA;	
	}
	
	.active {background: #61A2DA;	}
	
		
}

/* 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: 'Open Sans', sans-serif;
		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 {
		list-style: none;
		padding: .8em;
		top:.3em;
		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 ul:first-child {display:none;}
	header nav:hover ul:first-child, 
	header nav:active ul:first-child,.navigation:active ul{
		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: 1em;
		margin: 0;
		padding: .5em 0;
		position: static;
	}
	
	.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 h3 {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%;}	

	/* our story */
	picture.text-left.upper8::after {margin-top: 12%;}		

	
} /******************** END IE FIX *******************/

/* FIREFOX FIX */
@-moz-document url-prefix() {		

	/* our story */
	picture.text-left.upper8::after {margin: 13% 0 0;}	
	
} /* 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%;}
	
	}
}

@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;}
}


/* homepage */
.thumbnail img { width: 100%;  display: block;}

.thumbnail {
    position: relative;
}

.caption2 {
    position: absolute;
    top: 10%;
    left: 5%;
    text-align: left;
}
.caption2 h2, .caption2 h3 {color: #999;}
.caption2 h4 {font-size: 2.5rem; letter-spacing: 1px; font-weight: normal; font-family: 'Open Sans', sans-serif;  padding: 0px;
    margin: 0px;}
.caption2 h3 {font-size: 2rem; letter-spacing: 1px; font-weight: normal; font-family: 'Open Sans', sans-serif;  padding: 0px;
    margin: 0px;}
.caption2 a {color: #000; text-decoration: none;}
.caption2 a:hover { color: #999; text-decoration: underline;}
/*.caption2 a:visited {color: #999;}*/

/*  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_2 {
	width: 49%; 
}


/*  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_2 {
		width: 100%;
	}
}

.top25logo {
	width: 100%;	
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
}

.adLogos {
	width: 100%;	
	display: block;
}