/* /RJ/Advisor Sites/Global/Global CSS/Model 1/base */
@import url('https://www.raymondjames.com/-/media/rj/advisor-sites/global/global-css/model-1/base.css');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;0,6..96,700;1,6..96,400;1,6..96,500;1,6..96,600;1,6..96,700&family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Libre+Bodoni&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500&family=Open+Sans:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Oswald:wght@200;300;400;500;600;700&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&display=swap');
/*
@import url('modules.css');
*/
@import url('resources.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: JA
DESIGNER: JA
JOB #: 22-BR34N-0332
COMPLETION DATE: 
ADDITIONAL NOTES:
Fonts:
 
font-family: 'Bodoni Moda', serif;
font-family: 'Cormorant', serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Raleway', sans-serif;

 example
 var(--light-gray) 
========================================================================================================================
*/
 


/* Animated Billboard */

.billboard-section:after {

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+41,0.75+80,0.75+80 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 41%, rgba(0,0,0,0.80) 80%, rgba(0,0,0,0.80) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 41%,rgba(0,0,0,0.80) 80%,rgba(0,0,0,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 41%,rgba(0,0,0,0.80) 80%,rgba(0,0,0,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}

.tl-control {
  margin-bottom: 30px;
}

.box {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}

#mybox img {
  height: 100vh;
  width: 100%;
}

.uncover {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
 }

.uncover_slice {
  height: 100%;
  flex-grow: 1;
  background: #000;
}

.billboard-section .billboard-heading-wrapper {
  z-index: 10;
  position: absolute;
  display: block !important;
  bottom: 260px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 375px;
}

.body-home .billboard-section .head-1 {
  font-size: 125px !important;
  font-weight: 500;
 
}



/*
 
Mouse Scroller Model 1
==============================================
 
red = #
blue = #
 
==============================================
*/
 


.scroller-wrapper .scroller, .scroller-mobile-wrapper .scroller-mobile {
  background-image: none !important;
 background-color: var(--light-tan) !important;
}
.scroller:before, .scroller-mobile:before {
    content: '';
    height: 50px;
    width: 50px;
    display: block;
    animation: none !important;
    background: none !important;
    border-radius: 50%;
}
.scroller:after, .scroller-mobile:after  {
    content: '' !important;
    height: 18px !important;
    width: 18px !important;
    animation-name: none !important;
    display: block !important;
    border-radius: 0 !important;
    border: 2px solid var(--darkest-blue);
    border-right-width: 0;
    border-top-width: 0;
    transform: rotate(-45deg) !important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute !important;
    bottom: 20px !important;
    left: 52% !important;
    top: 13px !important;
    background: rgba(210, 120, 85, 0) !important;
    margin-left: -10px !important;
}
.scroller-mobile:after  {
     transform: rotate(135deg) !important;
    -webkit-transform: rotate(135deg) !important;
    -moz-transform: rotate(135deg) !important;
    -o-transform: rotate(135deg) !important;
    -ms-transform: rotate(135deg) !important;
    bottom: 10px;
    top: 20px !important;
}




:root {
    --white: #ffffff;
    --black: #000000;
    --medium-blue: #31455b;
    --dark-blue: #26374a;
    --darkest-blue: #141d27;
    --light-tan: #E0C394;  
    --dark-tan: #826e35;  
    --light-gray: #e9ebec;
    
    --font-b: 'Libre Bodoni', serif;  
    --font-bm: 'Bodoni Moda', serif;  
    --font-c: 'Cormorant', serif;
    --font-m: 'Montserrat', sans-serif;  
    --font-op: 'Open Sans', sans-serif; 
    --font-os: 'Oswald', sans-serif;
    --font-r: 'Raleway', sans-serif;

  }
  
body {
    font-family: var(--font-c);
    font-size: 16px;
    line-height: 32px;
    color: var(--black);
}
.masterprime .related-resources-main {
  background: #fff;
}
 
/* Buttons */
.button, .accord a.accord-cta, .directions-search .submit-search, .contact-form .form-inline .captcha .btn-contact, .masonry-load-more, .masonry-tertiary-load-more, .investor-access-login-button, .blog-landing-copy-cta, .simple-form input[type="submit"] {
  font-size: 17px;
  line-height: 18px;
  font-weight: 500;
  color: var(--dark-tan);
  font-family: var(--font-c) !important;
  letter-spacing: 0 !important;
  margin: 0;
  height: auto;
  padding-left: 20px;
  display: block;
  width: auto !important;
  display: inline-block;
  border-radius: 0;
  padding: 0px 15px!important;
  border-left: 2px solid var(--dark-blue);
  border-right: 2px solid var(--dark-blue);
  border-top: none;
  border-bottom: none;
  text-align: center;

 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
/* Buttons Hover */
.button:hover, .blog-landing-copy-cta:hover, .accord a.accord-cta:hover, .investor-access-login-button:hover, .masonry-load-more:hover, .masonry-tertiary-load-more:hover, .masonry-load-more:hover, .masonry-tertiary-load-more:hover, .contact-form .form-inline .captcha .btn-contact:hover, .simple-form input[type="submit"]:hover, .directions-search .submit-search:hover {
  border-left: 2px solid var(--dark-tan);
  border-right: 2px solid var(--dark-tan);
  border-top: none;
  border-bottom: none;
  text-align: center;
  color: var(--dark-blue);
  border-radius: 0;
  transition: all 0.3s ease-in-out;
}
.investor-access-login-button {
  border-left: 2px solid var(--dark-tan) !important;
  border-right: 2px solid var(--dark-tan) !important;
  color: var(--light-tan) !important;  
}
.investor-access-login-button:hover {
  border-left: 2px solid var(--dark-tan) !important;
  border-right: 2px solid var(--dark-tan) !important;
  color: var(--white) !important;  
}
.primary-nav a, .investor-access-remember-me-label {
  padding-left: 0px;
  padding-top: 15px;
}

a, .resource-detail-copy-wrapper a, .blog-detail-copy-wrapper a, .accordion-panel a,
.blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a, .resource-section .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a, .related-resources-content .mc-cta
 {
  color: var(--dark-tan);
}
a:hover, .resource-detail-copy-wrapper a:hover, .blog-detail-copy-wrapper a:hover, .accordion-panel a:hover,
.blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a:hover, .resource-section .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a:hover, .mc-container a:hover .mc-cta {
  color: var(--dark-blue);;
  
}
.exp-acc-wrap .accord {
  padding: 0px;
  margin: 0;
} 
.exp-acc-wrap .accord li:last-child .accord-link {
  border-bottom: 0;
  padding-top: 0px;
  padding-bottom: 0px;
}

.fa-user:before, .fa-lock:before {
  color: var(--dark-tan);
}
::-webkit-input-placeholder { 
	color: var(--dark-blue);
	text-transform: initial !important ;
	font-size: 12px;
}
::-moz-placeholder { 
	color: var(--dark-blue);
	text-transform: capitalize !important ;

}
:-ms-input-placeholder {  
	color: var(--dark-blue);
	text-transform: capitalize !important ;

}
:-moz-placeholder {  
	color: var(--dark-blue);
	text-transform: capitalize !important ;
}
.investor-access-input-wrapper input {
  padding: 10px 0 10px 27px;
}

/*
 
Styles Page Section
==============================================
red = #
blue = #
aqua = #
lime = #
fuchsia = #
orange = #
==============================================
*/
 
.accord .accord-link, .accord .fa, .flextabs-wrapper a {
  color: var(--dark-tan) !important;
}
.accord .accord-link:hover, .accord .accord-inner-link:hover, .accord li.open .accord-link, .accord li.open .accord-inner-link, .accord li.open .fa, .flextabs-wrapper a:hover {
  color: var(--dark-blue) !important;
}
.flextab-triggers a {
  background: var(--light-tan);
  color: var(--dark-blue) !important;
}
.flextab-triggers a:hover, .flextab-triggers .set {
  background: var(--dark-blue) !important;
  color: var(--white) !important;
}
blockquote:before, q:before {
  background: var(--dark-tan);
}
blockquote, q {
  color: var(--dark-blue) !important;
  border-color: var(--dark-tan) !important;
  font-family: var(--font-c);
  font-weight: 400;
  font-style: italic;
}
.related-resources-content h4:before, .related-resources-content h4:after {
  background: var(--dark-tan);
}
.related-resources-content .slick-slide {
    border-color: var(--dark-tan);
}
.quote-section .mc-slide {
  background: transparent;
}
.quote-section .pov-carousel .mc-heading {
  font-family: var(--font-c);
  font-weight: 400;
  color: var(--dark-blue) !important;
}
.related-resources-content .mc-cta {
  color: var(--dark-blue) !important;
}
.quote-section .pov-carousel .mc-copy {
  font-family: var(--font-c);
  font-weight: 400;
  color: var(--dark-blue) !important;
  font-style: italic;
}
.pov-carousel .mc-container .slick-slide a:hover {
  box-shadow: inset 0px 20px 50px 0px rgb(255 255 255 / 10%), inset 10px 20px 50px -20px rgb(255 255 255 / 40%);
}



/*
==============================================
Media Carousel Dots to Outlines
==============================================
*/
/* .slick-dots li button:hover:before {
  background: var(--dark-blue) !important;
  opacity: 0.6 !important;
} */
.slick-dots {
  bottom: -25px;
}
.slick-dots li.slick-active button:focus:before {
  opacity: 1;
  color: transparent;
}
.slick-dots li.slick-active button:before {
  color: transparent !important;
  opacity: 1 !important;
  background: var(--dark-blue);
}
.slick-dots li button:before {
  color: var(--dark-blue);
  opacity: 0.95;
  font-size: 10px;
}
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  color: var(--dark-blue);
  opacity: 1;
}
.slick-dots li button {
  border: none;
  background: transparent;
  display: block;
  height: 11px;
  width: 11px;
  outline: none;
  font-size: 0;
  color: transparent;
  padding: 4px;
  cursor: pointer;
  /* border-radius: 50%; */
}
.slick-dots li button:before {
  color: transparent !important;
  opacity: 1 !important;
  font-size: 10px;
  width: 9px !important;
  height: 9px !important;
  border: 2px solid var(--dark-blue);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.slick-dots li {
  width: 9px !important;
  height: 9px;
}













/*
==============================================
Header Section
==============================================
*/
.header-main {
 background: var(--white) !important;
}
.header-section .ftr-logo-divider, .header-section .ftr-group-name {
 display: none;
}
.footer-section .ftr-logo, .footer-section .ftr-logo-divider {
 display: none;
}

.header-sticky {
  margin-top: 34px;
}

.resource-section, .body-resource-detail .resource-section, .resource-section, .copy-section, .bio-section, .blog-main {
  background-image: none !important;
  font-size: 18px !important;
}
/*
==============================================
Navigation Section
==============================================
*/
.nav-overall-wrapper:not(.van-mobile-nav) {
  background: var(--medium-blue) !important;
} /* Main Nav */
.primary-nav a, .investor-access-remember-me-label {
  color: var(--white);
  font-family: var(--font-c);
  text-transform: uppercase;
  font-weight: 400;
}
/* Main Nav Active/Hover */
.primary-nav > li > a:hover, .primary-nav > li > a.selected, .primary-nav > li > a.active, .nav-standard.selected {
  color: var(--light-tan) !important;
}
/* Dropdown nav */
.primary-nav .nav-subnav a {
  color: var(--white);
  font-family: var(--font-c);
  text-transform: none;
  margin-bottom: 10px;
  font-size: 18px;
}
.billboard-section h1:after {
    display: none;
}
/* Dropdown Active/Hover */
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a:hover, .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a.active {
  color: var(--light-tan);
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav, .primary-nav .nav-subnav-second {
  background: var(--dark-blue) !important;
}
.nav:after, .nav:before {
    display: none;
}
.primary-nav > li {
    top: 0px;
    margin-top: 0;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a {
    padding: 6px 2px 8px 0;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav {
    top: 43px;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav li:hover > .nav-subnav {
  margin-top: 3px;
}
.primary-nav .nav-subnav {
  margin-top: 3px;
}
/*
==============================================
Billboard Section
==============================================
*/
 
.billboard-content-wrapper .container {
  bottom: 220px;
}
.body-home .billboard-container.billboard-full-height {
  min-height: calc(100vh - 0px);
}

.billboard-section h1, .copy-section h1, .services-section .services-headline h2, .team-section h4, .pov-section h4, .copy-section .head-1, .body-about-us .copy-section h2, .copy-section h3, .copy-section h4, .copy-section h5 {
  color: purple;
}
.billboard-section .head-2, .team-section .head-1, .pov-section .head-1, .copy-section .head-2, .copy-section .head-3, .copy-section h2 .head-3, .body-about-us .copy-section h2 .head-2, .services-section .head-1 {
  color: orange;
}
.billboard-section h1:after, .services-section h2:after, .team-section h4:after, .pov-section h4:after, .pov-carousel .mc-heading:after, .footer-section .footer-cta-section h4:after, .copy-section h1 .head-2:after, .body-about-us .copy-section h2:after {
  background: blue;
}


.body-home .billboard-section .head-1 {
    color: var(--white);
    font-size: 125px;
    text-transform: none !important;
    font-family: var(--font-c);
    font-weight: 500;
    position: relative;
    display: inline-block;
    animation: slideInLeftSmall 1s forwards;
}
.body-home .billboard-section .head-2 {
    color: var(--white);
    font-size: 125px !important;
    line-height: 105px;
    text-transform: capitalize !important;
    font-family: var(--font-c);
    font-weight: 500;
    animation: slideInRightSmall 1s forwards;
}
.body-home .billboard-section .head-3 {
    color: var(--light-tan);
    font-size: 41px;
    text-transform: none !important;
    font-weight: 400;
    font-style: italic;
    display: inline;
    font-family: var(--font-c);
    animation: slideInUpSmall 1s forwards;
}
.body-home .billboard-section .head-4 {
    color: var(--white);
    font-size: 37px;
    text-transform: uppercase !important;
    font-weight: 400;
    font-family: var(--font-c);
    animation: slideInUpSmall 1s forwards;

} 
.body-home .billboard-section .head-1:before {
    content: "";
    width: 270px;
    height: 1px;
    display: block;
    position: absolute;
    background: var(--light-tan);
    left: -248px;
    top: -31px;
    animation: zoomIn 3s forwards;
}
.body-home .billboard-section .head-1:after {
    content: "";
    width: 270px;
    height: 1px;
    display: block;
    position: absolute;
    background: var(--light-tan);
    right: -248px;
    bottom: -54px;
    animation: zoomIn 3s forwards;
}
/*
==============================================
Intro Section
==============================================
*/
 
.intro-section .intro-text:before, .niche-section .mc-heading:after, .quote-section .quote-wrapper .quote-hr:before {
  background: blue;
  display: none;
}  
.intro-wrapper {
    max-width: 810px;
    margin: 117px auto 132px;
  }
  .intro-wrapper .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  .intro-wrapper .column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    max-width: 346px;
    margin-left: 75px;
  }
  
  .double-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 2;
  }
  

  
  .b-column {
    position: relative;
  }
  .intro-wrapper .sub-head-main {
    margin: 0 !important;
    padding-bottom: 20px;
  }
  .intro-wrapper h2 .head-2 {
    color: var(--medium-blue);
    font-size: 33px;
    line-height: 34px;
    font-weight: 600;
    font-family: var(--font-c) !important;
    text-transform: none !important;
    letter-spacing: 0px;
    margin-bottom: 5px;
    display: block;
  }

  .intro-wrapper h2 .head-1 {
    color: var(--medium-blue);
    font-size: 24px;
    line-height: 28px;;
    font-weight: 400;
    font-family: var(--font-c) !important; 
    font-style: italic;
    text-transform: none !important;
    letter-spacing: 0px;
    display: block;
}
.intro-wrapper p {
    line-height: 24px !important;
    font-size: 18px;
}
.intro-wrapper .right-content-wrap {
    margin-top: 60px;
}
.intro-wrapper .left-content-wrap {
    margin-bottom: 60px;
}
.image-content-wrap {
    text-align: center;
    position: relative;
}
.image-1 {
    width: 327px;
    height: 237px;
}
.image-2 {
    height: 439px;
    width: 293px;
}
.a-column .image-1-wrap{
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -20px;
    z-index: -1;
}
.b-column .image-2 {
  animation: fadeInUpSmall 2s forwards;
  animation-delay: 2s;
}
.b-column .image-1 {
  animation: slideInLeft 2s forwards;
}
.b-column .image-1-wrap{
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -5px;
    z-index: -1;
}
.image-intro {
  vertical-align: baseline;
  
}
.image-1 {
  position: relative;
  animation:  2s slideInRight;
}
.image-1-wrap {
  width: 327px;
  height: 237px;
  overflow: hidden;
  position: relative;

}
.image-1-wrap:before {
  content: "";
  background: var(--black);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  animation: 2s slideInRight forwards;
  z-index: 5;
  opacity: 0.5 !important;
}
.b-column .image-1-wrap:before {
  content: "";
  background: var(--black);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  animation: 2s slideInLeft forwards;
  z-index: 5;
  opacity: 0.5 !important;
}
.image-2 {
  animation: fadeInDownSmall 2s forwards;
  animation-delay: 2s;
  opacity: 0;
  vertical-align: baseline;
}








  
/*
==============================================
pullUp
==============================================
*/

.pullUp{
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
}

@keyframes pullUp {
	0% {
    opacity: 0;
		transform: scaleY(0);
	}
	100% {
    opacity: 1;
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0);
	}
	
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
==============================================
pullDown
==============================================
*/

.pullDown{
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 		
}

@keyframes pullDown {
	0% {
		transform: scaleY(0.1);
    opacity: 0;
	}
	100% {
    opacity: 1;
		transform: scaleY(1);
	}							
}

/*
==============================================
Quote Section
==============================================
*/
.body-home .quote-section {
    border-top: none;
    background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/quote/quote-art-institute-bronze-lion-102423034.jpg);    
    height: 605px;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.body-home .quote-section .quote-overlay {
    content: "";
    background: var(--darkest-blue);
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.36;
    animation: none;
}
.body-home .quote-section:after {
    display: none;
}
.quote-section .quote-content {
    padding: 0 !important;
}
.quote-section .quote-wrapper {
    background-image:none;
    width: 406px;
    text-align: right;
    float: right;
    position: inherit;
}
.quote-section .quote {
    font-size: 25px;
    line-height: 35px;
    font-weight: 300;
    font-family: var(--font-bm) !important; 
    margin-top: 60px !important;
}
.body-home .quote-section .quote-cite {
    font-size: 19px;
    line-height: 24px;
    font-weight: 300;
    font-family: var(--font-c) !important; 
    color: var(--white) !important;
    padding-top: 12px;
    position: relative;
}
.quote-section .quote-wrapper .quote-hr {
    display: none;
}
.cite-line {
    top: 0;
    width: 100%;
    height: 1px;
    background: var(--light-tan);
    position: absolute;
    width: 100%;
    animation: zoomIn 1s forwards;
}
.cite-main {
    animation: slideInDown 1s forwards;

}
/*
==============================================
Interior Quote Section
==============================================
*/

.interior .quote-section {
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/bkg-pattern-tan.jpg);  
}
.interior .quote-section .quote-wrapper {
  width: 100%;
  text-align: center;
  float: none;
  position: inherit;
  padding: 50px 35px 85px;
}
.interior .quote-section:before {
  content:"";
  height: 25px;
  width: 100%;
  top:0;
  left:0;
  opacity: 1;
  position: absolute;
  display: block;
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/texture-clean-gold-texture-background-illustration-622205818.jpg); 
  background-repeat: repeat-x;
}
.interior .quote-section .quote {
  max-width: 810px;
  color: var(--dark-blue);
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-c) !important;
  font-size: 27px;
}
.interior .quote-section .quote-cite {
  margin-top: 22px;
  font-family: var(--font-c);
  font-style: italic;
  font-size: 21px;
  line-height: 24px;
  color: var(--dark-blue) !important;
}
/*
==============================================
Niches Section
==============================================
*/
 
/*
==============================================
Team Section
==============================================
*/
.team-section {
    border-top: none;
    background: #fff;
}
.team-carousel {
    background: var(--white);
    padding: 85px 60px 20px;
    margin-top: -160px;
}
.team-copy {
    text-align: right;
    padding-left: 100px;
}
.team-copy .rich-text-container {
    padding-right: 30px;   
}
.team-copy .team-line {
    height:  1px;
    width: 165px;
    background: var(--dark-tan);
    display: block;
    right: 0;
    position: absolute;
    animation: zoomIn 1s forwards;
}
.team-section .head-1 {
    display: inline;
    font-size: 66px;
    line-height: 68px;
    font-weight: 300;
    color: var(--dark-tan);
    font-family: var(--font-c);  
    text-transform: lowercase;
    font-style: italic;
}
.team-section .head-2, .team-section .head-3 {
    font-size: 66px;
    line-height: 48px;
    font-weight: 500;
    font-family: var(--font-c);  
    color: var(--dark-blue);
    text-transform: none;
    text-align: right;
    margin-top: -16px;
    animation: none;
}
.team-section .head-2 {
    display: inline;
}

.interior .yearbook-three .yearbook-name-wrapper {
  padding: 20px 20px 0px 33px;
}
.yearbook-first-name:before {
    content: "";
    height: 40px;
    width: 3px;
    background: var(--dark-tan);
    display: block;
    position: absolute;
    margin-left: -18px;
    margin-top: 8px;
}
.team-section .head-4 {
    text-align: right;
    display: block;
    font-size: 25px;
    line-height: 29px;
    font-weight: 300;
    color: var(--medium-blue);
    font-family: var(--font-c);  
    text-transform: none;
    font-style: italic;
}
.yearbook-container .slick-prev, .yearbook-container .slick-next {
    border-color: var(--dark-tan);
}
.slick-prev, .slick-next {
    top: 33%;
}
.yearbook-three .yearbook-name-wrapper {
    text-align: left;
}
.yearbook-three .yearbook-title {
    width: calc(100% - 0px);
}
.yearbook-hr {
    display: none;
}




/* bio/yearbook First and Last Name */
.copy-section .yearbook-container .yearbook-last-name,
.copy-section .yearbook-container .yearbook-first-name,
.team-section .yearbook-last-name, 
.team-section .yearbook-first-name, 
.bio-detail-first-name, 
.bio-detail-last-name, 
.bio-detail-designation, 
.bio-detail-middle-initial, 
.bio-detail-preferred-name {
  font-size: 25px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  font-family: var(--font-c) !important;
  color: var(--dark-blue) !important; 
  text-transform: none !important;
  display: inline !important;
}
/* bio/yearbook title */
.yearbook-designation-wrapper .yearbook-title, .bio-detail-title-wrapper, .bio-detail-title {
  font-size: 14px !important;
  text-transform: none !important;
  color: var(--black);
}
.bio-section .bio-detail-designation {
  font-size: 18px !important;
}
.copy-section .yearbook-container .yearbook-designation, .team-section .yearbook-container .yearbook-designation, .bio-detail-last-name-designation-wrapper {
  font-size: 19px;
  line-height: 18px;
  font-weight: 400;
  font-family: var(--font-c);
  color: var(--dark-blue) !important; 
  margin-top: -19px;
  display: block;
}

.team-section .yearbook-designation-wrapper {
  display: inherit !important;
}
.copy-section .yearbook-links {
  text-align: left;
}
/* bio/yearbook icon */
.bio-detail-links-wrapper .fa, .yearbook-links .fa, .yearbook-links a {
  color: var(--dark-tan) !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* bio/yearbook icon hover */
.bio-detail-links-wrapper .fa:hover, .yearbook-links .fa:hover, .yearbook-links a:hover {
  color: var(--dark-blue) !important;
}
.body-home .team-section .slick-dots {
  display: none !important;
}
.team-section .button {
  border: none;
  margin: 0;
  display: inline-block;
}
.team-section .button a {
  font-size: 17px;
  line-height: 18px;
  font-weight: 500;
  color: var(--dark-blue);
  font-family: var(--font-c);
  letter-spacing: 0;
  display: inline-block;
}
.team-section .button a:hover {
  color: var(--dark-tan);
  letter-spacing: 0;
}
.yearbook-three .yearbook-headshot-wrapper {
  overflow: hidden;
}
.yearbook-three .yearbook-headshot {
  transition: transform .8s ease;
}
.copy-section .yearbook-three a:hover .yearbook-headshot, .team-section .yearbook-three a:hover .yearbook-headshot {
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}
.copy-section .yearbook-three .yearbook-headshot-wrapper::after, .team-section .yearbook-three .yearbook-headshot-wrapper::after, 
.team-section .yearbook-three a:hover .yearbook-headshot-wrapper:after {
  display: none;
}
.yearbook-three .yearbook-slide {
  margin-left: 0;
  margin-right: 0;
}
.team-section:before {
  content:"";
  height: 37px;
  width: 100%;
  top:0;
  opacity: 0.25;
  position: absolute;
  display: block;
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/team-pattern-art-deco-seamless-pattern-luxury-geometric-1144260109.jpg); 
  background-repeat: repeat-x;
}
.team-section {
  position: relative;
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/bkg-buckingham-sunset-991536930); 
  min-height: 1205px;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-top: 120px;
}
.bio-quote-section {
  display: none;
}
/*
==============================================
Callouts Section
==============================================
*/
.callouts-section .callouts-container {
  margin-top: 95px;
}

.callouts-section .callouts-content {
    margin-top: 0;
    margin-bottom: 90px;
}
 .callouts-section {
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/bkg-pattern-tan.jpg);  
  background-repeat: repeat;
  padding-left:0;
  padding-right:0;
  
 }
 .callouts-section:before {
  content:"";
  height: 25px;
  width: 100%;
  top:0;
  left:0;
  opacity: 1;
  position: absolute;
  display: block;
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/texture-clean-gold-texture-background-illustration-622205818.jpg); 
  background-repeat: repeat-x;
}
.callouts-container, .callouts-mobile-slider {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 300px 300px 300px;
  grid-template-columns: repeat(2, 1fr);
  }

