/* CSS Document */
/*    --------------------------------------------------
    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: 0 0 0 0;
}
.contentCopy {
	width: 80%;
	text-align: left;
	margin: 0 auto;
}
.contentCopy2 {
	width: 100%;
	text-align: left;
	margin: 0 auto;
}
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: 0;
	padding-bottom: 3em;
}
	
.button-nav a h2 {
	font-size: 5.5vw;
}
.button-nav-2 ul {
	height: auto;
}
.button-nav-2 li {
	display: block;
	width: 100%;
	height: auto;
	clear: both;
}
.button-nav-2 a {
	height: 40px;
	padding-top: 0;
	padding-bottom:0;
}
.button-nav-2 a h2 {
	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 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;
}

#our-clients, #our-clients a:hover {
	background: #cc721c;
	background-size: cover;
	background-position: center;
}

#client-bardees, #client-bardees a:hover {
	background: #5a97d0;
	background-size: cover;
	background-position: center;
}

#client-walters, #client-walters a:hover {
	background: #8f836e;
	background-size: cover;
	background-position: center;
}

#our-reps, #our-reps a:hover {
	background: #cc721c;
	background-size: cover;
	background-position: center;
}

#reps-garcias, #reps-garcias a:hover {
	background: #5a97d0;
	background-size: cover;
	background-position: center;
}

#reps-temples, #reps-temples a:hover {
	background: #8f836e;
	background-size: cover;
	background-position: center;
}

#our-employees, #our-employees a:hover  {
	background: #cc721c;
	background-size: cover;
	background-position: center;
}

#emp-rao, #emp-rao a:hover  {
	background: #5a97d0;
	background-size: cover;
	background-position: center;
}

#emp-virginia, #emp-virginia a:hover {
	background: #8f836e;
	background-size: cover;
	background-position: center;
}
	
#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;
	text-decoration: none;
	/*padding-top: 1.1em;
	padding-bottom: 1em;
	padding-left: 1.5em;*/
}
.btn-nav2 a h2 {
	font-size: 5vw;
    text-align: center;
    visibility: visible;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	line-height: 2em;
}
.navRight {	
	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: 'Open Sans', sans-serif;
	font-weight: 800;
	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: 'Open Sans', sans-serif;
	font-weight: 800;
	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%;
}
.contactHeader, .locHeader {
    color: #fff;
    text-transform: uppercase;
    margin-left: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5rem;
}
.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: -22% 0 0;
	width: 50%;
}
picture.text-left::after,  picture2.text-left::after {
	left: 7%;
	clear: both;
}
/* about primerica */
picture.text-right.aboutprimerica::after {
    margin: -11% -17% 0;
}
.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: '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 h3 {
	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;
}
main .subnav {display: none;}
 .carousel-control{
	  margin: auto auto;
	  height: 50px;
	  width: 50px;
	  background: transparent;
  }	
.products li h3 {
	font-size: 5vw;
}
.products li a::after {
	font-size: 20px;
}	
.products p {
	font-size: 20px;
}
.callout h2 {
    font-size: 6vw;
}
.callout {
    width: 100%;
    margin: 0 auto;
    padding: 3em;
}
.callout p {
	font-size: 1.05rem;
	text-align: center;
}
.content p, .content .panel-body {
    font-size: 18px;
    line-height: 1.8em;
    padding-top: 10px;
}
.noshow {display: none;}
#block1, #block2, #block3 {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 36px;
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
}
.colorblocks h2 {
	margin: 0;
	color: #fff;
	bottom: 0;
	left: 0; 
	right: 0; 
	font-size: 5vw;
	text-align: center;
	}	
.navbar {   
    top: 0;
}
.head {
    height: 75px;
    width: 100%;
}

.button-nav .figOrange, .button-nav .figBlue, .button-nav .figBrown {
	font-size: 3vw;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: 'Open Sans', sans-serif;
    padding: 12px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
	top:14px;
}
	
.button-nav-2 .figOrange, .button-nav-2 .figBlue, .button-nav-2 .figBrown, .button-nav-2 .figOther {
	font-size: 5vw;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: 'Open Sans', sans-serif;
	font-weight: 800;
    padding: 20px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
	top:0;
}
#our-focus {
    background: rgba(204,114,28);
    background-size: 100%;
    background-position: center top;
}
#our-impact {
    background: rgba(90,151,208);
    background-size: 100%;
    background-position: center top;
}
#our-home {
    background: rgba(143,131,110);
    background-size: 100%;
    background-position: center top;
}
	
.btnPanel .panel-body {
    text-align: center;
    padding: 0;
    margin: 0 1vw 0 0;
    white-space: normal;
    font-size: 1.05em;
    letter-spacing: 1.5px;
    line-height: 2em;
    text-transform: none;
}
	.fancybox-overlay {
    z-index: 1000000 !important;
}
	
} /* END MOBILE RESPONSIVE */