@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600|Work+Sans:300,400,500|Raleway|Lato');
@import url('animate-j.css');
@import url('assist.css');
/*@import url('jose.css');*/
@import url('/-/media/rj/advisor-sites/global/global-css/model-4/modules/landing-page.css');

/*==============================================  IMPORTANT - PLEASE READ ==============================================

/* DUE TO THE COMPLEXITY OF CUSTOM SITES, PLEASE SEE BUILDER OR
DESIGNER BEFORE MAKING CHANGES TO FUNCTIONALITY OR ADDING/REMOVING CONTENT OR SECTIONS

BUILDER: Evan Tanaka
DESIGNER: Jesse Taylor
JOB #: 17-BR35Q-0085
COMPLETION DATE: 2018
ADDITIONAL NOTES:
Fonts:
font-family: 'Josefin Sans', sans-serif; 'Work Sans', sans-serif; 'Raleway', sans-serif; 'Lato', sans-serif;

Josefin Sans
light 300
regular 400
semi bold 600
___

Work Sans
light 300
regular 400
medium 500
___

Raleway
regular 400
___

Lato
regular 400

========================================================================================================================
*/




.red { background: red !important; padding: 90px;   }
.pink { background: pink !important; padding: 90px;   }
.green { background: green !important; padding: 90px;   }
.yellow{ background: yellow !important; padding: 90px;   }
.blue { background: blue !important; padding: 90px; }
.orange { background: orange !important; padding: 90px;   }
.teal { background: teal !important; padding: 90px;   }



/*.wow {
    visibility: hidden;
}*/


body {
	background: #fff;
	font-family: 'Lato', sans-serif;
}
.main-content {
    margin-top: -204px;
}
.interior .main-content {
    margin-top: -187px;
}