.callouts-section .callouts-container .callout-item {
  text-align: center;
  position: relative;
  padding-top: 0;
  height: 390px;
}
.callouts-section .callouts-container .callout-link {
display: flex;
flex-direction: column;
justify-content: center;
}
.callouts-section .callouts-container .callout-item .callout-cta-wrapper button {
  width: 100%;
}

.callouts-section .callout-1 {
  grid-column-start: 1;
  grid-row-end: 1;
}

.callouts-section .callout-3 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 1;
}
.callouts-container .callout-item .callout-copy-wrapper:before {
  content:"";
  height: 100px;
  width: 4px;
  background: var(--dark-tan);
  position: absolute;
  display: block;

}
.callouts-container .callout-item.callout-1 .callout-copy-wrapper:before {
  left: 0;
}
.callouts-container .callout-item.callout-2 .callout-copy-wrapper:before {
  right: 0;
}
.callouts-container .callout-item.callout-3 .callout-copy-wrapper:before {
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 4px;
}
  
.callouts-container .callout-item .callout-image-wrapper {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  max-height: 390px;
  overflow: hidden;
}
.callouts-container .callout-item .callout-image {
transition: transform .8s ease;
}
.callouts-section .callouts-container .callout-link:hover .callout-image {
  
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
  }
.callout-heading-wrapper, .callout-copy-wrapper, .callout-cta-wrapper {
  z-index: 3;
  position: relative;
}
.callouts-section .callouts-container .callout-item .callout-copy-wrapper {
  font-size: 17px;
  line-height: 25px;
  margin-top: 32px;
  padding: 0 30px;
  background: #ffffff;
  width: 360px;

  height: 220px;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.callouts-section .callouts-container .callout-item .callout-copy-wrapper p {
  font-family: var(--font-c);
  font-weight: 400;
  font-size: 15px;

  line-height: 16px;
}

.callouts-section .callouts-container .callout-item.callout-1 .callout-copy-wrapper {
  position: absolute;
  left: -30px;
}
.callouts-section .callouts-container .callout-item.callout-2 .callout-copy-wrapper {
  position: absolute;
  right: -30px;
}
.callouts-section .callouts-container .callout-item.callout-3 .callout-copy-wrapper {
  margin: 0 auto;
  width: 535px;
  bottom: -50px;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.callouts-section .callouts-container .callout-item.callout-3 .callout-copy-wrapper p {
  padding: 0 80px;
}
.callouts-section .callout-item .callout-copy-wrapper .head-1 {
  font-family: var(--font-b);
  font-weight: 300 !important;
  font-size: 30px;
  line-height: 30px;
  color: var(--dark-blue);
  text-transform: none;
}
.callouts-section .callout-item .callout-copy-wrapper .head-2 {
  font-family: var(--font-c);
  font-weight: 300 !important;
  font-size: 26px;
  line-height: 26px;
  font-style: italic;
  color: var(--dark-blue);
  text-transform: none;
  display: block;
}
.callouts-section .callout-item .callout-copy-wrapper p {
  color: var(--dark-blue);
}
.callouts-section .callout-item .callout-copy-wrapper .new-callout-cta {
  font-family: var(--font-b);
  font-weight: 300 !important;
  font-size: 14px;
  line-height: 26px;
  color: var(--dark-blue);
  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.callouts-section .callouts-container .callout-link:hover .callout-copy-wrapper {
  width: 380px;
  padding: 0 40px;
}
.callouts-section .callouts-container .callout-link:hover .new-callout-cta {
  color: var(--dark-tan);
  /* letter-spacing: 1px; */
}
.callouts-section .callouts-container .callout-item.callout-3  .callout-link:hover .callout-copy-wrapper {
  width: 555px;
  padding: 0 40px;
}
.callouts-section .callout-item:hover {
  background: none;
}

/*
==============================================
Interior Callouts Section
==============================================
*/ 
.interior .callouts-container {
  margin-top: 60px;
} 
.interior .callouts-container .callout-item .callout-copy-wrapper, .interior .callouts-mobile-slider .callout-item .callout-copy-wrapper {
  text-align: center;
}
.interior .callouts-container .head-1 {
  font-family: var(--font-b);
  font-weight: 300 !important;
  font-size: 30px !important;
  line-height: 30px;
  color: var(--dark-blue);
  text-transform: none;
}
.interior .callout-copy-wrapper p {
  font-family: var(--font-c);
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: var(--dark-blue) !important;
}
.interior .callout-item .callout-copy-wrapper .new-callout-cta {
  font-family: var(--font-b);
  font-weight: 300 !important;
  font-size: 14px;
  line-height: 26px;
  color: var(--dark-blue);
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}
.interior .callouts-container .callout-link:hover .new-callout-cta {
  color: var(--dark-tan);
  letter-spacing: 1px;
}
/* .interior .callout-link:hover {
  background: #f5f5f5;
} */
.interior .callouts-container .callout-item .callout-categories-wrapper, .interior .callouts-mobile-slider .callout-item .callout-categories-wrapper {
  display: none;
}

.interior .callouts-container .callout-item .callout-copy-wrapper, .interior .callouts-mobile-slider .callout-item .callout-copy-wrapper {
  grid-row: 4;
  padding: 0 60px;
}
.interior .callouts-container .callout-item.callout-2 .callout-copy-wrapper:before {
  left: -18px;
  height: 100%;
  width: 2px;
}
.callouts-container .callout-item.callout-1 .callout-copy-wrapper:before {
  display: none;
}

.inspiration-callout {
  grid-template-columns: repeat(1, 1fr);
  position: relative;
}



/*
==============================================
POV Section
==============================================
*/  
 
/*
==============================================
Footer Section
==============================================
*/
.footer-section {
  background: #31455b;
  position: relative;
}
.footer-section:before {
  content:"";
  height: 100%;
  width: 100%;
  opacity: 0.1;
  position: absolute;
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/footer-pattern-art-deco-seamless-pattern-luxury-geometric-1144260109.jpg);
  background-repeat: repeat;
  z-index: 0;
}
.ftr-cta-wrapper {
  text-align: center;
}
.ftr-cta-wrapper h4 {
  font-family: var(--font-b);
  font-weight: 300 !important;
  font-size: 38px;
  line-height: 38px;
  color: var(--dark-blue) !important;
  text-transform: none;
  margin: 0;
}
.footer-section .social-container a .fa {
  color: var(--dark-tan) !important;
}
.footer-section .social-container a:hover .fa {
  color: var(--dark-blue) !important;
}
.footer-cta-social-section {
  background: var(--white);
  position: relative;
  z-index: 5;
  padding: 55px 30px 37px;
}
.body-bio .footer-cta-social-section, .body-resource-detail .footer-cta-social-section {
  border-top: 2px solid #e0d6cd;
}
.footer-section .social-container {
  border-bottom: none;
  border-top: none;
  padding: 0;
}
.footer-section .social-container:after {
  display: none;
}
.ftr-cta {
  padding: 0;
}
.footer-section .ftr-nap .ftr-nap-address:before {
  display: none;
}
.footer-section .footer-contact-info .ftr-nap-phone, .ftr-nap-wrapper .ftr-nap .ftr-nap-map-directions, .ftr-nap p {
  display: block;
}
.footer-section .ftr-nap li, .footer-section .ftr-nap-phone a {
  display: inline;
  padding: 0px;
}
.footer-section .ftr-nap-phone a {
  padding-right: 10px;
}
.ftr-nap-address {
  display: block !important;
}
.footer-section .ftr-disclosures {
  text-align: left;
}
.ftr-disclosures-wrapper {
  padding: 0;
}
.footer-section .ftr-disclosures, .footer-section .content-disclosure-wrapper p {
  color: var(--white);
  margin: 0;
  font-family: var(--font-op);
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  font-style: normal;
}

.ftr-logo-wrapper {
    padding: 65px 0 55px;
}
.footer-section .ftr-nap-phone a:hover, .footer-section .footer-content a:hover {
  color: var(--light-tan);
}
.ftr-group-name {
  font-family: var(--font-op);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}
.footer-section .footer-name:hover .ftr-group-name {
  color: var(--light-tan);
}
.footer-hedge {
  padding-left:0px;
}
.ftr-disclosures-wrapper  .row {
  margin: 0px;
}
.footer-hedge-content {
  padding-bottom: 40px;
}
.ftr-nap {
  margin-top: 0px;
}

/*
==============================================
Interior Billboard Section
==============================================
*/

.interior .billboard-section:before {
  content: "";
  height: 15px;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  display: block;
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/texture-clean-gold-texture-background-illustration-622205818.jpg) !important;
  background-repeat: repeat-x;
  z-index: 5;
}
.interior .billboard-content:after {
  display: none;
}
.interior .billboard-container {
  min-height: 590px;
}

/*
==============================================
Interior content copy section
==============================================
*/
.copy-section h3 {
  line-height: 23px;
}
.billboard-section h1, .copy-section h1, .services-section .services-headline h2, .team-section h4, .pov-section h4, .copy-section .head-2, .copy-section .head-1, .copy-section h2, .copy-section h3, .copy-section h4, .copy-section h5 {
  color: var(--dark-blue);  
  font-family: var(--font-c);
  font-weight: 300;
}
.body-home .billboard-section h1 {
text-shadow: 5px 5px 8px #000000;
}
.copy-section h1 {
  text-align: center;
}
.copy-section .head-1 {
  font-family: var(--font-b);
  
  margin: 0;
  font-size: 48px !important;
  line-height: 45px;
  font-weight: 300;
  font-style: normal;
  text-transform: none;
}
.copy-section .head-2 {
  font-family: var(--font-c);
  
  margin: 0;
  font-size: 37px;
  line-height: 37px;
  font-weight: 300;
  font-style: italic;
  text-transform: none;
  text-align: center;

}
.billboard-section h1:after, .services-section h2:after, .team-section h4:after, .pov-section h4:after, .pov-carousel .mc-heading:after, .footer-section .footer-cta-section h4:after, .copy-section h1 .head-2:after, .body-about-us .copy-section h2:after {
  display: none;
}
.body-our-community h3 {
  text-align: center;
}
.exp-main-content {
  border: 1px solid #ecedef;
  padding: 30px 60px;
  background: #fcfcfd;

}
.exp-main-content .exp-header {
  text-align: center;
  font-weight: 500;
  font-size: 25px;
}
.exp-main-content h3 {
  font-weight: 400;
  font-size: 20px;
}
.exp-main-content-main-p {
  margin-bottom: 20px;
  text-align: center;
}
.exp-main-content-main-p:after {
  content: "";
  width: 2px;
  height: 60px;
  display: block;
  position: relative;
  background: #f1e8e8;
  margin: 0 auto;
}


/*
==============================================
Blog Archive Sidebar Links
==============================================
*/
/* .filter-list-heading a, .filter-list-links .filter-list-date a, .filter-list-category a, .filter-list-topic a, .filter-list-media a {
  color: red !important;
}
 
.filter-list-heading a:hover, .filter-list-heading ul li a:hover {
  color: blue !important;
} */
 
 
 /*
==============================================
Responsive Media Queries
==============================================
*/
  
/* Large devices (tablet landscape, 1024px and less) tablet-pro-l */
   @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
    
}
 
