/* -------------------------------------------------- Mobile Responsive -------------------------------------------------- */
 @media only screen and (max-width: 1024px) {
	 
	 .navbar {
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 0;
		background-color: transparent !important;
		border: 0;
		font-size: 18px !important;
		color: #000;
		z-index: 99999;
		position: absolute;
		width: 100%;
		top: 5px;
	}
	 
	  .description.left {
		left: 8%;
		top: 17%;
		float: none;
		width: 44%;
	}	
	 .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;
    }
    .content {
         width: 90%;
         margin: 0 auto 3em;
         line-height: 1.8em;
    }
     .copy {
         width: 90%;
         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: 0;
         padding-bottom: 3em;
    }
     .button-nav a h3 {
        font-size:5.5vw;
    }
     .grey-callout .what-we-do {
         width:100%;
         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 .subnav {
        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;
    }
     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;
        
    }
     .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%;
    }
     picture.text-left::after, 
	 picture2.text-left::after {
         left: 7%;
         width: 18%;
         clear: both;
    }
     .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;
    }
     .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;
    }
    /* Strategic Partners */
     .partners-profile-section a img {
         height: auto;
         width: 300px;
         margin: 0px 0px .5em;
    }
     .partners-profile-section .text-wrapper {
         width: auto;
    }
     .partners-profile-section .text-wrapper .title {
         font-size: 1em;
         clear: left;
         float: left;
    }
     .partners-profile-section img.logo {
         display: none;
    }
     .partners-profile-section .play-video{
         display: none;
    }
	.footerContent {display: none;}	
	 
	 .video-thumbnails li {   
		width: 50%;
		display: block;
	}	
	
	.fnaCallout {width: 80%;}
	 
	.fna-products li h4 {   
		font-size:6vw;
		height: 100px;
	} 
	.fna-products li {   
		display: inline-block;
		width: 100%;
		margin: 0 1em 2em 0;
		padding: 0;		
	}
	
	.termCallout {width: 80%;}
	 
	.term-products li h4 {   
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
		padding: 1.6em;
		font-size: 6vw;
		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;
	} 
	.term-products li {   
		display: inline-block;
		width: 100%;
		margin: 0 1em 2em 0;
		padding: 0;
	}
	 
	.content h2, .content h3 {
    	font-size: 5vw;
    	letter-spacing: .5px;
	}
		
	 
	picture.text-left.text-fna::after {display: none;}
	 
	picture.text-right.text-term::after { display: none;} 
	
	picture.text-left.text-investments::after { display: none;} 
	
	picture.text-right.text-auto::after { display: none;}
	 
	picture.text-right.text-longterm::after { display: none;}
	 
	.contentCopy {
		width: 90%;
		text-align: left;
		margin: 0 auto;
	}
	 
	.button-nav .figOrange, .button-nav .figBlue, .button-nav .figBrown {
	font-size: 6vw;
    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:0;
}
	
.button-nav-2 .figOrange, .button-nav-2 .figBlue, .button-nav-2 .figBrown {
	font-size: 5vw;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: 'Open Sans', sans-serif;
    padding: 20px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
	top:0;
}
#a-better-way {
    background: rgba(204,114,28);
    background-size: 100%;
    background-position: center top;
}
#a-better-way {
    background: rgba(90,151,208);
    background-size: 100%;
    background-position: center top;
}
#take-control {
    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 */

 @media only screen and (max-width: 480px) and (min-width: 400px) {
	 
	 picture.text-left.text-fna::after  {display: none;}
	 
	 picture.text-right.text-term::after { display: none;}
	
	 picture.text-left.text-investments::after { display: none;} 
	 
	 picture.text-right.text-auto::after { display: none;}
	 
	 
}

/*    --------------------------------------------------
    (max-width: 480px)
    -------------------------------------------------- */
 @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;
    }
	
	  .video-thumbnails li {   
		width: 100%;
		display: block;
	}	
	 
}
/*    --------------------------------------------------
    RESPONSIVE NAV MENU IPAD/TABLE 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 */

/*    --------------------------------------------------
    (min-width: 768px) and (max-width: 1024px)
    -------------------------------------------------- */

 @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 (-ms-high-contrast: active), (-ms-high-contrast: none)
    -------------------------------------------------- */

@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%;}
	
	picture.text-left.text-fna::after	{margin-top: 18%; }
	picture.text-right.text-term::after {margin-top: 5%;}		
	picture.text-left.text-investments::after {display: none;}
	picture.text-right.text-auto::after {margin-top: 13%;}
	picture.text-right.text-longterm::after {margin-top: 13%}	
	picture.text-left.text-pplp::after {margin-top: 18%;}	
	picture.text-left.text-idtheft::after {margin-top: 10%;}	
	
	.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%;}
	
	
} 

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1024px) { 	

	picture.text-left.text-investments::after { display: none;}
	picture.text-right.text-auto::after {margin-top: 13%; width: 40%;}
	
} /******************** END IE FIX *******************/



/*    --------------------------------------------------
    FIREFOX FIX
    -------------------------------------------------- */
 @-moz-document url-prefix() {
    	
	picture.text-left.text-fna::after{margin: 12% 0 0;}
	picture.text-right.text-term::after {margin: 4% 0 0;}
	picture.text-left.text-investments::after {display: none;}
	picture.text-right.text-auto::after {margin: 17% 1% 2%;}
	picture.text-right.text-longterm::after {margin: 15% 0 0;}
	picture.text-left.text-pplp::after {margin: 12% 0 0;}
	 picture.text-left.text-idtheft::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%;
        }
    }
}
 @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;
    }
}/******************** END SAFARI FIX *******************/