a {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
p {
	margin: 0 0 20px !important;
	line-height: 28px;
    font-size: 16px;
	color: #5c5d65;
}
h1 {
	font-family: 'Josefin Sans', sans-serif;
	color: #fff;
	font-size: 55px;
	line-height: 55px;
	font-weight: 300;
	text-transform: uppercase;
    text-shadow: 5px 5px 20px #000;
}
h1 .head-1 {
	display: block;
	animation-delay: 1s;
}
h1 .head-2 {
	display: block;
	animation-delay: 1s;
}
h2 {
	font-family: 'Josefin Sans', sans-serif;
	color: #00b0f4;
	font-size: 35px;
	line-height: 35px;
	font-weight: 300;
	text-transform: uppercase;
}
h2 .subhead-1 {
	display: block;
}
h2 .subhead-2 {
	display: block;
}
h3 {
	font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
	color: #00b0f4;
    font-weight: 300;
    text-transform: uppercase;
}
h3 a  {
	color: #00b0f4;	
}
h4 {
	font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
	color: #00b0f4;
    font-weight: 300;
    text-transform: uppercase;
    margin: 10px 0 10px;	
}
b, strong {
	font-weight: 600;
}
p.subhead {
	text-transform: uppercase;
	margin: 0 !important;
}
.interior-content-section ul {
	padding-bottom: 20px;
}
.content-disclosure-wrapper, .content-disclosure-wrapper p {
    font-size: 11px;
    line-height: 14px;
}


/*
==============================================
Navigation
==============================================
*/
.nav-overall-wrapper:not(.van-mobile-nav) {
	background: none;
	animation-delay: 1s;
	animation-duration: 2s;
}
.primary-nav {
	background: rgba(0, 0, 0, 0.5);
	text-align: center !important;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a {
	font-family: 'Work Sans', sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 18px 8px;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a:hover {
	color: #88c6df;
}
.nav .primary-nav .contact-us-page a {
	border: 1px solid #f1a746;
	padding: 6px !important;
    margin-left: 200px;
}
.nav .primary-nav .page-link-client-access a {
	border: 1px solid #f1a746;
	padding: 6px 27px !important;
    margin-left: 30px;
}
.nav .primary-nav .page-link-client-access .nav-subnav {
	top: 39px !important;
}
.nav .primary-nav .page-link-client-access .nav-subnav a {
	border: none;
	margin-left: 0;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav {
    background: rgba(3,8,23,.75);
	top: 50px;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a {
	font-family: 'Work Sans', sans-serif;
    color: #c7c8ca;
	font-size: 14px;
	text-transform: uppercase;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a:hover {
    color: #88c6df;
}
.nav .primary-nav .page-link-client-access .nav-subnav p.account-access-header {
	margin: 0 !important;
	padding: 0;
}
.nav .primary-nav .page-link-client-access .nav-subnav a {
	padding: 5px 0 !important;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a.active {
	color: #88c6df;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a.active {
	color: #88c6df;
}
.investor-access-remember-me-label {
    font-family: 'Work Sans', sans-serif;
    color: #c7c8ca;
    font-size: 14px;
    text-transform: uppercase;
}
.account-access-header {
    display: none;
}
/*
==============================================
Header
==============================================
*/
.header-container {
    position: relative;
    z-index: 100;
    cursor: pointer;
	animation-delay: .5s;
}
.header-container .ftr-logo-wrapper {
	padding: 20px 0;
}


/*
==============================================
Billboard - Home
==============================================
*/

.billboard-container {
	height: 948px;
	max-height: 948px;
    background-size: cover;
    background-position: center center;
    max-width: none;
    background-repeat: no-repeat;
    background-color: #243251;
}
.billboard-content-wrapper {
    position: relative;
    z-index: 1;
	width: fit-content;
	min-height: -webkit-fill-available;
}
/*.billboard-heading-wrapper {
	margin-top: -240px;
}*/
.billboard-heading h1 {
	text-align: left;
}
.billboard-heading-wrapper {
    padding: 25px 0;
}

/*
==============================================
Home subhead section
==============================================
*/
.home-subhead-section {
	background: #fff;
}
.home-subhead-container {
	padding: 140px 15px 50px;
	text-align: center;
	position: relative;
}
.home-subhead-container h2 {
	padding-bottom: 40px;
}
.home-subhead-container:after {
	content:'';
	background: url(https://raymondjames.com/-/media/rj/advisor-sites/sites/k/a/kaminski/images/kaminsky-icon.png) no-repeat;
	height: 37px;
	width: 41px;
	margin: 0px auto -70px;
	display: block;
	animation: zoomIn;
	animation-fill-mode: forwards;
	animation-duration: .5s;
}

/*
==============================================
Home content section
==============================================
*/
.home-content-section {
	background: #efefef;
}
.home-content-container {
	padding: 70px 240px 170px;
	text-align: center;
}
.home-content-container p {
	font-family: 'Work Sans', sans-serif;
	color: #58595b;
	font-size: 22px;
	line-height: 32px;
}

/*
==============================================
Home - Callouts
==============================================
*/
.callouts-section {
	background-size: cover;
	background-position: center center;
	height: 640px;
}
.callouts-container, .callouts-mobile-slider {
	background: none;
	padding: 0;
	margin: 0;
}
.callouts-content .callouts-container .callout-item, .callouts-content .callouts-mobile-slider .callout-item {
	background: transparent;
    text-align: center;
	background-position-x: -20px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}





.callouts-container .callout-item {
	margin: 0;
}
.callouts-content .callouts-container .callout-item .callout-categories-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-categories-wrapper {
	border-top: none;
}
.callouts-content .callouts-container .callout-item .callout-heading-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-heading-wrapper {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	margin-top: 265px;
	height: 100px !important;
	position: relative;
}
.callouts-container .callout-item .callout-heading-wrapper .callout-heading {
    font-family: 'Josefin Sans', sans-serif;
	font-size: 33px;
	line-height: 33px;
	color: #00b8ff;
	font-weight: 100;
	text-transform: uppercase;
}
.callouts-content .callout-heading-wrapper h3 span {
	display: block;
}
.callouts-content .callouts-container .callout-item .callout-copy-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-copy-wrapper {
	opacity: 0;
	font-family: 'Work Sans', sans-serif;
	color: #fff;
    margin-top: 20px;
	padding: 0 50px;
	height: 120px !important;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.callouts-content .callouts-container .callout-item .callout-copy-wrapper p, .callouts-content .callouts-mobile-slider .callout-item .callout-copy-wrapper p {
	color: #fff;
}
.callouts-content .callouts-container .callout-item .callout-copy-wrapper p, .callouts-content .callouts-mobile-slider .callout-item .callout-copy-wrapper p {
	font-size: 16px;
	line-height: 26px;
}
.callouts-content .callouts-container .callout-item .callout-cta-wrapper button, .callouts-content .callouts-mobile-slider .callout-item .callout-cta-wrapper button {
	font-family: 'Josefin Sans', sans-serif;
	color: #e56d31;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 2px;
	padding: 0px;
    position: relative;
	background: none;
	border: none;
}
.callouts-content .callouts-container .callout-item .callout-cta-wrapper button:before, .callouts-content .callouts-mobile-slider .callout-item .callout-cta-wrapper button:before {
	content:'\f078';
	font-family: FontAwesome;
	color: #e56d31;
    font-size: 20px;
    display: block;
    padding-bottom: 10px;
}
.callouts-content .callouts-container .callout-item .callout-cta-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-cta-wrapper {
    height: 50px !important;
    margin-bottom: 90px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/*.callouts-content .callout-item:hover > .callout-copy-wrapper {
	opacity: 1;
}
.callouts-content:hover > .callout-cta-wrapper {
	opacity: 1;
}*/

.callouts-content .callout-item:hover {
	background: url(https://raymondjames.com/-/media/rj/advisor-sites/sites/k/a/kaminski/images/callout-rollover.png) no-repeat; background-position-x: -20px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.callouts-content .callout-item:hover .callout-copy-wrapper {
	opacity: 1;
}
.callouts-content .callout-item:hover .callout-cta-wrapper {
	opacity: 1;
}
.callouts-content .callout-item:hover .callout-heading-wrapper {
	margin-top: 175px;
}

.callout-2-title {
	animation-delay: .5s;
}
.callout-3-title {
	animation-delay: 1s;
}


/*
==============================================
Home - Bio callout
==============================================
*/
.home-bio-section {
	background-size: cover;
    background-position: center center;
}
.home-bio-container {
	padding: 150px 0 100px;
}
.home-bio-container .image-container img {
	width: 350px;
	height: 350px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.home-bio-photo {
    text-align: right;
    padding-right: 30px;
}
.home-bio-line {
	background: #00b8ff;
    width: 1px;
    height: 200px;
    font-size: 1px;
    margin: 70px auto 0;
    padding: 0;
}
.home-bio-callout {

    margin-top: 70px;
}
.home-bio-callout .callouts-version-1 {
	grid-template-columns: repeat(1, 1fr);
}
.home-bio-callout .callouts-container .callout-item, .home-bio-callout .callouts-mobile-slider .callout-item {
	background: none;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.home-bio-callout .callout-heading-wrapper h3 {
    font-family: 'Josefin Sans', sans-serif;
	font-size: 35px;
	color: #00b8ff;
	font-weight: 100;
	text-transform: uppercase;
}
.home-bio-callout .callout-copy-wrapper {
	height: auto !important;
	margin-top: 10px;
}
.home-bio-callout .callouts-container .callout-item .callout-heading-wrapper, .home-bio-callout .callouts-mobile-slider .callout-item .callout-heading-wrapper {
	height: auto !important;
    padding-top: 10px !important;
}
.home-bio-callout .callouts-container .callout-item .callout-cta-wrapper button, .home-bio-callout .callouts-mobile-slider .callout-item .callout-cta-wrapper button {
	font-family: 'Josefin Sans', sans-serif;
	color: #e56d31;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 2px;
	padding-left: 0px;
    position: relative;
	background: none;
	border: none;
}
.home-bio-callout .callouts-container .callout-item .callout-cta-wrapper button:before, .home-bio-callout .callouts-mobile-slider .callout-item .callout-cta-wrapper button:before {
	content:'\f054';
	font-family: FontAwesome;
	color: #e56d31;
    font-size: 20px;
}

.home-bio-callout .callouts-container .callout-item .callout-cta {
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.home-bio-callout .callouts-container .callout-item:hover .callout-cta, .home-bio-callout .callouts-mobile-slider .callout-item:hover .callout-cta {
    padding: 10px;
    color: #e56d31;
    margin-left: 5px;
    border: none;
    background: none;
}
.home-bio-callout .callouts-container .callout-item .callout-cta-wrapper, .home-bio-callout .callouts-mobile-slider .callout-item .callout-cta-wrapper {
	margin-bottom: 0px;
	padding: 0px 20px;
	height: auto;
}
.home-bio-callout .callouts-container .callout-item .callout-copy-wrapper p, .home-bio-callout .callouts-mobile-slider .callout-item .callout-copy-wrapper p {
	margin-bottom: 0px !important;
	font-family: 'Work Sans', sans-serif;
	font-size: 17px;
    color: #58595b;
}
.home-bio-callout .callouts-container .callout-item .callout-categories-wrapper, .home-bio-callout .callouts-mobile-slider .callout-item .callout-categories-wrapper {
    display: none;
}


/*
==============================================
Interior - Our Team
==============================================
*/



/****** bios *******/

.bio-detail-container {
	padding-bottom: 0px;	  
}


/*
==============================================
Quotes
==============================================
*/
.interior-quote-section {
	background-size: cover;
}

.interior-gray-row {
	background-size: cover;
	height: 100px;
}
.quote-wrapper {
	text-align: right;
    padding: 150px 280px;
}
.quote-wrapper .quote-hr {
	display: none;
}
blockquote {
	font-family: 'Josefin Sans', sans-serif;
	color: #72d0f4;
	font-size: 40px;
	font-weight: 100;
	text-transform: uppercase;
	position: relative;
}
blockquote span {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 20px;
	text-transform: none;
	padding-left: 100px;
	display: block;
}
.quote blockquote:before {
    content: "“";
    font-family: 'Work Sans', sans-serif;
    font-size: 100px;
    color: #72d0f4;
    position: relative;
    top: 17px;
    animation-delay: 1s;
    animation-duration: 1s;
}
.quote blockquote::after {
    content: "”";
    font-family: 'Work Sans', sans-serif;
    font-size: 100px;
    color:  #72d0f4;
    position: absolute;
    bottom: -80px;
    right: -50px;
    animation-delay: 1s;
    animation-duration: 1s;
}
.quote-wrapper .quote-cite {
	color: #72d0f4;
	padding-top: 20px;
}
.quote-wrapper .quote-cite p {
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
	color: #72d0f4;
}

/*
==============================================
Interior page
==============================================
*/
.interior .billboard-container {
    height: 630px;
    background-size: cover;
    background-position: center center;
    max-width: none;
}

.interior-content-section {
	background: #fff;
}
.interior-content-container {
	padding: 70px 200px !important;
}



/*
==============================================
Landing page
==============================================
*/

.body-landing .intro-contact-content .ftr-nap-phone,
.body-landing .intro-contact-content .ftr-nap a,
.body-landing .intro-contact-content .ftr-nap-link {
	color: #104c6e;

}

.body-landing .intro-contact-content .ftr-nap a:hover,
.body-landing .intro-contact-content .ftr-nap-phone:hover,
.body-landing .intro-contact-content .ftr-nap-link:hover  {
	color: #6ec8e5
}

.body-landing .intro-contact-content .ftr-nap-address-line1, 
.body-landing .intro-contact-content .ftr-nap-address-line2 { 
	margin-bottom: 10px;	
	border: none;
}

.body-landing .intro-contact-content .ftr-nap-address-line1 {
	display: inline-block;
	border-right: 1px solid #6ec8e5;
}

.body-landing .intro-contact-content .ftr-nap-address-csz {
	display: block;
}

.body-landing .intro-contact-content div.ftr-nap-wrapper:nth-child(3) {
	padding-left: 20px;
}

.body-landing .intro-contact-content .ftr-nap a {
	color: #104c6e;
}

.body-landing .intro-contact-content .ftr-nap-map-directions {
	padding-left: 30px !important;
	padding-top: 10px;
}

.body-landing.interior #main-content {
	margin-top: 0;
}

.body-landing .main-content > div {
	background: none;
}

.body-landing .header-section {
	background-image: url(/-/media/rj/advisor-sites/sites/k/a/kaminskiwm/images/resourcenav.jpg);
	border-bottom: 5px solid #66ddfb;
}

.body-landing .footer-section .ftr-nap-link {
	color: #ffffff;
}

.body-landing .ftr-nap a:hover {
	color: #6ec8e5;
}
.body-landing .footer-section {
	border-top: none;
	margin-top: 30px;
}

.body-landing .intro-content h1 {
	text-shadow: 0 0 black;
}

.body-landing .intro-content h1,
.body-landing .second-section h3,
.body-landing .second-section h3 {
	font-family: 'Josefin Sans', sans-serif;
}
.body-landing .connect-content h2:before {
	background: #104c6e
}
.body-landing .yearbook-name-wrapper .yearbook-first-name, 
.body-landing .yearbook-name-wrapper .yearbook-last-name {
	font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
}
.body-landing .simple-form input[type="submit"] {
	padding: 10px 20px;
    border-radius: 0;
    background: #21375c;
    color: white;
    border: 1px solid #21375c;
    box-shadow: none;
    transition: all 300ms ease;
}
.body-landing .connect-content .head-1 {
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
}

.body-landing .simple-form input[type="submit"]:hover {
	background: white;
    color: #21375c;
    border: 1px solid #21375c;
}
.body-landing .intro-contact-content button {
	background: #21375c;
	color: white;
    border: 1px solid #21375c;
    box-shadow: none;
    transition: all 300ms ease;
}

.body-landing .intro-contact-content button:hover {
	background: white;
    color: #21375c;
    border: 1px solid #21375c;
}
.body-landing .intro-contact-content button:hover a {
	color: #21375c;
}

.body-landing .intro-contact-content .office-intro-section h2 {
	font-size: 23px;
}

.body-landing .yearbook-three .yearbook-links .fa {
	color: #21375c;
}

.body-landing .yearbook-three .yearbook-links .fa:hover {
	color: #000;
}

.body-landing .connect-content {
	margin-top: 0;
}

.body-landing .yearbook-three a:hover .yearbook-headshot-wrapper:after,
.body-landing .yearbook-headshot-wrapper:after  {
    background: transparent;
}

.body-landing .yearbook-three .yearbook-title {
	width: auto;
}

.body-landing .yearbook-three .yearbook-designation-wrapper span.yearbook-title:nth-of-type(3) {
	display: none;
}

@media screen\0 {
	.body-landing.interior #main-content {
		margin-top: 0 !important;
	}
}
@media only screen and (max-width: 480px) { 
	.body-landing .intro-contact-content div.ftr-nap-wrapper:nth-child(3) {
		padding-left: 0;
	}
	.body-landing .intro-contact-content .ftr-nap-map-directions {
	    padding-left: 20px !important;
	}
	.body-landing .intro-contact-content .ftr-nap-address-line1 {
		border-right: none;
	}

}


/*
==============================================
Resources - Masonry Grid
==============================================
*/




/****** Newsletter tables ******/
.wmsTbl {width:100%; border:1px solid #e5e5e5; padding:4px;}
.wmsTbl th {font-family:verdana; font-size: 11px; text-align: left !important; background: #D3D3D3; color: #676767 !important; text-transform:uppercase; }
.wmsTbl td {font-family:verdana; font-size: 11px; padding:4px; }
.wmsTbl tr.tblon td {background: rgba(255,255,255,0.3); padding:10px;}
.wmsTbl tr.tbloff td {background: rgba(234, 234, 234, 0.5); padding:10px;}




/*
==============================================
Home Section 2 Body Copy
==============================================
*/

/*
==============================================
Contact
==============================================
*/
.contact-main {
	background-size: cover;
	background-position: center center;
	height: 60px;
}
.ftr-cta-wrapper {
	margin: 0;
}
.ftr-cta-wrapper h3 {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 35px;
	font-weight: 100;
	text-transform: uppercase;
	text-align: center;
}
.ftr-cta-wrapper a h3  {
	color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.ftr-cta-wrapper a:hover h3  {
	color: #000;
}
.ftr-cta {
	border: none;
	color: #fff;
}
.ftr-cta:hover {
    border: none;
	color: #000 !important;
}
/*
==============================================
Footer
==============================================
*/
.footer-main {
	background: #23324c;
}
.ftr-logo {
	max-width: 220px;
}
.footer-logo-container {
	padding-top: 50px;

}
.footer-logo-container .ftr-logo-wrapper {
	padding-bottom: 20px;
}
.footer-contact, .footer-social, .footer-disclaimer {
	text-align: center;
}
.footer-logo-line {
	background: #6dc8e5;
	height: 1px;
}


.ftr-disclosures p {
	font-family: 'Raleway', sans-serif;
    font-size: 11px;
	line-height: 13px;
	color: #fff;
}
.ftr-nap-address {
	color: #fff;
    display: block !important;
    margin-bottom: 5px;
}
.ftr-nap-address-line1, .ftr-nap-address-line2 {
    border-right: 1px solid #6ec8e5;
    padding: 0 10px;
}
.ftr-nap-address-csz {
    padding: 0 10px;
}
.ftr-disclosures-wrapper {
	padding-bottom: 0;
}
.ftr-nap {
	padding-top: 10px;
}
.ftr-nap p {
	font-family: 'Work Sans', sans-serif;
	color: #fff;
	font-size: 17px;
	line-height: 17px;
    margin: 10px 0 0 0 !important;
    display: inline-block;
}
.ftr-nap li {
    padding: 5px 0 5px 0;
	font-size: 17px;
	line-height: 17px;
    display: inline-block;
}
.ftr-nap a {
	color: #fff;
}
.ftr-nap a:hover {
	color: #6ec8e5;
}
.ftr-nap-phone {
	color: #fff;
    border-right: 1px solid #6ec8e5;
    padding: 5px 10px !important;
}
.ftr-nap-phone:nth-child(4) {
	border-right: none;
}
.ftr-nap-map-directions {
	text-transform: uppercase;
    padding: 0 10px !important;
    display: block !important;
    margin-top: 10px;
}
.ftr-nap-map-directions.hidden-md.hidden-lg {
	display: none !important;
}
.ftr-nap .ftr-nap-phone:before, .ftr-nap .ftr-nap-map-directions:before {
	display: none;
}
.social-container .fa {
	color: #6ec8e5;
}
.social-container .fa.fa-linkedin {
	border-right: 1px solid #6ec8e5;
    border-left: 1px solid #6ec8e5;	
}
.ftr-disclaimers-wrapper {
	padding: 0 20px 20px;
}
.ftr-disclaimers-wrapper a {
	color: #fff;
}
.ftr-disclaimers-wrapper a:hover {
	color: #6ec8e5;
}
.ftr-disclaimers p {
    font-family: 'Raleway', sans-serif;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
}

.footer-section .ftr-disclosures {
    margin: 30px 30px 60px;
}

/*
==============================================
Maps & Directions
==============================================
*/
.directions-search .submit-search {
    padding: 10px;
    background: none;
    color: #F1A745;
    border: 1px solid #F1A745;
    text-transform: uppercase;
}



/*
==============================================
 Behavioral Finance
==============================================
*/

.bh-page .disclosure {
    font-size: 13px;
    display: block;
    margin: 25px 0;
    font-style: italic;
}

.bh-blockquote {
    width: 75%;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
    font-size: 25px;
    padding-bottom: 50px;
}
.bh-lead-image {
    width: 100%;
    height: 100%;
    border: 1px solid #c9c9c9;
    padding: 3px;
    margin-top: 40px;
}
.bh-h1 {
    font-family: 'Josefin Sans', sans-serif;
    color: #88c6ce;
    font-size: 25px;
    line-height: 55px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 20px 0;
    text-shadow: none;
}
.bh-intro {
    padding: 0;
}
.bh-page .interior-content-container ul li {
    line-height: 2em !important;
}
.bh-video {
    margin-top: 45px;
}
.bh-page .interior-content-container {
    padding: 0px 100px;
}
.bh-page h1{
    color: #88c6ce;
    text-shadow: none;
}
.bh-page .video-container {
    width: 50%;
    margin: 20px auto;
    padding-bottom: 29%;
}
.bh-page .accord-container {
    margin: 0 auto;
    width: 85%;
}
@media only screen and (max-width: 420px) {
 .bh-page .interior-content-container  {
	padding: 100px 30px;
   }
 .bh-lead-image {
    margin-top: -40px;
   }
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:hover > .nav-subnav-second {
    background: rgba(3,8,23,.75);
}


/*
==============================================
Responsive Meia Queries GOOD
==============================================
*/

/* Touch devices only */
@media (pointer:coarse) {


}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {


}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
  and (min-device-width: 1366px)
  and (max-device-width: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
	.callouts-section {
		height: 550px;
	}	
	.callouts-content .callouts-container .callout-item .callout-copy-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-copy-wrapper {
		opacity: 1;
		margin-top: 50px;
		padding: 0 30px;
	}
	.callouts-content .callouts-container .callout-item .callout-cta-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-cta-wrapper {
		opacity: 1;
		margin-bottom: 0px;
	}
	.callouts-content .callouts-container .callout-item .callout-heading-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-heading-wrapper	{
		margin-top: 100px;
	}
	.callouts-container {
		grid-template-columns: repeat(3, 200px);
	}
	.callouts-container .callout-item {
		width: auto;
	}
	.callouts-container {
		grid-template-columns: repeat(3, 370px);
	}	  
}

/* Large devices (tablet landscape, 1199px and less) tablet-l */
@media only screen and (max-width: 1199px) {
.nav .primary-nav .contact-us-page a {
    margin-left: 0px;
}

}


/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
	.nav .primary-nav .contact-us-page a {
		margin-left: 0px;
	}
	.home-content-container {
		padding: 70px 60px 170px;
	}
	.callouts-section {
		height: 550px;
	}	
	.callouts-content .callouts-container .callout-item .callout-copy-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-copy-wrapper {
		opacity: 1;
		margin-top: 50px;
		padding: 0 30px;
	}
	.callouts-content .callouts-container .callout-item .callout-cta-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-cta-wrapper {
		opacity: 1;
		margin-bottom: 0px;
	}
	.callouts-content .callouts-container .callout-item .callout-heading-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-heading-wrapper	{
		margin-top: 100px;
	}
	.callouts-container {
		grid-template-columns: repeat(3, 200px);
	}
	.callouts-container .callout-item {
		width: calc(30% - -11px);
	}
	.home-bio-callout .callouts-container .callout-item, .home-bio-callout .callouts-mobile-slider .callout-item {
		width: auto!important;
	}
	.home-bio-callout {
		width: 490px;
	}
	.callouts-content .callout-item:hover {
		background: none;
	}
	.quote-wrapper {
		padding: 150px;
	}
	.interior-content-container {
		padding: 100px 30px !important;
	}


}


/* Large devices (desktops, 992px and less) */
@media only screen and (max-width: 992px) {}


/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
	.nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper {
		z-index: 9999999999999;
	}
	.nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper .nav-trigger span, .nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper .nav-trigger span:before, .nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper .nav-trigger span:after {
		background: #cacaca;
	}
	.nav .primary-nav .contact-us-page a {
		border: none;
	}
	.nav .primary-nav .page-link-client-access a {
		border: none;
		margin-left: 0px;
	}
	.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a {
		padding: 10px 10px 10px 15px;
	}
	.header-section .ftr-logo-wrapper {
		width: 220px;
	}
	.callouts-section {
		height: 550px;
	}	
	.callouts-content .callouts-container .callout-item .callout-heading-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-heading-wrapper {
		margin-top: 50px;
		padding: 0;
	}
	.callouts-content .callout-heading-wrapper h3 span {
		display: inline;
	}
	.callouts-container .callout-item {
		width: calc(30% - -24px);
	}
	.callouts-content .callouts-container .callout-item .callout-copy-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-copy-wrapper {
		margin-top: 50px;
		padding: 30px;
	}
	.callouts-content .callouts-container .callout-item .callout-cta-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-cta-wrapper {
		margin-top: 100px;
	}	
	.home-bio-line {
		width: 200px;
		height: 1px;
	}
	.home-bio-callout {
		width: auto;
	}
	.home-bio-photo {
		padding: 0px;
		text-align: center;
	}
	.nav-overall-wrapper:not(.van-mobile-nav) .nav {
		background: none;
	}
	.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav {
		top: 0px;
		background: none !important;
	}
	.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a {
		text-align: left;
	}
	.home-content-container {
		padding: 70px 30px 100px;
	}
	.nav-overall-wrapper:not(.van-mobile-nav) {
		top: -126px;
		background: none;
	}
	.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav {
		background: rgb(30, 50, 76,.9);
	}
	.has-children-arrow-wrapper i {
		color: #fff;
	}
	.address-group-name-wrapper {
		display: none;
	}
	.address-phone-wrapper {
		color: #fff;
	}
	.address-phone-wrapper .phone-1, .address-phone-wrapper .address-1, .address-phone-wrapper .address-2 {
    display: block;
    padding: 5px 0;
	}
	.nav-address-wrapper a {
		color: #fff;
	}
	.nav .primary-nav .page-link-client-access .nav-subnav {
		top: 0px !important;
	}
	.mobile-filter-button {
		background: none;
		border: 1px solid #5c5d65;
		display: block;
		color: #5c5d65;
		text-transform: uppercase;
	}	
	.nav .primary-nav .page-link-client-access a {
		padding: 6px !important;
	}
	.interior-content-section {
		background: #fff;
		padding: 0;
	}	
	.bio-main .bio-detail-headshot-wrapper img {
		margin: 0 auto;
	}
	.bio-content-name, .bio-content-social {
		text-align: center !important;
	}
	.billboard-content-wrapper .container {
		max-width: calc(100% - 90px);
	}
	.filter-name {
		padding: 10px;
	}
	.nav .primary-nav .contact-us-page a, .nav .primary-nav .page-link-client-access a {
    padding: 10px 10px 10px 15px !important;
	}


}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
	.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 34px !important;
		line-height: 34px !important;
		color: #00b8ff !important;
		font-weight: 100;
		text-transform: uppercase !important;
	}
	.callouts-content .callouts-mobile-slider .callout-item .callout-heading-wrapper {
		height: auto !important;
	}
	.callouts-section {
		height: 450px;
	}
	.billboard-heading h1 {
		font-size: 42px;
		line-height: 42px;
	}	
	h1 .head-1 {
		display: inline;
	}	
	h1 .head-2 {
		display: inline;
	}		

	.billboard-content-wrapper {
		min-height: -webkit-fill-available;
	}
	.slick-prev {
		left: 0px;
	}
	.slick-next {
		right: 0px;
	}
	h2 .subhead-1, h2 .subhead-2 {
		display: inline;
	}
	.quote-wrapper {
		padding: 30px 60px 30px 0 !important;
	}
	.home-bio-callout {
		margin-top: 40px;
	}	
	.home-bio-line {
    	margin: 40px auto 0;
	}
	.callouts-content .callouts-mobile-slider .callout-item .callout-cta-wrapper {
		height: auto !important;	
	}	
	.callouts-content .callouts-container .callout-item .callout-copy-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-copy-wrapper {
		padding: 0 30px;
	}	
	.callouts-content .callouts-mobile-slider .callout-item .callout-cta-wrapper {
    margin-top: 0px;
	}
	.ftr-nap-address-line1, .ftr-nap-address-line2, .ftr-nap-address-csz, .ftr-nap-phone, .ftr-nap li {
		display: block;
	}
	.ftr-nap-address-line1, .ftr-nap-address-line2, .ftr-nap-address-csz {
		padding: 0 0 5px;
	}
	.ftr-nap-address-line1, .ftr-nap-address-line2, .ftr-nap-phone {
		border-right: none;
	}

}


/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */

@media only screen and (min-width: 414px) and (max-width: 767px) and (orientation: landscape) {
	.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 34px !important;
		line-height: 34px !important;
		color: #00b8ff !important;
		font-weight: 100;
		text-transform: uppercase !important;

	}
	.callouts-content .callouts-mobile-slider .callout-item .callout-heading-wrapper {
		height: auto !important;
	}
	.callouts-section {
		height: 400px;
	}
	.billboard-container {
		height: 668px;
	}

	.billboard-content-wrapper {
		min-height: -webkit-fill-available;
	}
	.slick-prev {
		left: 0px;
	}
	.slick-next {
		right: 0px;
	}
	.quote-wrapper {
		padding: 30px 60px 30px 0 !important;
	}
	.home-bio-callout {
		margin-top: 40px;
	}
	.home-bio-line {
    	margin: 40px auto 0;
	}	
	.callouts-content .callouts-mobile-slider .callout-item .callout-cta-wrapper {
		height: auto !important;	
	}
	.callouts-content .callouts-container .callout-item .callout-copy-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-copy-wrapper {
		padding: 0 30px;
	}	
	.callouts-content .callouts-mobile-slider .callout-item .callout-cta-wrapper {
    margin-top: 0px;
	}
	.callouts-content .callouts-container .callout-item .callout-copy-wrapper, .callouts-content .callouts-mobile-slider .callout-item .callout-copy-wrapper {
    height: 50px !important;
	}
	.home-bio-container .image-container img {
    width: 300px;
    height: 300px;
	}
}


/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	.billboard-container {
		height: 668px;
	}
	.billboard-heading h1 {
		font-size: 42px;
		line-height: 42px;
	}
	.billboard-heading-wrapper {
		margin-top: 0px;
	}
	.bio-detail-headshot-wrapper img {
		width: 280px;
		height: 280px;
	}
	.home-bio-container .image-container img {
    width: 280px;
    height: 280px;
	  }
}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {

}

/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3) {
	.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 34px !important;
		line-height: 34px !important;
		color: #00b8ff !important;
		font-weight: 100;
		text-transform: uppercase !important;
	}
	.callouts-content .callouts-mobile-slider .callout-item .callout-heading-wrapper {
		height: auto !important;
	}
	.billboard-container {
		height: 668px;
	}

	.billboard-content-wrapper {
		min-height: -webkit-fill-available;
	}
	.slick-prev {
		left: 0px;
	}
	.slick-next {
		right: 0px;
	}
}

/* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {

}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
	.main-content {
		margin-top: -223px;
	}
	.billboard-container {
		height: 668px;
		max-height: 668px;
	}

	.billboard-content-wrapper {
		min-height: -webkit-fill-available;
	}
	.slick-prev {
		left: 0px;
	}
	.slick-next {
		right: 0px;
	}
	.callouts-container .callout-item {
		width: calc(30% - -4px);
	}
	.home-bio-line {
		width: 200px;
		height: 1px;
	}
	.home-bio-photo {
		padding: 0px;
		text-align: center;
	}

}

@media screen\0 {
	.main-content {
		margin-top: -254px !important;
	}
	.header-container .ftr-logo-wrapper {
		padding: 0;
	}
	.billboard-heading-wrapper {
		margin-top: 350px;
	}
	.callouts-content .callout-item:hover {
		margin-top: 0px;
	}
	.callouts-section .callouts-container .callout-item, .callouts-mobile-slider .callout-item {
		height: 640px;
	}
	.home-bio-callout .callouts-container .callout-item, .home-bio-callout .callouts-mobile-slider .callout-item {
		width: calc(500px - 20px);
	}
}

/*********** John's Styles ***********/

/*********** Interior Callouts (John's Styles) - NOT USED

.interior .callouts-container {
	margin: 0 auto;
	max-width: 670px;
	padding: 50px;
}

.interior .callouts-container .callout-item {
	background: transparent;
}

.interior .callouts-container .callout-item .callout-cta-wrapper {
    padding: 0px;
    margin: 0px;
}

.interior .callouts-container .callout-item .callout-cta-wrapper button {
	font-size: 16px;
	line-height: 1.2em;
	border: none;
}

.interior .callouts-container .callout-item:hover .callout-cta, .callouts-mobile-slider .callout-item:hover .callout-cta {
	color: #ed6f23;
    border: none;
    background: none;
}

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

.wow {
	visibility: hidden;
}

.interior .accord .accord-link-content {
	background: transparent;
}

.interior .interior-content-container ul li {
    line-height: 1.5em;
    list-style-type: disc;
	color: #5c5d65;
    margin-left: 30px;	
}

.kalturavideo {
	display: block;
	margin: 0 auto;
	min-height: 400px;
}

@media only screen and (max-width: 768px) {
	.kalturavideo {
		min-height: 350px;
	}
	.quote-wrapper {
	    padding: 30px;

	}
	.quote-wrapper blockquote {
		font-size: 28px;
	}
	
}

@media only screen and (max-width: 660px) {
	.kalturavideo {
		min-height: 260px;
	}
}

.disclaimer {
	font-style: italic;
	font-size: 11px;
	line-height: 13px;
}

/********* Accordion Styles **********/

.accord {
    margin: 0 0 20px;
}
.accord .fa {
	color: #00b0f4;
}
.accord li.open .fa {
	color: #e56d31;
}

.accord .accord-link, .accord .accord-inner-link, .accord li:last-child .accord-link {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    color: #00b0f4;
    font-weight: 300;
    text-transform: uppercase;
    padding: 14px 15px 15px 0px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.accord .accord-link:hover, .accord .accord-inner-link:hover {
	color: #e56d31;
}
.accord li.open .accord-link, .accord li.open .accord-inner-link {
	color: #e56d31;
}

.interior .interior-content-container ul.accord li {
    line-height: 1.5em;
    list-style-type: none;
    margin-left: 0;
}

/********* Resource and Masonry Styles *********/

.resourcenav, .resourcenav .billboard-container, .bionav, .bionav .billboard-container  {
	height: 187px;
	max-height: 187px;
}

.resource-main .interior-content-container {
	padding: 10px 0px 60px 0px !important;
	max-width: 1170px;
}

.masonry-container {
    background: none;
    padding: 30px 0px;
}

.masonry-title {
	font-family: 'Josefin Sans', sans-serif;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    padding-top: 50px;
    margin-bottom: 0px !important;
    text-transform: none;
}

.masonry-two-by-one .masonry-cta, .masonry-one-by-two .masonry-cta {
    color: #ffffff !important;
}

.masonry-copy {
    padding: 0px 35px !important;
}

.masonry-category {
    color: #ffffff;
    padding: 0px 20px;
    text-transform: uppercase;
}

.masonry-one-by-one {
    background: #55b3d0;
    color: #FFFFFF;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry-one-by-one:hover {
    background: #ce851b;
    color: #ffffff !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry-two-by-one {
    background: #21304C;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry-two-by-one:hover {
    background: #1e4389;
    color: #ffffff !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry-two-by-one .masonry-img-container:after {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #21304C;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry-two-by-one:hover .masonry-img-container:after {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #1e4389;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry-one-by-two .masonry-copy:after {
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #21304C;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry-one-by-two:hover .masonry-copy:after {
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #1e4389;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry-one-by-two {
    background: #21304C;
    color: #ffffff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry-one-by-two:hover {
    background: #1e4389;
    color: #ffffff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry-two-by-two {
    background: #21304C;
    color: #ffffff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry-two-by-two:hover {
    background: #1e4389;
    color: #ffffff !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry-two-by-two .masonry-img {
    opacity: .3;
}

.masonry-cta-container button {
    color: #ffffff !important;
    padding: 0px 20px !important;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 15px !important;
    line-height: 25px !important;
}

.masonry-load-more, .masonry-tertiary-load-more {
    background: none;
    border: none;
    color: #21304C;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
}

.masonry-load-more:hover, .masonry-tertiary-load-more:hover {
    background: none;
    color: #88c6df;
    border: none;
}

#filterbar {
    margin: 50px 100px 0px;
}

.filter {
    min-width: 160px;
    background: none;
    border: none;
	list-style-type: none !important;	
}
.filter-body-link-wrapper {
	list-style-type: none !important;
}

.filter-name, .filter a, .filter-reset {
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 14px;
    color: #21304C;
    background: none;
    border: none;
}

.filter .filter-body-link-wrapper a {
	background: white;
	border-top: 0;
	border-right: 1px solid darkgray;
    border-left: 1px solid darkgray;
    border-top: 1px solid darkgray;
}

.filter-name:hover, .filter a:hover, .filter-reset:hover {
    background: none;
    border: none;
    color: #88c6df;
}

.filter .filter-body-link-wrapper a:hover {
	background: white;
	border-top: 0;
	border-right: 1px solid darkgray;
    border-left: 1px solid darkgray;
    border-top: 1px solid darkgray;
}

.resource-detail-heading {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	padding: 10px 0px;
}

.resource-detail-info-share-wrapper {
	font-family: 'Josefin Sans', sans-serif;
}
.resource-detail-copy-wrapper blockquote {
    font-family: 'Lato', sans-serif;
	font-size: 16px;
    color: #5c5d65;
	text-transform: none;
	margin: 60px auto 50px;
	max-width: 620px;
	padding: 0 15px;
    border-left: 2px solid #88c6df;
    border-right: 2px solid #88c6df;
	text-align: center;
}


.resource-detail-copy-wrapper a {
	color: #00b0f4;
}
.resource-detail-copy-wrapper a:hover {
	    color: #e56d31;
}
.resource-detail-content-wrapper {
    padding: 0px 0px 80px 0px;
}

.resource-detail-info-wrapper a {
    color: #5c5d65;
}
.fa-share-alt {
    color: #5c5d65 !important;
}
.resource-detail-info-wrapper a:hover {
    color: #88c6df !important;
}
.social-media-share-wrapper span a:hover {
    color: #fff !important;
}
.resource-detail-info-divider, .blog-landing-info-divider {
    color: #f1a746;
}
.social-media-share-link {
	color: #5c5d65 !important;
}
.social-media-share-link:hover > .fa-share-alt:before {
    color: #88c6df;
}
.social-media-share-wrapper span {
    background-color: #88c6df;
}
.social-media-share-wrapper span:before {
    border-bottom: 10px solid #88c6df;
}
.blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a, .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a {
    color: #104c6e;
}


/******* Prev/Next Button Styles - Blog/Resource/Bio *******/

.blog-detail-previous-link-wrapper, .resource-detail-previous-link-wrapper, .bio-detail-previous-link-wrapper {
	top: 10% !important;
	text-align: left;
	opacity: 0;
}

.blog-detail-next-link-wrapper, .resource-detail-next-link-wrapper, .bio-detail-next-link-wrapper {
	top: 10% !important;
	text-align: right;
	opacity: 0;
}

.blog-detail-prev, .blog-detail-next, .resource-detail-prev, .resource-detail-next, .bio-detail-prev, .bio-detail-next {
	color: #0a3463;
    font-weight: 300;
    font-size: 14px;
	line-height: 14px;
}

.blog-detail-prev-resource, .blog-detail-next-resource, .resource-detail-prev-resource, .resource-detail-next-resource, .bio-detail-prev-bio, .bio-detail-next-bio {
	color: #0a3463;
	font-size: 14px;
	line-height: 14px;
}

.blog-detail-next-wrapper, .resource-detail-next-wrapper, .bio-detail-next-wrapper {
	margin: 7px 0px 0 0 !important;
	padding: 10px !important;
	display: inline-block !important;
}

.blog-detail-prev-wrapper, .resource-detail-prev-wrapper, .bio-detail-prev-wrapper {
    background: transparent;
    margin: 7px 0 0 25px;
    padding: 10px !important;
}

.blog-detail-next-arrow, .resource-detail-next-arrow, .bio-detail-next-arrow {
	position: relative;
    top: 3px;
    left: 2px;
}
.resource-detail-next-link-wrapper-mobile {
	bottom: 0px;
	right: 0;
}
.resource-detail-previous-link-wrapper-mobile {
	bottom: 0px;
	left: 0;
}

/***** PREV/NEXT Background Color ********/

.blog-detail-next-link-wrapper:before, .blog-detail-next-link-wrapper-mobile:before, .resource-detail-next-link-wrapper:before, .resource-detail-next-link-wrapper-mobile:before, .bio-detail-next-link-wrapper:before, .bio-detail-next-link-wrapper-mobile:before {
    background: #1e4389 !important;
}

/***** END PREV/NEXT Background Color ********/

/***** PREV/NEXT Hover Background Color ********/

.blog-detail-previous-link-wrapper:hover:before, .blog-detail-next-link-wrapper.hover-link:before, .blog-detail-previous-link-wrapper-mobile:hover:before, .blog-detail-next-link-wrapper-mobile.hover-link:before, .resource-detail-previous-link:hover:before, .resource-detail-next-link-wrapper.hover-link:before, .resource-detail-next-link-wrapper-mobile.hover-link:before, .bio-detail-previous-link:hover:before, .bio-detail-previous-link-wrapper.hover-link:before, .bio-detail-next-link-wrapper.hover-link:before, .bio-detail-previous-link-wrapper-mobile.hover-link:before, .bio-detail-next-link-wrapper-mobile.hover-link:before {
    background: #21304C !important;
}

/***** END PREV/NEXT Background Color ********/

.blog-detail-previous-link:hover:after, .resource-detail-previous-link:hover:after, .bio-detail-previous-link:hover:after {
    border-color: white !important;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-detail-previous-link-wrapper:before, .blog-detail-previous-link-wrapper-mobile:before, .resource-detail-previous-link:before, .bio-detail-previous-link:before, .bio-detail-previous-link-wrapper:before, .bio-detail-previous-link-wrapper-mobile:before {
    background: #1e4389 !important;
    height: 60px !important;
    top: 4px !important;
}

.blog-detail-previous-arrow {
	position: absolute;
	left: -2px;
	top: -20px !important;
}

.bio-detail-previous-arrow {
	position: absolute;
	top: -23px !important;
    left: -2px;
}


.home-bio-container .image-container img {
	max-width: 100% !important;
}

.bio-detail-headshot {
	max-width: 206px !important;
}

.resource-detail-previous-link:after, .bio-detail-previous-link:after {
    top: -36px !important;
}

/********* Arrow Colors **********/

.resource-detail-previous-link:after, .bio-detail-previous-arrow {
	border-left: 1px solid #88c6df;
    border-top: 1px solid #88c6df;
}

.resource-detail-next-arrow, .bio-detail-next-arrow {
	border-right: 1px solid #88c6df;
    border-top: 1px solid #88c6df;
}

/********* END Arrow Colors **********/

@media screen and (max-width: 1200px) {
	.bio-detail-previous-link-wrapper-mobile, .bio-detail-next-link-wrapper-mobile {
		display: inline-block !important;
	}
	.bio-detail-previous-link-wrapper, .bio-detail-next-link-wrapper {
		display: none !important;
	}
}

.blog-detail-next-link-wrapper:before, .resource-detail-next-link-wrapper:before, .bio-detail-next-link-wrapper:before {
    top: 5px !important;
}

.blog-detail-next-link-wrapper-mobile:before, .resource-detail-next-link-wrapper-mobile:before, .bio-detail-next-link-wrapper-mobile:before {
    right: -13px;
    top: 5px;
}

/****** IE Prev/Next Fix ********/

@media screen\0 {
	.resource-detail-previous-link:after, .bio-detail-previous-link:after {
    	top: 22px !important;
	}
	.bio-detail-previous-link-wrapper:before, .bio-detail-previous-link-wrapper-mobile:before, .bio-detail-next-link-wrapper:before, .bio-detail-next-link-wrapper-mobile:before {
		top: -43px !important;
	}
	.bio-detail-next-link-wrapper:before, .bio-detail-next-link-wrapper-mobile:before {
		top:-31px !important;
	}
	.resourcenav, .resourcenav .billboard-container, .bionav, .bionav .billboard-container  {
		height: 254px !important;
		max-height: 254px !important;
	}		
	.header-container .ftr-logo-wrapper {
		padding: 20px 0 25px;
	}
}

/**** HOME BIO IMAGE ****/


/**** BIO PAGER ISSUE FIX ****/

.bio-detail-previous-link-wrapper-mobile, .bio-detail-next-link-wrapper-mobile, .bio-detail-previous-link-wrapper, .bio-detail-next-link-wrapper {
	display: none !important;
}

.bio-main .bio-detail-headshot-wrapper img {
    width: 100%;
    height: initial;
    border-radius: initial;
    -moz-border-radius: initial;
    -webkit-border-radius: initial;
    max-width: 226px !important;
    max-height: 268px !important;
    /*min-height: 248px !important;*/
    display: block;
}

.bio-content-name, .bio-content-social {
	text-align: left;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
}

.bio-detail-first-name-wrapper {
	display: inline;
}
.bio-detail-last-name-designation-wrapper {
	display: inline;
}
.bio-detail-first-name {
	color: #5c5d65;
	font-weight: 600;
	font-size: 18px;
	margin-top: 15px !important;
	margin-bottom: 0px !important;
}
.bio-detail-last-name {
	color: #5c5d65;
}
.bio-detail-designation {
	color: #5c5d65;
	font-size: 18px;
}

.bio-detail-title {
	color: #5c5d65;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 10px !important;
    display: block;	
}

.bio-content-social {
	margin-bottom: 20px;
}
.bio-detail-links-wrapper .fa {
	color: #5c5d65;
}
.bio-detail-links-wrapper .fa:hover {
	color: #000;
}


@media only screen and (max-width: 600px) {
	.bio-main .interior-content-container {
	    padding: 100px 10px !important;
	}

}