/* Large devices (tablet landscape, 1024px and less) tablet-pro-p */
   @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {

}
 
/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
  .header-sticky {
    margin-top: 0;
  }
  .billboard-content-wrapper .container {
    bottom: 30px;
  }
  .quote-section .quote-wrapper {
    width: 386px;
  }
  .team-copy {
    padding-left: 30px;
  }
  .callouts-container .callout-item {
    width: 100% !important;
  }
  .callouts-section .callouts-container {
    padding: 0 40px;
  }
  .callouts-section .callouts-container .callout-item {
    height: 280px;
    display: grid;
  }
  .copy-section .yearbook-slide {
    width: 37%;
  }
}
 
 
/* 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) {
  .header-main {
    border-bottom: 20px solid var(--medium-blue);
  }
  .nav-overall-wrapper:not(.van-mobile-nav) .nav {
    background-image: none !important;
    box-shadow: none;
    background: var(--medium-blue) !important;
  }
  .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a {
    padding: 8px 5px 8px 15px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .fa-angle-down:before {
    color: var(--light-tan);
  }
  .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav li:hover > .nav-subnav {
    margin-top: 0;
  }
  .nav-address-wrapper, .nav-address-wrapper a {
    font-family: var(--font-op);
    font-size: 14px;
    text-transform: none !important;
  }

  /* Hamburger Menu Icon */
  .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: var(--dark-blue);
  }
 
 
  /* Hamburger Menu Icon Active and Open*/
  .nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper .nav-trigger.nav-opened span:before, .nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper .nav-trigger.nav-opened span:after {
    background: var(--light-tan);
  }
  .nav-container .address-group-name-wrapper {
    display: none !important;
  }
  .billboard-container.billboard-full-height {
    min-height: calc(70vh - 0px) !important;
  }
  .intro-wrapper {
    max-width: 100%;
  }
  .intro-wrapper .column {
    max-width: 90%;
    margin-left: 30px;
  }
  .body-home .quote-section .quote-overlay {
    opacity: 0.66;
    animation: none;
  }
  .team-carousel {
    padding: 85px 90px 50px;
    margin-top: 30px;
  }
  .team-copy {
    padding-left: 0;
    text-align: center;
  }
  .team-section .head-2, .team-section .head-3, .team-section .head-4 {
    text-align: center;
    max-width: 100%;
  }
  .team-copy .rich-text-container, .team-copy {
    padding-right: 0px;
  }
  .team-copy .team-line {
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .body-home .team-section .slick-dots {
    display: block !important;
  }
  .callouts-container, .callouts-mobile-slider {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 300px 300px;
    grid-template-columns: repeat(1, 1fr);
  }
  .callouts-section .callout-1 {
    grid-column-start: 1;
    grid-row-end: 1;
  }
  .callouts-section .callout-3 {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 3;
  }
  .callouts-section .callout-3 {
    grid-column-start: 1;
    grid-row-end: 3;
  } *
  .callouts-section .callouts-container .callout-item {
    height: 280px;
    display: grid;
    margin: 0;
  }
  .callouts-container .callout-item .callout-image-wrapper {
     max-height: 280px;
       position: initial;
  }
  .callouts-section .callout-3 .callout-link {
    display: grid;
  }
  .callouts-section .callout-1 {
    grid-column-start: 1;
    grid-row-end: 2;
  }
  .callouts-container .callout-item .callout-image-wrapper .callout-image {
    display: block;
    max-width: 100%;
    height: 100%;
  }
  .callouts-section .callouts-container .callout-item .callout-copy-wrapper {
    margin-top: 21px;
  }
  .quote-section .quote-wrapper {
    width: 80%;
    text-align: center;
    float: none;
    width: 80%;
    margin: 0 auto;
  }
  .body-home .quote-section {
    justify-content: end;
  }
  .footer-nap-address {
    text-align: center;
  }
  .body-home .billboard-section .head-1:before {
    width: 200px;
    left: -168px;
  }
  .body-home .billboard-section .head-1:after {
    width: 200px;
    right: -168px;   
  }
  /* .no-billboard .header-main {
    border-bottom: 20px solid var(--medium-blue);
  } */
  .interior .yearbook-three .yearbook-name-wrapper {
    padding: 20px 0px 0px 18px;
  }
  .interior .billboard-container {
    min-height: 330px;
  }
  .copy-section .head-1 {
    font-size: 38px !important;
    line-height: 35px;
  }
  .billboard-section .billboard-heading-wrapper {
    bottom: 9px;
  }
  .interior .callouts-container .callout-item.callout-2 .callout-copy-wrapper:before {
    left: 0;
    height: 100%;
    top: -40px;
    width: 100%;
    height: 2px;
  }
  .exp-main-content {
    padding: 20px 30px;
  }
  .box {
    height: auto;
  }
  #mybox img {
    height: auto;
  }

}
 
 
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .team-carousel {
    padding: 85px 30px 50px;
  }
  .callouts-section .callouts-content {
    margin-bottom: 0;
  }
  .callouts-section .callouts-mobile-slider {
    margin-top: 50px;
    margin-bottom: 0px;
  }
  .callouts-version-1.callouts-mobile-slider .callout-slide .callout-copy-wrapper {
    background: var(--white);
    padding: 15px 30px;
    margin-top: 0px;
    margin-bottom: 50px;
  }
    .callouts-version-1.callouts-mobile-slider .callout-3 .callout-image-wrapper .callout-image {
      height: 200px;
    }
  .yearbook-three .yearbook-headshot {
    width: calc(100% - 0px);
  }
  .quote-section .quote-wrapper {
    float: none;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }

  .body-home .quote-section {
    overflow: hidden;
  }
  .body-home .billboard-section .head-2, .body-home .billboard-section .head-1 {
    font-size: 50px !important;
    line-height: 45px;
    display: inline;
  }
  .billboard-section .billboard-heading-wrapper {
    bottom: -10px;
  }
  .body-home .billboard-section .head-4 {
    font-size: 37px;
    line-height: 47px;
  }
  .body-home .billboard-section .head-3 {
    display: block;
  }
  .body-home .billboard-section .head-1:before, .body-home .billboard-section .head-1:after {
    display: none;
  }
  .billboard-content-wrapper .container {
    bottom: 0px;
  }
  .image-content-wrap {
    order: 2;
  }
  .b-column {
    display: flex;
    flex-flow: column;
  }
  .intro-wrapper .right-content-wrap {
    margin-top: 20px;
  }
  .a-column, .b-column {
    overflow: hidden;
  }
  .interior .yearbook-three .yearbook-name-wrapper {
    padding: 20px 0px 18px;
    text-align: center;
  }
  .yearbook-first-name:before {
    display: none;
  }
  .copy-section .yearbook-links {
    text-align: center;
  } 
  .body-home .yearbook-three .yearbook-name-wrapper {
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
  }
  .interior .copy-section .head-1 {
    font-weight: 300 !important;
    font-size: 30px !important;
  }
  .interior .callouts-mobile-slider .callout-item.callout-2  .callout-copy-wrapper:before {
    display: block !important;
    content: "";
    height: 2px;
    top: -8px;
    left: 0;
    width: 100%;
    background: var(--dark-tan);
    position: absolute;
  }
  .interior .callouts-version-1.callouts-mobile-slider .callout-slide .callout-copy-wrapper {
    margin-bottom: 0px;
  }
  .exp-main-content {
    padding: 20px 30px;
  }
  .inspiration-callout.callouts-mobile-slider .callout-slide .callout-copy-wrapper {
    padding: 15px 0px;
  }
  .inspiration-callout .head-2 {
    font-size: 33px;
    line-height: 29px;
  }
}
 
 
 
/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .billboard-container.billboard-full-height {
    min-height: calc(130vh - 0px) !important;
  }
  .body-home .billboard-section .head-1:before, .body-home .billboard-section .head-1:after {
    display: none;
  }
  .billboard-content-wrapper .container {
    bottom: 0px;
  }
  .callouts-section .callouts-mobile-slider {
    margin-top: 50px;
    margin-bottom: 0px;
  }
  .callouts-section .callouts-content {
    margin-bottom: 0;
  }
  .callouts-version-1.callouts-mobile-slider .callout-slide .callout-copy-wrapper {
    background: var(--white);
    padding: 15px 80px;
    margin-top: 0px;
    margin-bottom: 50px;
  }
  .callouts-version-1.callouts-mobile-slider .callout-3 .callout-image-wrapper .callout-image {
    height: 260px;
  }
  .yearbook-three .yearbook-headshot {
    width: calc(100% - 0px);
  }
  .quote-section .quote-wrapper {
    float: none;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
  .yearbook-container .slick-next, .yearbook-container .slick-prev {
    right: 20px;
    width: 20px;
    height: 20px;
  }
  .image-content-wrap {
    order: 2;
  }
  .b-column {
    display: flex;
    flex-flow: column;
  }
  .intro-wrapper .row {
    display: block;
  }
  .interior .copy-section .head-1 {
    font-weight: 300 !important;
    font-size: 30px !important;
  }
  .interior .callouts-mobile-slider .callout-item.callout-2  .callout-copy-wrapper:before {
    display: block !important;
    content: "";
    height: 2px;
    top: -8px;
    left: 0;
    width: 100%;
    background: var(--dark-tan);
    position: absolute;
  }
  .interior .callouts-version-1.callouts-mobile-slider .callout-slide .callout-copy-wrapper {
    margin-bottom: 0px;
  }
}
 
/* IE only */
@media screen\0 {
 
}

/* Animated Billboard */

.billboard-section:after {

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+41,0.75+80,0.75+80 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 41%, rgba(0,0,0,0.80) 80%, rgba(0,0,0,0.80) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 41%,rgba(0,0,0,0.80) 80%,rgba(0,0,0,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 41%,rgba(0,0,0,0.80) 80%,rgba(0,0,0,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}

.tl-control {
  margin-bottom: 30px;
}

.box {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}

#mybox img {
  height: 100vh;
  width: 100%;
}

.uncover {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
 }

.uncover_slice {
  height: 100%;
  flex-grow: 1;
  background: #000;
}

.billboard-section .billboard-heading-wrapper {
  z-index: 10;
  position: absolute;
  display: block !important;
  bottom: 260px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 375px;
}

.body-home .billboard-section .head-1 {
  font-size: 125px !important;
  font-weight: 500;
 
}



/*
 
Mouse Scroller Model 1
==============================================
 
red = #
blue = #
 
==============================================
*/
 


.scroller-wrapper .scroller, .scroller-mobile-wrapper .scroller-mobile {
  background-image: none !important;
 background-color: var(--light-tan) !important;
}
.scroller:before, .scroller-mobile:before {
    content: '';
    height: 50px;
    width: 50px;
    display: block;
    animation: none !important;
    background: none !important;
    border-radius: 50%;
}
.scroller:after, .scroller-mobile:after  {
    content: '' !important;
    height: 18px !important;
    width: 18px !important;
    animation-name: none !important;
    display: block !important;
    border-radius: 0 !important;
    border: 2px solid var(--darkest-blue);
    border-right-width: 0;
    border-top-width: 0;
    transform: rotate(-45deg) !important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute !important;
    bottom: 20px !important;
    left: 52% !important;
    top: 13px !important;
    background: rgba(210, 120, 85, 0) !important;
    margin-left: -10px !important;
}
.scroller-mobile:after  {
     transform: rotate(135deg) !important;
    -webkit-transform: rotate(135deg) !important;
    -moz-transform: rotate(135deg) !important;
    -o-transform: rotate(135deg) !important;
    -ms-transform: rotate(135deg) !important;
    bottom: 10px;
    top: 20px !important;
}




:root {
    --white: #ffffff;
    --black: #000000;
    --medium-blue: #31455b;
    --dark-blue: #26374a;
    --darkest-blue: #141d27;
    --light-tan: #E0C394;  
    --dark-tan: #826e35;  
    --light-gray: #e9ebec;
    
    --font-b: 'Libre Bodoni', serif;  
    --font-bm: 'Bodoni Moda', serif;  
    --font-c: 'Cormorant', serif;
    --font-m: 'Montserrat', sans-serif;  
    --font-op: 'Open Sans', sans-serif; 
    --font-os: 'Oswald', sans-serif;
    --font-r: 'Raleway', sans-serif;

  }
  
body {
    font-family: var(--font-c);
    font-size: 16px;
    line-height: 32px;
    color: var(--black);
}
.masterprime .related-resources-main {
  background: #fff;
}
 
/* Buttons */
.button, .accord a.accord-cta, .directions-search .submit-search, .contact-form .form-inline .captcha .btn-contact, .masonry-load-more, .masonry-tertiary-load-more, .investor-access-login-button, .blog-landing-copy-cta, .simple-form input[type="submit"] {
  font-size: 17px;
  line-height: 18px;
  font-weight: 500;
  color: var(--dark-tan);
  font-family: var(--font-c) !important;
  letter-spacing: 0 !important;
  margin: 0;
  height: auto;
  padding-left: 20px;
  display: block;
  width: auto !important;
  display: inline-block;
  border-radius: 0;
  padding: 0px 15px!important;
  border-left: 2px solid var(--dark-blue);
  border-right: 2px solid var(--dark-blue);
  border-top: none;
  border-bottom: none;
  text-align: center;

 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
/* Buttons Hover */
.button:hover, .blog-landing-copy-cta:hover, .accord a.accord-cta:hover, .investor-access-login-button:hover, .masonry-load-more:hover, .masonry-tertiary-load-more:hover, .masonry-load-more:hover, .masonry-tertiary-load-more:hover, .contact-form .form-inline .captcha .btn-contact:hover, .simple-form input[type="submit"]:hover, .directions-search .submit-search:hover {
  border-left: 2px solid var(--dark-tan);
  border-right: 2px solid var(--dark-tan);
  border-top: none;
  border-bottom: none;
  text-align: center;
  color: var(--dark-blue);
  border-radius: 0;
  transition: all 0.3s ease-in-out;
}
.investor-access-login-button {
  border-left: 2px solid var(--dark-tan) !important;
  border-right: 2px solid var(--dark-tan) !important;
  color: var(--light-tan) !important;  
}
.investor-access-login-button:hover {
  border-left: 2px solid var(--dark-tan) !important;
  border-right: 2px solid var(--dark-tan) !important;
  color: var(--white) !important;  
}
.primary-nav a, .investor-access-remember-me-label {
  padding-left: 0px;
  padding-top: 15px;
}

a, .resource-detail-copy-wrapper a, .blog-detail-copy-wrapper a, .accordion-panel a,
.blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a, .resource-section .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a, .related-resources-content .mc-cta
 {
  color: var(--dark-tan);
}
a:hover, .resource-detail-copy-wrapper a:hover, .blog-detail-copy-wrapper a:hover, .accordion-panel a:hover,
.blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a:hover, .resource-section .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a:hover, .mc-container a:hover .mc-cta {
  color: var(--dark-blue);;
  
}
.exp-acc-wrap .accord {
  padding: 0px;
  margin: 0;
} 
.exp-acc-wrap .accord li:last-child .accord-link {
  border-bottom: 0;
  padding-top: 0px;
  padding-bottom: 0px;
}

.fa-user:before, .fa-lock:before {
  color: var(--dark-tan);
}
::-webkit-input-placeholder { 
	color: var(--dark-blue);
	text-transform: initial !important ;
	font-size: 12px;
}
::-moz-placeholder { 
	color: var(--dark-blue);
	text-transform: capitalize !important ;

}
:-ms-input-placeholder {  
	color: var(--dark-blue);
	text-transform: capitalize !important ;

}
:-moz-placeholder {  
	color: var(--dark-blue);
	text-transform: capitalize !important ;
}
.investor-access-input-wrapper input {
  padding: 10px 0 10px 27px;
}

/*
 
Styles Page Section
==============================================
red = #
blue = #
aqua = #
lime = #
fuchsia = #
orange = #
==============================================
*/
 
.accord .accord-link, .accord .fa, .flextabs-wrapper a {
  color: var(--dark-tan) !important;
}
.accord .accord-link:hover, .accord .accord-inner-link:hover, .accord li.open .accord-link, .accord li.open .accord-inner-link, .accord li.open .fa, .flextabs-wrapper a:hover {
  color: var(--dark-blue) !important;
}
.flextab-triggers a {
  background: var(--light-tan);
  color: var(--dark-blue) !important;
}
.flextab-triggers a:hover, .flextab-triggers .set {
  background: var(--dark-blue) !important;
  color: var(--white) !important;
}
blockquote:before, q:before {
  background: var(--dark-tan);
}
blockquote, q {
  color: var(--dark-blue) !important;
  border-color: var(--dark-tan) !important;
  font-family: var(--font-c);
  font-weight: 400;
  font-style: italic;
}
.related-resources-content h4:before, .related-resources-content h4:after {
  background: var(--dark-tan);
}
.related-resources-content .slick-slide {
    border-color: var(--dark-tan);
}
.quote-section .mc-slide {
  background: transparent;
}
.quote-section .pov-carousel .mc-heading {
  font-family: var(--font-c);
  font-weight: 400;
  color: var(--dark-blue) !important;
}
.related-resources-content .mc-cta {
  color: var(--dark-blue) !important;
}
.quote-section .pov-carousel .mc-copy {
  font-family: var(--font-c);
  font-weight: 400;
  color: var(--dark-blue) !important;
  font-style: italic;
}
.pov-carousel .mc-container .slick-slide a:hover {
  box-shadow: inset 0px 20px 50px 0px rgb(255 255 255 / 10%), inset 10px 20px 50px -20px rgb(255 255 255 / 40%);
}



/*
==============================================
Media Carousel Dots to Outlines
==============================================
*/
/* .slick-dots li button:hover:before {
  background: var(--dark-blue) !important;
  opacity: 0.6 !important;
} */
.slick-dots {
  bottom: -25px;
}
.slick-dots li.slick-active button:focus:before {
  opacity: 1;
  color: transparent;
}
.slick-dots li.slick-active button:before {
  color: transparent !important;
  opacity: 1 !important;
  background: var(--dark-blue);
}
.slick-dots li button:before {
  color: var(--dark-blue);
  opacity: 0.95;
  font-size: 10px;
}
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  color: var(--dark-blue);
  opacity: 1;
}
.slick-dots li button {
  border: none;
  background: transparent;
  display: block;
  height: 11px;
  width: 11px;
  outline: none;
  font-size: 0;
  color: transparent;
  padding: 4px;
  cursor: pointer;
  /* border-radius: 50%; */
}
.slick-dots li button:before {
  color: transparent !important;
  opacity: 1 !important;
  font-size: 10px;
  width: 9px !important;
  height: 9px !important;
  border: 2px solid var(--dark-blue);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.slick-dots li {
  width: 9px !important;
  height: 9px;
}













/*
==============================================
Header Section
==============================================
*/
.header-main {
 background: var(--white) !important;
}
.header-section .ftr-logo-divider, .header-section .ftr-group-name {
 display: none;
}
.footer-section .ftr-logo, .footer-section .ftr-logo-divider {
 display: none;
}

.header-sticky {
  margin-top: 34px;
}

.resource-section, .body-resource-detail .resource-section, .resource-section, .copy-section, .bio-section, .blog-main {
  background-image: none !important;
  font-size: 18px !important;
}
/*
==============================================
Navigation Section
==============================================
*/
.nav-overall-wrapper:not(.van-mobile-nav) {
  background: var(--medium-blue) !important;
} /* Main Nav */
.primary-nav a, .investor-access-remember-me-label {
  color: var(--white);
  font-family: var(--font-c);
  text-transform: uppercase;
  font-weight: 400;
}
/* Main Nav Active/Hover */
.primary-nav > li > a:hover, .primary-nav > li > a.selected, .primary-nav > li > a.active, .nav-standard.selected {
  color: var(--light-tan) !important;
}
/* Dropdown nav */
.primary-nav .nav-subnav a {
  color: var(--white);
  font-family: var(--font-c);
  text-transform: none;
  margin-bottom: 10px;
  font-size: 18px;
}
.billboard-section h1:after {
    display: none;
}
/* Dropdown Active/Hover */
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a:hover, .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a.active {
  color: var(--light-tan);
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav, .primary-nav .nav-subnav-second {
  background: var(--dark-blue) !important;
}
.nav:after, .nav:before {
    display: none;
}
.primary-nav > li {
    top: 0px;
    margin-top: 0;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a {
    padding: 6px 2px 8px 0;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav {
    top: 43px;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav li:hover > .nav-subnav {
  margin-top: 3px;
}
.primary-nav .nav-subnav {
  margin-top: 3px;
}
/*
==============================================
Billboard Section
==============================================
*/
 
.billboard-content-wrapper .container {
  bottom: 220px;
}
.body-home .billboard-container.billboard-full-height {
  min-height: calc(100vh - 0px);
}

.billboard-section h1, .copy-section h1, .services-section .services-headline h2, .team-section h4, .pov-section h4, .copy-section .head-1, .body-about-us .copy-section h2, .copy-section h3, .copy-section h4, .copy-section h5 {
  color: purple;
}
.billboard-section .head-2, .team-section .head-1, .pov-section .head-1, .copy-section .head-2, .copy-section .head-3, .copy-section h2 .head-3, .body-about-us .copy-section h2 .head-2, .services-section .head-1 {
  color: orange;
}
.billboard-section h1:after, .services-section h2:after, .team-section h4:after, .pov-section h4:after, .pov-carousel .mc-heading:after, .footer-section .footer-cta-section h4:after, .copy-section h1 .head-2:after, .body-about-us .copy-section h2:after {
  background: blue;
}


.body-home .billboard-section .head-1 {
    color: var(--white);
    font-size: 125px;
    text-transform: none !important;
    font-family: var(--font-c);
    font-weight: 500;
    position: relative;
    display: inline-block;
    animation: slideInLeftSmall 1s forwards;
}
.body-home .billboard-section .head-2 {
    color: var(--white);
    font-size: 125px !important;
    line-height: 105px;
    text-transform: capitalize !important;
    font-family: var(--font-c);
    font-weight: 500;
    animation: slideInRightSmall 1s forwards;
}
.body-home .billboard-section .head-3 {
    color: var(--light-tan);
    font-size: 41px;
    text-transform: none !important;
    font-weight: 400;
    font-style: italic;
    display: inline;
    font-family: var(--font-c);
    animation: slideInUpSmall 1s forwards;
}
.body-home .billboard-section .head-4 {
    color: var(--white);
    font-size: 37px;
    text-transform: uppercase !important;
    font-weight: 400;
    font-family: var(--font-c);
    animation: slideInUpSmall 1s forwards;

} 
.body-home .billboard-section .head-1:before {
    content: "";
    width: 270px;
    height: 1px;
    display: block;
    position: absolute;
    background: var(--light-tan);
    left: -248px;
    top: -31px;
    animation: zoomIn 3s forwards;
}
.body-home .billboard-section .head-1:after {
    content: "";
    width: 270px;
    height: 1px;
    display: block;
    position: absolute;
    background: var(--light-tan);
    right: -248px;
    bottom: -54px;
    animation: zoomIn 3s forwards;
}
/*
==============================================
Intro Section
==============================================
*/
 
.intro-section .intro-text:before, .niche-section .mc-heading:after, .quote-section .quote-wrapper .quote-hr:before {
  background: blue;
  display: none;
}  
.intro-wrapper {
    max-width: 810px;
    margin: 117px auto 132px;
  }
  .intro-wrapper .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  .intro-wrapper .column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    max-width: 346px;
    margin-left: 75px;
  }
  
  .double-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 2;
  }
  

  
  .b-column {
    position: relative;
  }
  .intro-wrapper .sub-head-main {
    margin: 0 !important;
    padding-bottom: 20px;
  }
  .intro-wrapper h2 .head-2 {
    color: var(--medium-blue);
    font-size: 33px;
    line-height: 34px;
    font-weight: 600;
    font-family: var(--font-c) !important;
    text-transform: none !important;
    letter-spacing: 0px;
    margin-bottom: 5px;
    display: block;
  }

  .intro-wrapper h2 .head-1 {
    color: var(--medium-blue);
    font-size: 24px;
    line-height: 28px;;
    font-weight: 400;
    font-family: var(--font-c) !important; 
    font-style: italic;
    text-transform: none !important;
    letter-spacing: 0px;
    display: block;
}
.intro-wrapper p {
    line-height: 24px !important;
    font-size: 18px;
}
.intro-wrapper .right-content-wrap {
    margin-top: 60px;
}
.intro-wrapper .left-content-wrap {
    margin-bottom: 60px;
}
.image-content-wrap {
    text-align: center;
    position: relative;
}
.image-1 {
    width: 327px;
    height: 237px;
}
.image-2 {
    height: 439px;
    width: 293px;
}
.a-column .image-1-wrap{
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -20px;
    z-index: -1;
}
.b-column .image-2 {
  animation: fadeInUpSmall 2s forwards;
  animation-delay: 2s;
}
.b-column .image-1 {
  animation: slideInLeft 2s forwards;
}
.b-column .image-1-wrap{
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -5px;
    z-index: -1;
}
.image-intro {
  vertical-align: baseline;
  
}
.image-1 {
  position: relative;
  animation:  2s slideInRight;
}
.image-1-wrap {
  width: 327px;
  height: 237px;
  overflow: hidden;
  position: relative;

}
.image-1-wrap:before {
  content: "";
  background: var(--black);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  animation: 2s slideInRight forwards;
  z-index: 5;
  opacity: 0.5 !important;
}
.b-column .image-1-wrap:before {
  content: "";
  background: var(--black);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  animation: 2s slideInLeft forwards;
  z-index: 5;
  opacity: 0.5 !important;
}
.image-2 {
  animation: fadeInDownSmall 2s forwards;
  animation-delay: 2s;
  opacity: 0;
  vertical-align: baseline;
}








  
/*
==============================================
pullUp
==============================================
*/

.pullUp{
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
}

@keyframes pullUp {
	0% {
    opacity: 0;
		transform: scaleY(0);
	}
	100% {
    opacity: 1;
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0);
	}
	
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
==============================================
pullDown
==============================================
*/

.pullDown{
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 		
}

@keyframes pullDown {
	0% {
		transform: scaleY(0.1);
    opacity: 0;
	}
	100% {
    opacity: 1;
		transform: scaleY(1);
	}							
}

/*
==============================================
Quote Section
==============================================
*/
.body-home .quote-section {
    border-top: none;
    background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/quote/quote-art-institute-bronze-lion-102423034.jpg);    
    height: 605px;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.body-home .quote-section .quote-overlay {
    content: "";
    background: var(--darkest-blue);
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.36;
    animation: none;
}
.body-home .quote-section:after {
    display: none;
}
.quote-section .quote-content {
    padding: 0 !important;
}
.quote-section .quote-wrapper {
    background-image:none;
    width: 406px;
    text-align: right;
    float: right;
    position: inherit;
}
.quote-section .quote {
    font-size: 25px;
    line-height: 35px;
    font-weight: 300;
    font-family: var(--font-bm) !important; 
    margin-top: 60px !important;
}
.body-home .quote-section .quote-cite {
    font-size: 19px;
    line-height: 24px;
    font-weight: 300;
    font-family: var(--font-c) !important; 
    color: var(--white) !important;
    padding-top: 12px;
    position: relative;
}
.quote-section .quote-wrapper .quote-hr {
    display: none;
}
.cite-line {
    top: 0;
    width: 100%;
    height: 1px;
    background: var(--light-tan);
    position: absolute;
    width: 100%;
    animation: zoomIn 1s forwards;
}
.cite-main {
    animation: slideInDown 1s forwards;

}
/*
==============================================
Interior Quote Section
==============================================
*/

.interior .quote-section {
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/bkg-pattern-tan.jpg);  
}
.interior .quote-section .quote-wrapper {
  width: 100%;
  text-align: center;
  float: none;
  position: inherit;
  padding: 50px 35px 85px;
}
.interior .quote-section:before {
  content:"";
  height: 25px;
  width: 100%;
  top:0;
  left:0;
  opacity: 1;
  position: absolute;
  display: block;
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/texture-clean-gold-texture-background-illustration-622205818.jpg); 
  background-repeat: repeat-x;
}
.interior .quote-section .quote {
  max-width: 810px;
  color: var(--dark-blue);
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-c) !important;
  font-size: 27px;
}
.interior .quote-section .quote-cite {
  margin-top: 22px;
  font-family: var(--font-c);
  font-style: italic;
  font-size: 21px;
  line-height: 24px;
  color: var(--dark-blue) !important;
}
/*
==============================================
Niches Section
==============================================
*/
 
/*
==============================================
Team Section
==============================================
*/
.team-section {
    border-top: none;
    background: #fff;
}
.team-carousel {
    background: var(--white);
    padding: 85px 60px 20px;
    margin-top: -160px;
}
.team-copy {
    text-align: right;
    padding-left: 100px;
}
.team-copy .rich-text-container {
    padding-right: 30px;   
}
.team-copy .team-line {
    height:  1px;
    width: 165px;
    background: var(--dark-tan);
    display: block;
    right: 0;
    position: absolute;
    animation: zoomIn 1s forwards;
}
.team-section .head-1 {
    display: inline;
    font-size: 66px;
    line-height: 68px;
    font-weight: 300;
    color: var(--dark-tan);
    font-family: var(--font-c);  
    text-transform: lowercase;
    font-style: italic;
}
.team-section .head-2, .team-section .head-3 {
    font-size: 66px;
    line-height: 48px;
    font-weight: 500;
    font-family: var(--font-c);  
    color: var(--dark-blue);
    text-transform: none;
    text-align: right;
    margin-top: -16px;
    animation: none;
}
.team-section .head-2 {
    display: inline;
}

.interior .yearbook-three .yearbook-name-wrapper {
  padding: 20px 20px 0px 33px;
}
.yearbook-first-name:before {
    content: "";
    height: 40px;
    width: 3px;
    background: var(--dark-tan);
    display: block;
    position: absolute;
    margin-left: -18px;
    margin-top: 8px;
}
.team-section .head-4 {
    text-align: right;
    display: block;
    font-size: 25px;
    line-height: 29px;
    font-weight: 300;
    color: var(--medium-blue);
    font-family: var(--font-c);  
    text-transform: none;
    font-style: italic;
}
.yearbook-container .slick-prev, .yearbook-container .slick-next {
    border-color: var(--dark-tan);
}
.slick-prev, .slick-next {
    top: 33%;
}
.yearbook-three .yearbook-name-wrapper {
    text-align: left;
}
.yearbook-three .yearbook-title {
    width: calc(100% - 0px);
}
.yearbook-hr {
    display: none;
}




/* bio/yearbook First and Last Name */
.copy-section .yearbook-container .yearbook-last-name,
.copy-section .yearbook-container .yearbook-first-name,
.team-section .yearbook-last-name, 
.team-section .yearbook-first-name, 
.bio-detail-first-name, 
.bio-detail-last-name, 
.bio-detail-designation, 
.bio-detail-middle-initial, 
.bio-detail-preferred-name {
  font-size: 25px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  font-family: var(--font-c) !important;
  color: var(--dark-blue) !important; 
  text-transform: none !important;
  display: inline !important;
}
/* bio/yearbook title */
.yearbook-designation-wrapper .yearbook-title, .bio-detail-title-wrapper, .bio-detail-title {
  font-size: 14px !important;
  text-transform: none !important;
  color: var(--black);
}
.bio-section .bio-detail-designation {
  font-size: 18px !important;
}
.copy-section .yearbook-container .yearbook-designation, .team-section .yearbook-container .yearbook-designation, .bio-detail-last-name-designation-wrapper {
  font-size: 19px;
  line-height: 18px;
  font-weight: 400;
  font-family: var(--font-c);
  color: var(--dark-blue) !important; 
  margin-top: -19px;
  display: block;
}

.team-section .yearbook-designation-wrapper {
  display: inherit !important;
}
.copy-section .yearbook-links {
  text-align: left;
}
/* bio/yearbook icon */
.bio-detail-links-wrapper .fa, .yearbook-links .fa, .yearbook-links a {
  color: var(--dark-tan) !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* bio/yearbook icon hover */
.bio-detail-links-wrapper .fa:hover, .yearbook-links .fa:hover, .yearbook-links a:hover {
  color: var(--dark-blue) !important;
}
.body-home .team-section .slick-dots {
  display: none !important;
}
.team-section .button {
  border: none;
  margin: 0;
  display: inline-block;
}
.team-section .button a {
  font-size: 17px;
  line-height: 18px;
  font-weight: 500;
  color: var(--dark-blue);
  font-family: var(--font-c);
  letter-spacing: 0;
  display: inline-block;
}
.team-section .button a:hover {
  color: var(--dark-tan);
  letter-spacing: 0;
}
.yearbook-three .yearbook-headshot-wrapper {
  overflow: hidden;
}
.yearbook-three .yearbook-headshot {
  transition: transform .8s ease;
}
.copy-section .yearbook-three a:hover .yearbook-headshot, .team-section .yearbook-three a:hover .yearbook-headshot {
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}
.copy-section .yearbook-three .yearbook-headshot-wrapper::after, .team-section .yearbook-three .yearbook-headshot-wrapper::after, 
.team-section .yearbook-three a:hover .yearbook-headshot-wrapper:after {
  display: none;
}
.yearbook-three .yearbook-slide {
  margin-left: 0;
  margin-right: 0;
}
.team-section:before {
  content:"";
  height: 37px;
  width: 100%;
  top:0;
  opacity: 0.25;
  position: absolute;
  display: block;
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/team-pattern-art-deco-seamless-pattern-luxury-geometric-1144260109.jpg); 
  background-repeat: repeat-x;
}
.team-section {
  position: relative;
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/bkg-buckingham-sunset-991536930); 
  min-height: 1205px;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-top: 120px;
}
.bio-quote-section {
  display: none;
}
/*
==============================================
Callouts Section
==============================================
*/
.callouts-section .callouts-container {
  margin-top: 95px;
}

.callouts-section .callouts-content {
    margin-top: 0;
    margin-bottom: 90px;
}
 .callouts-section {
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/bkg-pattern-tan.jpg);  
  background-repeat: repeat;
  padding-left:0;
  padding-right:0;
  
 }
 .callouts-section:before {
  content:"";
  height: 25px;
  width: 100%;
  top:0;
  left:0;
  opacity: 1;
  position: absolute;
  display: block;
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/texture-clean-gold-texture-background-illustration-622205818.jpg); 
  background-repeat: repeat-x;
}
.callouts-container, .callouts-mobile-slider {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 300px 300px 300px;
  grid-template-columns: repeat(2, 1fr);
  }

.callouts-section .callouts-container .callout-item {
  text-align: center;
  position: relative;
  padding-top: 0;
  height: 390px;
}
.callouts-section .callouts-container .callout-link {
display: flex;
flex-direction: column;
justify-content: center;
}
.callouts-section .callouts-container .callout-item .callout-cta-wrapper button {
  width: 100%;
}

.callouts-section .callout-1 {
  grid-column-start: 1;
  grid-row-end: 1;
}

.callouts-section .callout-3 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 1;
}
.callouts-container .callout-item .callout-copy-wrapper:before {
  content:"";
  height: 100px;
  width: 4px;
  background: var(--dark-tan);
  position: absolute;
  display: none;

}
.callouts-container .callout-item.callout-1 .callout-copy-wrapper:before {
  left: 0;
}
.callouts-container .callout-item.callout-2 .callout-copy-wrapper:before {
  right: 0;
}
.callouts-container .callout-item.callout-3 .callout-copy-wrapper:before {
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 4px;
}
  
.callouts-container .callout-item .callout-image-wrapper {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  max-height: 390px;
  overflow: hidden;
}
.callouts-container .callout-item .callout-image {
transition: transform .8s ease;
}
.callouts-section .callouts-container .callout-link:hover .callout-image {
  
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
  }
.callout-heading-wrapper, .callout-copy-wrapper, .callout-cta-wrapper {
  z-index: 3;
  position: relative;
}
.callouts-section .callouts-container .callout-item .callout-copy-wrapper {
  font-size: 17px;
  line-height: 25px;
  margin-top: 32px;
  padding: 0 30px;
  background: #ffffff;
  width: 360px;

  height: 220px;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.callouts-section .callouts-container .callout-item .callout-copy-wrapper p {
  font-family: var(--font-c);
  font-weight: 400;
  font-size: 15px;

  line-height: 16px;
}

.callouts-section .callouts-container .callout-item.callout-1 .callout-copy-wrapper {
  position: absolute;
  left: -30px;
}
.callouts-section .callouts-container .callout-item.callout-2 .callout-copy-wrapper {
  position: absolute;
  right: -30px;
}
.callouts-section .callouts-container .callout-item.callout-3 .callout-copy-wrapper {
  margin: 0 auto;
  width: 535px;
  bottom: -50px;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.callouts-section .callouts-container .callout-item.callout-3 .callout-copy-wrapper p {
  padding: 0 80px;
}
.callouts-section .callout-item .callout-copy-wrapper .head-1 {
  font-family: var(--font-b);
  font-weight: 300 !important;
  font-size: 30px;
  line-height: 30px;
  color: var(--dark-blue);
  text-transform: none;
}
.callouts-section .callout-item .callout-copy-wrapper .head-2 {
  font-family: var(--font-c);
  font-weight: 300 !important;
  font-size: 26px;
  line-height: 26px;
  font-style: italic;
  color: var(--dark-blue);
  text-transform: none;
  display: block;
}
.callouts-section .callout-item .callout-copy-wrapper p {
  color: var(--dark-blue);
}
.callouts-section .callout-item .callout-copy-wrapper .new-callout-cta {
  font-family: var(--font-b);
  font-weight: 300 !important;
  font-size: 14px;
  line-height: 26px;
  color: var(--dark-blue);
  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.callouts-section .callouts-container .callout-link:hover .callout-copy-wrapper {
  width: 380px;
  padding: 0 40px;
}
.callouts-section .callouts-container .callout-link:hover .new-callout-cta {
  color: var(--dark-tan);
  /* letter-spacing: 1px; */
}
.callouts-section .callouts-container .callout-item.callout-3  .callout-link:hover .callout-copy-wrapper {
  width: 555px;
  padding: 0 40px;
}
.callouts-section .callout-item:hover {
  background: none;
}

/*
==============================================
Interior Callouts Section
==============================================
*/ 
.interior .callouts-container {
  margin-top: 60px;
} 
.interior .callouts-container .callout-item .callout-copy-wrapper, .interior .callouts-mobile-slider .callout-item .callout-copy-wrapper {
  text-align: center;
}
.interior .callouts-container .head-1 {
  font-family: var(--font-b);
  font-weight: 300 !important;
  font-size: 30px !important;
  line-height: 30px;
  color: var(--dark-blue);
  text-transform: none;
}
.interior .callout-copy-wrapper p {
  font-family: var(--font-c);
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: var(--dark-blue) !important;
}
.interior .callout-item .callout-copy-wrapper .new-callout-cta {
  font-family: var(--font-b);
  font-weight: 300 !important;
  font-size: 14px;
  line-height: 26px;
  color: var(--dark-blue);
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}
.interior .callouts-container .callout-link:hover .new-callout-cta {
  color: var(--dark-tan);
  letter-spacing: 1px;
}
/* .interior .callout-link:hover {
  background: #f5f5f5;
} */
.interior .callouts-container .callout-item .callout-categories-wrapper, .interior .callouts-mobile-slider .callout-item .callout-categories-wrapper {
  display: none;
}

.interior .callouts-container .callout-item .callout-copy-wrapper, .interior .callouts-mobile-slider .callout-item .callout-copy-wrapper {
  grid-row: 4;
  padding: 0 60px;
}
.interior .callouts-container .callout-item.callout-2 .callout-copy-wrapper:before {
  left: -18px;
  height: 100%;
  width: 2px;
}
.callouts-container .callout-item.callout-1 .callout-copy-wrapper:before {
  display: none;
}

.inspiration-callout {
  grid-template-columns: repeat(1, 1fr);
  position: relative;
}



/*
==============================================
POV Section
==============================================
*/  
 
/*
==============================================
Footer Section
==============================================
*/
.footer-section {
  background: #31455b;
  position: relative;
}
.footer-section:before {
  content:"";
  height: 100%;
  width: 100%;
  opacity: 0.1;
  position: absolute;
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/footer-pattern-art-deco-seamless-pattern-luxury-geometric-1144260109.jpg);
  background-repeat: repeat;
  z-index: 0;
}
.ftr-cta-wrapper {
  text-align: center;
}
.ftr-cta-wrapper h4 {
  font-family: var(--font-b);
  font-weight: 300 !important;
  font-size: 38px;
  line-height: 38px;
  color: var(--dark-blue) !important;
  text-transform: none;
  margin: 0;
}
.footer-section .social-container a .fa {
  color: var(--dark-tan) !important;
}
.footer-section .social-container a:hover .fa {
  color: var(--dark-blue) !important;
}
.footer-cta-social-section {
  background: var(--white);
  position: relative;
  z-index: 5;
  padding: 55px 30px 37px;
}
.body-bio .footer-cta-social-section, .body-resource-detail .footer-cta-social-section {
  border-top: 2px solid #e0d6cd;
}
.footer-section .social-container {
  border-bottom: none;
  border-top: none;
  padding: 0;
}
.footer-section .social-container:after {
  display: none;
}
.ftr-cta {
  padding: 0;
}
.footer-section .ftr-nap .ftr-nap-address:before {
  display: none;
}
.footer-section .footer-contact-info .ftr-nap-phone, .ftr-nap-wrapper .ftr-nap .ftr-nap-map-directions, .ftr-nap p {
  display: block;
}
.footer-section .ftr-nap li, .footer-section .ftr-nap-phone a {
  display: inline;
  padding: 0px;
}
.footer-section .ftr-nap-phone a {
  padding-right: 10px;
}
.ftr-nap-address {
  display: block !important;
}
.footer-section .ftr-disclosures {
  text-align: left;
}
.ftr-disclosures-wrapper {
  padding: 0;
}
.footer-section .ftr-disclosures, .footer-section .content-disclosure-wrapper p {
  color: var(--white);
  margin: 0;
  font-family: var(--font-op);
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  font-style: normal;
}

.ftr-logo-wrapper {
    padding: 65px 0 55px;
}
.footer-section .ftr-nap-phone a:hover, .footer-section .footer-content a:hover {
  color: var(--light-tan);
}
.ftr-group-name {
  font-family: var(--font-op);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}
.footer-section .footer-name:hover .ftr-group-name {
  color: var(--light-tan);
}
.footer-hedge {
  padding-left:0px;
}
.ftr-disclosures-wrapper  .row {
  margin: 0px;
}
.footer-hedge-content {
  padding-bottom: 40px;
}
.ftr-nap {
  margin-top: 0px;
}

/*
==============================================
Interior Billboard Section
==============================================
*/

.interior .billboard-section:before {
  content: "";
  height: 15px;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  position: absolute;
  display: block;
  background-image: url(/-/media/rj/advisor-sites/sites/c/o/cohenfinancial/images/texture-clean-gold-texture-background-illustration-622205818.jpg) !important;
  background-repeat: repeat-x;
  z-index: 5;
}
.interior .billboard-content:after {
  display: none;
}
.interior .billboard-container {
  min-height: 590px;
}

/*
==============================================
Interior content copy section
==============================================
*/
.copy-section h3 {
  line-height: 23px;
}
.billboard-section h1, .copy-section h1, .services-section .services-headline h2, .team-section h4, .pov-section h4, .copy-section .head-2, .copy-section .head-1, .copy-section h2, .copy-section h3, .copy-section h4, .copy-section h5 {
  color: var(--dark-blue);  
  font-family: var(--font-c);
  font-weight: 300;
}
.body-home .billboard-section h1 {
text-shadow: 5px 5px 8px #000000;
}
.copy-section h1 {
  text-align: center;
}
.copy-section .head-1 {
  font-family: var(--font-b);
  
  margin: 0;
  font-size: 48px !important;
  line-height: 45px;
  font-weight: 300;
  font-style: normal;
  text-transform: none;
}
.copy-section .head-2 {
  font-family: var(--font-c);
  
  margin: 0;
  font-size: 37px;
  line-height: 37px;
  font-weight: 300;
  font-style: italic;
  text-transform: none;
  text-align: center;

}
.billboard-section h1:after, .services-section h2:after, .team-section h4:after, .pov-section h4:after, .pov-carousel .mc-heading:after, .footer-section .footer-cta-section h4:after, .copy-section h1 .head-2:after, .body-about-us .copy-section h2:after {
  display: none;
}
.body-our-community h3 {
  text-align: center;
}
.exp-main-content {
  border: 1px solid #ecedef;
  padding: 30px 60px;
  background: #fcfcfd;

}
.exp-main-content .exp-header {
  text-align: center;
  font-weight: 500;
  font-size: 25px;
}
.exp-main-content h3 {
  font-weight: 400;
  font-size: 20px;
}
.exp-main-content-main-p {
  margin-bottom: 20px;
  text-align: center;
}
.exp-main-content-main-p:after {
  content: "";
  width: 2px;
  height: 60px;
  display: block;
  position: relative;
  background: #f1e8e8;
  margin: 0 auto;
}


/*
==============================================
Blog Archive Sidebar Links
==============================================
*/
/* .filter-list-heading a, .filter-list-links .filter-list-date a, .filter-list-category a, .filter-list-topic a, .filter-list-media a {
  color: red !important;
}
 
.filter-list-heading a:hover, .filter-list-heading ul li a:hover {
  color: blue !important;
} */
 
 
 /*
==============================================
Responsive Media Queries
==============================================
*/
  
/* Large devices (tablet landscape, 1024px and less) tablet-pro-l */
   @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
    
}
 
/* Large devices (tablet landscape, 1024px and less) tablet-pro-p */
   @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {

}
 
/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
  .header-sticky {
    margin-top: 0;
  }
  .billboard-content-wrapper .container {
    bottom: 30px;
  }
  .quote-section .quote-wrapper {
    width: 386px;
  }
  .team-copy {
    padding-left: 30px;
  }
  .callouts-container .callout-item {
    width: 100% !important;
  }
  .callouts-section .callouts-container {
    padding: 0 40px;
  }
  .callouts-section .callouts-container .callout-item {
    height: 280px;
    display: grid;
  }
  .copy-section .yearbook-slide {
    width: 37%;
  }
}
 
 
/* 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) {
  .header-main {
    border-bottom: 20px solid var(--medium-blue);
  }
  .nav-overall-wrapper:not(.van-mobile-nav) .nav {
    background-image: none !important;
    box-shadow: none;
    background: var(--medium-blue) !important;
  }
  .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a {
    padding: 8px 5px 8px 15px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .fa-angle-down:before {
    color: var(--light-tan);
  }
  .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav li:hover > .nav-subnav {
    margin-top: 0;
  }
  .nav-address-wrapper, .nav-address-wrapper a {
    font-family: var(--font-op);
    font-size: 14px;
    text-transform: none !important;
  }

  /* Hamburger Menu Icon */
  .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: var(--dark-blue);
  }
 
 
  /* Hamburger Menu Icon Active and Open*/
  .nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper .nav-trigger.nav-opened span:before, .nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper .nav-trigger.nav-opened span:after {
    background: var(--light-tan);
  }
  .nav-container .address-group-name-wrapper {
    display: none !important;
  }
  .billboard-container.billboard-full-height {
    min-height: calc(70vh - 0px) !important;
  }
  .intro-wrapper {
    max-width: 100%;
  }
  .intro-wrapper .column {
    max-width: 90%;
    margin-left: 30px;
  }
  .body-home .quote-section .quote-overlay {
    opacity: 0.66;
    animation: none;
  }
  .team-carousel {
    padding: 85px 90px 50px;
    margin-top: 30px;
  }
  .team-copy {
    padding-left: 0;
    text-align: center;
  }
  .team-section .head-2, .team-section .head-3, .team-section .head-4 {
    text-align: center;
    max-width: 100%;
  }
  .team-copy .rich-text-container, .team-copy {
    padding-right: 0px;
  }
  .team-copy .team-line {
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .body-home .team-section .slick-dots {
    display: block !important;
  }
  .callouts-container, .callouts-mobile-slider {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 300px 300px;
    grid-template-columns: repeat(1, 1fr);
  }
  .callouts-section .callout-1 {
    grid-column-start: 1;
    grid-row-end: 1;
  }
  .callouts-section .callout-3 {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 3;
  }
  .callouts-section .callout-3 {
    grid-column-start: 1;
    grid-row-end: 3;
  } *
  .callouts-section .callouts-container .callout-item {
    height: 280px;
    display: grid;
    margin: 0;
  }
  .callouts-container .callout-item .callout-image-wrapper {
     max-height: 280px;
       position: initial;
  }
  .callouts-section .callout-3 .callout-link {
    display: grid;
  }
  .callouts-section .callout-1 {
    grid-column-start: 1;
    grid-row-end: 2;
  }
  .callouts-container .callout-item .callout-image-wrapper .callout-image {
    display: block;
    max-width: 100%;
    height: 100%;
  }
  .callouts-section .callouts-container .callout-item .callout-copy-wrapper {
    margin-top: 21px;
  }
  .quote-section .quote-wrapper {
    width: 80%;
    text-align: center;
    float: none;
    width: 80%;
    margin: 0 auto;
  }
  .body-home .quote-section {
    justify-content: end;
  }
  .footer-nap-address {
    text-align: center;
  }
  .body-home .billboard-section .head-1:before {
    width: 200px;
    left: -168px;
  }
  .body-home .billboard-section .head-1:after {
    width: 200px;
    right: -168px;   
  }
  /* .no-billboard .header-main {
    border-bottom: 20px solid var(--medium-blue);
  } */
  .interior .yearbook-three .yearbook-name-wrapper {
    padding: 20px 0px 0px 18px;
  }
  .interior .billboard-container {
    min-height: 330px;
  }
  .copy-section .head-1 {
    font-size: 38px !important;
    line-height: 35px;
  }
  .billboard-section .billboard-heading-wrapper {
    bottom: 9px;
  }
  .interior .callouts-container .callout-item.callout-2 .callout-copy-wrapper:before {
    left: 0;
    height: 100%;
    top: -40px;
    width: 100%;
    height: 2px;
  }
  .exp-main-content {
    padding: 20px 30px;
  }
  .box {
    height: auto;
  }
  #mybox img {
    height: auto;
  }

}
 
 
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .team-carousel {
    padding: 85px 30px 50px;
  }
  .callouts-section .callouts-content {
    margin-bottom: 0;
  }
  .callouts-section .callouts-mobile-slider {
    margin-top: 50px;
    margin-bottom: 0px;
  }
  .callouts-version-1.callouts-mobile-slider .callout-slide .callout-copy-wrapper {
    background: var(--white);
    padding: 15px 30px;
    margin-top: 0px;
    margin-bottom: 50px;
  }
    .callouts-version-1.callouts-mobile-slider .callout-3 .callout-image-wrapper .callout-image {
      height: 200px;
    }
  .yearbook-three .yearbook-headshot {
    width: calc(100% - 0px);
  }
  .quote-section .quote-wrapper {
    float: none;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }

  .body-home .quote-section {
    overflow: hidden;
  }
  .body-home .billboard-section .head-2, .body-home .billboard-section .head-1 {
    font-size: 50px !important;
    line-height: 45px;
    display: inline;
  }
  .billboard-section .billboard-heading-wrapper {
    bottom: -10px;
  }
  .body-home .billboard-section .head-4 {
    font-size: 37px;
    line-height: 47px;
  }
  .body-home .billboard-section .head-3 {
    display: block;
  }
  .body-home .billboard-section .head-1:before, .body-home .billboard-section .head-1:after {
    display: none;
  }
  .billboard-content-wrapper .container {
    bottom: 0px;
  }
  .image-content-wrap {
    order: 2;
  }
  .b-column {
    display: flex;
    flex-flow: column;
  }
  .intro-wrapper .right-content-wrap {
    margin-top: 20px;
  }
  .a-column, .b-column {
    overflow: hidden;
  }
  .interior .yearbook-three .yearbook-name-wrapper {
    padding: 20px 0px 18px;
    text-align: center;
  }
  .yearbook-first-name:before {
    display: none;
  }
  .copy-section .yearbook-links {
    text-align: center;
  } 
  .body-home .yearbook-three .yearbook-name-wrapper {
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
  }
  .interior .copy-section .head-1 {
    font-weight: 300 !important;
    font-size: 30px !important;
  }
  .interior .callouts-mobile-slider .callout-item.callout-2  .callout-copy-wrapper:before {
    display: block !important;
    content: "";
    height: 2px;
    top: -8px;
    left: 0;
    width: 100%;
    background: var(--dark-tan);
    position: absolute;
  }
  .interior .callouts-version-1.callouts-mobile-slider .callout-slide .callout-copy-wrapper {
    margin-bottom: 0px;
  }
  .exp-main-content {
    padding: 20px 30px;
  }
  .inspiration-callout.callouts-mobile-slider .callout-slide .callout-copy-wrapper {
    padding: 15px 0px;
  }
  .inspiration-callout .head-2 {
    font-size: 33px;
    line-height: 29px;
  }
}
 
 
 
/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  .billboard-container.billboard-full-height {
    min-height: calc(130vh - 0px) !important;
  }
  .body-home .billboard-section .head-1:before, .body-home .billboard-section .head-1:after {
    display: none;
  }
  .billboard-content-wrapper .container {
    bottom: 0px;
  }
  .callouts-section .callouts-mobile-slider {
    margin-top: 50px;
    margin-bottom: 0px;
  }
  .callouts-section .callouts-content {
    margin-bottom: 0;
  }
  .callouts-version-1.callouts-mobile-slider .callout-slide .callout-copy-wrapper {
    background: var(--white);
    padding: 15px 80px;
    margin-top: 0px;
    margin-bottom: 50px;
  }
  .callouts-version-1.callouts-mobile-slider .callout-3 .callout-image-wrapper .callout-image {
    height: 260px;
  }
  .yearbook-three .yearbook-headshot {
    width: calc(100% - 0px);
  }
  .quote-section .quote-wrapper {
    float: none;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
  .yearbook-container .slick-next, .yearbook-container .slick-prev {
    right: 20px;
    width: 20px;
    height: 20px;
  }
  .image-content-wrap {
    order: 2;
  }
  .b-column {
    display: flex;
    flex-flow: column;
  }
  .intro-wrapper .row {
    display: block;
  }
  .interior .copy-section .head-1 {
    font-weight: 300 !important;
    font-size: 30px !important;
  }
  .interior .callouts-mobile-slider .callout-item.callout-2  .callout-copy-wrapper:before {
    display: block !important;
    content: "";
    height: 2px;
    top: -8px;
    left: 0;
    width: 100%;
    background: var(--dark-tan);
    position: absolute;
  }
  .interior .callouts-version-1.callouts-mobile-slider .callout-slide .callout-copy-wrapper {
    margin-bottom: 0px;
  }
}
 
/* IE only */
@media screen\0 {
 
}