/*
Nunito Bold
font-weight: 700;

Nunito Regular
font-weight: 400;

Nunito Light
font-weight: 300;

Nunito SemiBold
font-weight: 600;

*/

* 			{margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;}
html		{height:100%;}
form		{height:100%;}
body		{height:100%; font-family: nunito, sans-serif; background-color: #fff; /*-webkit-font-smoothing: antialiased !important;  -moz-font-smoothing: antialiased !important; text-rendering: optimizelegibility !important;*/}
input[type="submit"]	{background-color:transparent; font-family: nunito, sans-serif; cursor: pointer;}
input[type="text"]		{background-color:#fff; -webkit-border-radius:0; -webkit-appearance:none; border-radius:0; appearance:none; font-family: nunito, sans-serif;}
input[type="text"]::-webkit-input-placeholder	{opacity: 1; color: #666}
input[type="text"]::-moz-placeholder 			{opacity: 1; color: #666}
input[type="text"]:-ms-input-placeholder		{opacity: 1; color: #666}
input[type="text"]:-moz-placeholder				{opacity: 1; color: #666}
button											{background-color:transparent; cursor: pointer; transition: 0.2s ease-out}
button:hover									{opacity: 0.5}
textarea										{background-color:transparent; -webkit-border-radius:0; -webkit-appearance:none; border-radius:0; appearance:none; font-family: nunito, sans-serif;}
strong		{font-weight: 600}
.inner		{width:1258px; max-width: 100%; margin: auto; position: relative;}
a.cover		{position:absolute; left: 0; top: 0; width:100%; height: 100%; z-index: 10; background-color:rgba(0,0,0,0);display:block;}

.main-content	{}

header {position: absolute; width: 100%;}

.staff-mobile-image {display: none;}


/** PANELS **/
.col-row	{font-size:0; position:relative; display:block;z-index:5;}

.col-1a,
.col-1		{width:25%; vertical-align: top; display: inline-block; font-size:16px;}
.col-2		{width:50%; vertical-align: top; display: inline-block; font-size:16px;}
.col-4		{width:100%; vertical-align: top; display: inline-block; font-size:16px;}

.col-row-grid			{width:calc(100% + 15px); margin-left: -7.5px;}
.col-row-grid .col-2,
.col-row-grid .col-1a,
.col-row-grid .col-1	{padding: 7.5px;}

.col-row-grid-span-3 .col-1a,
.col-row-grid-span-3 .col-1	{width: 33.333%}


/** LOGO **/
.logo-lockup		{width: 115px; padding-top: 25px;}

/* HEADER CONTAINER */
.hero-image		            {height:auto; min-height: 444px; width:100%; background-position:top center; background-repeat:no-repeat; background-size: 3500px auto; background-color: #181d29; padding-bottom: 40px; margin-bottom: 30px;}
.header-text-container		{width: 100%; max-width: 1200px; padding:200px 40px 0px 40px; margin: 0 auto;}
.header-text-container h1	{color:#fff; font-weight: 300; font-size: 50px; line-height: 1em; margin-bottom: 0.6em;}
.header-text-container ul 	{font-size: 13px; line-height: 1.4em; font-weight: 300; margin-left: 20px; margin-bottom: 1.4em;}

.bg-wrapper-carousel                    {width:100%; min-height:100%; position:absolute !important; top:0; left:0;}
.bg-wrapper-carousel .page-carousel     {background-position:top center; background-repeat:no-repeat; /*width:100% !important;height:100% !important;*/}
.bg-wrapper-carousel .bg-wrapper-carousel-inner {position:absolute;top:0;left:0;width:100%;height:100%;}
.bg-wrapper-carousel .slick-track, .bg-wrapper-carousel .slick-list {height:100%;}

.default-text-container .buttons .btn:last-child	{margin-right: 0}


.fs											{display: inline-flex; flex: 1}
.fs .filter-cell							{display: inline-flex; width: 52%;}

.staff-filter-container .filter-cell		{max-width: 100%;}

.staff-filter-container								{display: flex; justify-content: space-between;}
.staff-filter-container .filter-cell				{margin: 0;  max-width: 100%; margin-right: 17px;}
.staff-filter-container .filter-cell .dk-select		{max-width: 100%;}
.staff-filter-container .filter-cell .dk-selected	{width: 100%;}

.filter-cell-person-search.filter-cell .filter-search,
.filter-cell-person-search.filter-cell .filter-search input[type="text"]	{width: 100%;}

.dk-selected:before						{top:2px !important}

.staff-filter-container	 .dk-select-options	{width: 100% !important;}

.dk-select-open-up .dk-select-options	{margin-left: 0 !important}

.staff-filter-container.news-filter-container .filter-cell .dk-select	{width: 200px}

.news-filter-container .fs						{width: 725px; max-width: 100%}
.news-filter-container .btn-subscribe			{margin-bottom: 0}

/* HEADER CONTROLS */
.header-controls-wrapper 	{width:1258px; margin:0 auto; position:fixed; top:0; z-index:510; }
.header-controls			{position:absolute; right: 0; top: 57px; font-size: 0; align-items: center; padding-right: 15px;}
.header-controls a			{display: inline-block; vertical-align: top; transition: 0.2s ease-out; margin-left: 10px; padding: 5px; cursor: pointer; position: relative; z-index: 5}
.header-controls a i		{color:#000}
.header-controls a:hover	{opacity: 0.8;}
.header-controls a:hover i	{color:#fff}

a.mobile-about-btn,
a.mobile-contact-btn	{display: none;}

.header-controls:before	{position: absolute; background-color: rgb(16 14 25); border-radius: 50px; right: 0; top:-7px; width: 217px; height: 50px; content: ''; z-index: 0}


/** MENU BUTTON **/
.header-controls a.header-hamburger 			{opacity: 1; top: 2px; position: relative; margin-left: 37px; padding-right: 0}
.header-controls a.header-hamburger.active		{opacity: 0; transition: 0.2s ease-out;}

/** SEARCH **/
a.header-search								{}
a.header-search.active						{background-color:#171c28;}
a.header-search.active i					{color:#fff;}
a.header-search.active .search-toggle		{display:none}
a.header-search.active .close-search		{display:block;}
a.header-search .close-search				{display:none; height: 23px; width: auto}
.search-container				{display:inline-flex; flex-direction: column-reverse; align-items: flex-end; position: relative; top: 0; transition: top 0.3s ease-in-out}
.search-container.active		{top:0;}
.search							{background-color:#171c28; padding: 15px; height: 73px; opacity: 0; visibility: hidden; transition: 0.3s ease-in-out}
.search	input[type="text"]		{background-color:transparent; font-size: 14px; padding-right: 20px;}
.search-inner					{padding: 10px 15px 10px; width: 250px; border-radius: 40px; background-color: #fff; position: relative;}
.search-inner button			{font-size:16px; position: absolute; right: 15px; top: 50%; margin-top: -10px;}

.search-container.active .search	{opacity: 1; visibility: visible}

/** NAV **/
#nav-container			{position:fixed; left: 0; top: -1200px; height: 100%; width: 100%; background-color:#100f19; z-index: 520; visibility: hidden; opacity:1; /*transition: 0.2s ease-out;*/ transform: scale(1); /*background-size:100% 200%; background-image:linear-gradient(to bottom, #456390 50%, #456390 50%);*/ -webkit-transition:0.3s ease-out; -moz-transition:0.3s ease-out; transition:0.4s ease-out;overflow: hidden; }
#nav-container.active	{opacity: 1; visibility: visible; transform: scale(1); top: 0px;}
#nav-container h1		{color:#00c7ff; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 1.5em;}
/*#nav-container h1.has-colour {color:rgba(0, 0, 0, 0.50);}*/
#nav-container p		{color:#ffffff; font-size: 27px; font-weight: 300; line-height: 1.4em;}

#nav-container:after	{position:fixed; left: 6vw; top: 0; width: 100%; height: 100%; background-image: url('/_uploads/menu/menu-default.jpg'); background-position:center; background-repeat: no-repeat; background-size: cover; display: block; content: '';}

#nav-container.funds:after {background-image: url('/_uploads/menu/menu-funds.jpg');}
#nav-container.private-wealth:after {background-image: url('/_uploads/menu/menu-private-wealth.jpg');}
#nav-container.corporate:after {background-image: url('/_uploads/menu/menu-corporate.jpg');}

/*nav-container:before	{position:fixed; width: 45%; left: 10vw; height: 100%; content: ''; background-color: rgba(255,255,255,0.3);}*/
.nav-table-container	{display: table; width: 100%; height: 100%; position: relative; z-index: 10}
.nav-cell				{display: table-cell; vertical-align: top;}
.nav-cell-left			{width:60%; padding-top: 16vw;}
.nav-cell-right			{width:40%; vertical-align: middle;}
.nav-left-cell-text		{display:inline-block; width:50%; max-width: 90%; margin-left: 20%;}

.nav-left-cell-text .menu-hover-text {display:none; padding-right:65px;}
/*.nav-left-cell-text .menu-hover-text.active {display:block;}*/
.nav-left-cell-text .menu-hover-text .hover-svg {width:30px; margin-bottom:25px;}
.nav-left-cell-text .menu-hover-text .hover-svg svg path {fill:rgba(0, 0, 0, 0.50);}
.nav-left-cell-text .menu-hover-text .hover-svg svg rect {fill:none;}

ul.main-nav				{list-style:none; font-weight: 500; text-transform: uppercase;}
ul.main-nav	li			{line-height:1.3em; /*margin-bottom: 15px; padding-bottom:15px;*/}
ul.main-nav	li a		{text-decoration:none; color: #fff; position: relative; transition: color 0.2s ease-out; padding-bottom:15px; display:inline-block;}	
ul.main-nav	li a:after	{position:absolute; left: -25px; top: 50%; margin-top: -12px; width: 8px; height: 8px; background-color: #00c7ff; border-radius: 100px; content: ''; opacity: 0; visibility: hidden; transition: 0.3s ease-in-out; display: block;}
ul.main-nav	li a:before	{position:absolute; left: -32px; top: 50%; margin-top: -19px; width: 20px; height: 20px; border:1px solid #00c7ff; background-color: transparent; border-radius: 100px; content: ''; opacity: 0; visibility: hidden; transition: 0.3s ease-in-out; display: block}


ul.main-nav	li a.funds:hover {color: #78c740;}
ul.main-nav	li a.funds:after	{background-color: #78c740;}
ul.main-nav	li a.funds:before	{border:1px solid #78c740;}

ul.main-nav	li a.corporate:hover {color: #ff6300;}
ul.main-nav	li a.corporate:after	{background-color: #ff6300;}
ul.main-nav	li a.corporate:before	{border:1px solid #ff6300;}

ul.main-nav	li a.private-wealth:hover {color: #c233ff;}
ul.main-nav	li a.private-wealth:after	{background-color: #c233ff;}
ul.main-nav	li a.private-wealth:before	{border:1px solid #c233ff;}

#nav-container.funds h1		        {color:#78c740;}
#nav-container.corporate h1		    {color:#ff6300;}
#nav-container.private-wealth h1	{color:#c233ff;}

ul.main-nav	li a:hover:after,
ul.main-nav	li a:hover:before,
ul.main-nav	li.active a:after,
ul.main-nav	li.active a:before {visibility:visible; opacity: 1;}

ul.main-nav	li.remove-dot a:after,
ul.main-nav	li.remove-dot a:before {visibility:hidden; opacity:0;}

ul.main-nav	li ul		{font-weight:300; font-size: 15px; list-style: none; margin-top: 20px; margin-bottom: 40px;}
ul.main-nav	li ul li a	{color:rgba(255,255,255,0.7)}
ul.main-nav	li ul li a:hover	{color:#fff;}

ul.main-nav li ul li.active a {color:#FFF;}

ul.main-nav	li.active > ul li a:after,
ul.main-nav	li.active > ul li a:before			{visibility:hidden; opacity:0;}

ul.main-nav	li.active.remove-dot a:hover:after,
ul.main-nav	li.active.remove-dot a:hover:before {visibility:visible; opacity:1;}

ul.main-nav	li.active > ul li a:hover:after,
ul.main-nav	li.active > ul li a:hover:before	{visibility:visible; opacity:1;}


.home-button i			{color:rgba(255,255,255,1); font-size: 35px; position: absolute; left: 35px; top: 35px; z-index: 20; transition: 0.2s ease-out}
.home-button:hover i	{color:rgba(255,255,255,0.7);}

.close-button i			{color:rgba(255,255,255,1); font-size: 35px; position: absolute; right: 35px; top: 35px; z-index: 20; transition: 0.2s ease-out}
.close-button:hover i	{color:rgba(255,255,255,0.7);}

.nav-scroller			{display: block; height: 100%; max-height: 700px; overflow: visible; padding: 40px 0;}

.close				{position:absolute; right: 20px; top: 20px; z-index: 20; font-size: 35px;}
.close i			{color:#000}

/* HOME GRID */
.panel				{padding:28px; position: relative; font-size: 16px; background-repeat: no-repeat; padding-bottom: 30px; background-size: cover; min-height: 453px; overflow: hidden; background-color: #0e0e19; transition: box-shadow 0.2s ease-out;}
.panel.externalurl2 {display: flex; justify-content: flex-end; flex-direction: column;}

.panel h2			{font-size:23px; color: #fff; font-weight: 300; line-height: 1.3em; margin-bottom: 1.3em; width:93%; position: relative; z-index: 2}
.panel h2 a         {color:#FFF; text-decoration:none;}
.panel p			{font-size:12px; color: #fff; font-weight: 300; line-height: 1.4em; width: 90%; margin-bottom:2em; position: relative; z-index: 2}
.panel p.panel-date {width: 50%; float: right; margin-top: -8px; }

.panel.panel-testimonial h2 {font-size: 21px; }

.

.panel p.tag		{width:auto; position: relative; z-index: 15}
.panel p.tag a		{color:#fff; font-size: 11px; text-decoration: none; border-bottom: 2px solid #fff; transition: 0.2s ease-out;}
.panel-icon			{height:30px; margin: 32px 0 20px; position: relative; z-index: 2}
.panel-icon svg		{height:30px;width:30px;}
a.solution-icon		{position:absolute; font-size: 14px; color: #fff; right:28px; top: 28px;}
.panel-date			{position:absolute; right:0; text-align:right; top:10px;}
.panel-inner		{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}

.panel-line			{background-color:#004ebc; position: absolute; left: 0; top:0; width: 100%; height: 10px;}
.panel-line:after	{position: absolute; right:0; top:0; width: 50%; height: 100%; content:''; z-index: 1}
.panel:after		{position: absolute; right:0; top:0; width: 50%; height: 100%; content:''; z-index: 0; opacity: 0.2}

.col-2 .panel:after {z-index: -1;}

/* SOLUTIONS VERSIONS */

/* NO SOLUTIONS */
.panel:after,	
.panel .panel-line:after	            	{background: rgb(0,199,255); background: linear-gradient(90deg, rgba(0,199,255,0) 0%, rgba(0,199,255,1) 100%);}

.panel.panel-testimonial:after              {display: none;}


.panel.person:after                         {background: unset !important;}

.panel p.tag a				            	{border-bottom-color:rgb(0,199,255);}
.panel.panel-solution:after	            	{background: rgb(0,199,255); background: linear-gradient(45deg, rgba(0,199,255,0) 0%,  rgba(0,199,255,0) 50%, rgba(0,199,255,0) 100%);}
.panel .circle-icon			            	{background: rgb(0,199,255);}
.panel .btn.flat			            	{border-color: rgb(0,199,255);}

.panel.private-wealth:after,	
.panel.private-wealth .panel-line:after		{background: rgb(194,51,255); background: linear-gradient(90deg, rgba(194,51,255,0) 0%, rgba(194,51,255,1) 100%);}
.panel.private-wealth p.tag a				{border-bottom: 2px solid rgb(194,51,255);}
.panel.private-wealth.panel-solution:after	{background: rgb(194,51,255); background: linear-gradient(45deg, rgba(194,51,255,0) 0%,  rgba(194,51,255,0) 50%, rgba(194,51,255,1) 100%);}
.panel.private-wealth .circle-icon			{background: rgb(194,51,255);}
.panel.private-wealth .btn.flat				{border-color: rgb(194,51,255);}

.panel.corporate:after,	
.panel.corporate .panel-line:after			{background: rgb(255,99,0); background: linear-gradient(90deg, rgba(255,99,0,0) 0%, rgba(255,99,0,1) 100%);}
.panel.corporate p.tag a					{border-bottom: 2px solid rgb(255,99,0);}
.panel.corporate.panel-solution:after		{background: rgb(255,99,0); background: linear-gradient(45deg, rgba(255,99,0,0) 0%,  rgba(255,99,0,0) 50%, rgba(255,99,0,1) 100%);}
.panel.corporate .circle-icon				{background: rgb(255,99,0);}
.panel.corporate .btn.flat					{border-color: rgb(255,99,0);}

.panel.funds:after,	
.panel.funds .panel-line:after		    	{background: rgb(120,199,64); background: linear-gradient(90deg, rgba(120,199,64,0) 0%, rgba(120,199,64,1) 100%);}
.panel.funds p.tag a				    	{border-bottom: 2px solid rgb(120,199,64);}
.panel.funds.panel-solution:after	    	{background: rgb(120,199,64); background: linear-gradient(45deg, rgba(120,199,64,0) 0%, rgba(120,199,64,0) 50%, rgba(120,199,64,1) 100%);}
.panel.funds .circle-icon			    	{background: rgb(120,199,64);}
.panel.funds .btn.flat				    	{border-color: rgb(120,199,64);}

/* PERSON TESTIMONIAL HEADER */
.person-testimonial-header-text h1	{margin-bottom: 10px;}
.person-testimonial-header-text.hero-image.page .hero-copy h2	{margin-bottom: 1.75em;}
.person-testimonial-header-text.hero-image.page .hero-copy p	{font-size: 26px;}

/* PANEL AUTHOR */

.author 						{display: flex; align-items: center; position: relative; z-index: 10}
.author .image-container		{width: 36px; height: 36px; border-radius: 36px; overflow: hidden; flex-shrink: 0; margin-right: 15px;}
.author .image-container img	{width:100%; height: auto; border-radius: 36px;}
.author a						{text-decoration: none; border:none}
.author p						{margin-bottom: 0; border:none; font-weight: 300 !important}
.author p a						{}

.panel .author p	{margin: 0}

/* AUTHORS CONTAINER */

.authors-container              {display: flex; justify-content:space-between; align-items: center;}
.authors-container .author a    {display: flex; justify-content: space-between; width: 100%; margin-bottom: 10px; align-items: center;}

.authors-container .author .image-container {width: 84px; height: 84px; margin-right: 2%; background-size: cover; background-position: top center; background-repeat: no-repeat; border-radius: 100%; border:2px solid #0041b7}
.authors-container .author .text-container {width: 100%; margin-left: 10px; }
.authors-container .author .text-container p {margin: 0 !important;}

.key-people .authors-container {flex-direction: column;}

.authors-container .author .text-container p {color: #1a1d2b;}


@media (max-width: 618px) 
{
    .authors-container {flex-direction: column;}

}

p.date {margin: 20px 0px;}

/* CONTENT PAGE */
.content-page-text-container h1	{margin-bottom: 0.4em; font-weight: 300}
.content-page-text-container h2	{color:#00c7ff; font-size: 22px; font-weight: 600; margin-bottom: 1em}
.content-page-text-container p	{color:#ffffff; font-size: 17px; line-height: 1.2em; width: 520px; max-width: 100%; margin-bottom: 1em}
.content-page-text-container p:last-child	{margin-bottom: 0}

/* BREADCRUMBS */
p.breadcrumbs				{color:#ffffff; font-size: 12px; font-weight: 500; margin-bottom: 32px; padding-top: 15px; position:relative; z-index:500;}
p.breadcrumbs a				{color:#ffffff; text-decoration: none; border-bottom: 1px solid #ffffff;}
p.breadcrumbs a.active		{color:#00c7ff; border-color: #00c7ff}

/* HERO BANNER */

.hero-image.page .hero-copy         {width: 100%; max-width: 600px; } 
.hero-image.page .hero-copy h2      {color: #00c7ff; font-size: 22px; line-height: 1.2em; margin-bottom: 0.6em; font-weight: 400; text-align: left !important;}
.hero-image.page .hero-copy p       {color: #ffffff; font-size: 16px; line-height: 1.4em; margin-bottom: 0.7em; font-weight: 400; text-align: left !important;}

.hero-image.careers-page .hero-copy         {max-width: 600px; }

.hero-image.careers-page .hero-copy h4,
.hero-image.careers-page .hero-copy h2      {color: #00c7ff; font-size: 22px; line-height: 1.2em; margin-bottom: 0.6em; font-weight: 400; text-align: left !important;}
.hero-image.careers-page .hero-copy p       {color: #ffffff; font-size: 16px; line-height: 1.4em; margin-bottom: 0.7em; font-weight: 400; text-align: left !important;}

.hero-image.funds.careers-page .hero-copy h4,
.funds .hero-image.careers-page .hero-copy h4, .funds .hero-image.careers-page .hero-copy h2 {color: #78c740; }

.hero-image.corporate.careers-page .hero-copy h4,
.corporate .hero-image.careers-page .hero-copy h4, .corporate .hero-image.careers-page .hero-copy h2 {color: #ff6300; }

.hero-image.private-wealth.careers-page .hero-copy h4,
.private-wealth  .hero-image.careers-page .hero-copy h4, .private-wealth  .hero-image.careers-page .hero-copy h2 {color: #c233ff; }


.tiles-header h2 {color: #00c7ff; font-size: 22px; line-height: 1.2em; margin-bottom: 0.6em; font-weight: 400; text-align: left !important;}


.funds .tiles-header h2 {color: #78c740; }
.corporate. tiles-header h2 {color: #ff6300; }
.private-wealth R.tiles-header h2 {color: #c233ff; }



.new-styles h2 {color: #00c7ff;}
.funds .new-styles h2		      {color:#78c740 !important;}
.corporate .new-styles h2		  {color:#ff6300 !important;}
.private-wealth .new-styles h2	  {color:#c233ff !important;}


.hero-image.page .hero-copy p.intro                       {color: #00c7ff; font-size:22px;}
.funds .hero-image.page .hero-copy p.intro 		          {color:#78c740;}
.corporate .hero-image.page .hero-copy p.intro 		      {color:#ff6300;}
.private-wealth .hero-image.page .hero-copy p.intro 	  {color:#c233ff;}

.hero-image.page .hero-copy p.date                    {color: #00c7ff;}
.funds .hero-image.page .hero-copy p.date 		      {color:#78c740 !important;}
.corporate .hero-image.page .hero-copy p.date		  {color:#ff6300 !important;}
.private-wealth .hero-image.page .hero-copy p.date 	  {color:#c233ff !important;}

.hero-copy-container {display: flex; justify-content: left; align-items: end;}

.hero-copy-container .hero-copy {width: 280px !important; }

.hero-copy-container .form-cell p {color: #ffffff; font-size: 16px; line-height: 1.4em; margin-bottom: 0.7em;}
.hero-copy-container .form-cell a {color: #ffffff; text-decoration: none; transition: 0.2s ease-in-out;}

.hero-copy-container .form-cell a:hover {opacity: 0.75;}


a.share-lower-opt-in {color: #ffffff; transition: 0.2s ease-in-out;}
a.share-lower-opt-in:hover {opacity: 0.75;}


.funds p.breadcrumbs a.active		                {color:#78c740; border-color: #78c740}
.corporate p.breadcrumbs a.active		                {color:#ff6300; border-color: #ff6300}
.private-wealth p.breadcrumbs a.active		                {color:#c233ff; border-color: #c233ff}

.funds .hero-image.page .hero-copy h2               {color: #78c740; }
.corporate .hero-image.page .hero-copy h2           {color: #ff6300; }
.private-wealth .hero-image.page .hero-copy h2      {color: #c233ff; }


.person-contact a,
.person-contact {color: #ffffff; text-decoration: none; transition: 0.2s ease-in-out;}

.person-contact a:hover {opacity: 0.75;}

#map {/*box-shadow: 0 0 15px rgba(0,0,0,0.3);*/ margin-bottom: 30px; }



/* NEW INTRO TEXT SECTION */
.intro-text-2022	{width: 100%; max-width: 1200px; padding-left: 40px; padding-right: 40px; margin: 0 auto 30px;}

.intro-text-2022 h1, .intro-text-2022 h3	            {font-size: 24px; font-weight: 600; margin-bottom: 1em; color: #004ebc; margin-top:1em}
.intro-text-2022 h4	                                    {font-size: 20px;  font-weight: 700; margin-bottom: 0.6em; }

.funds .intro-text-2022 h1, .funds .intro-text-2022 h3, .funds .intro-text-2022 h4           {color: #78c740;}
.corporate .intro-text-2022 h1, .corporate .intro-text-2022 h3, .corporate .intro-text-2022 h4       {color: #ff6300;}
.private-wealth .intro-text-2022 h1, .private-wealth .intro-text-2022 h3, .private-wealth .intro-text-2022 h4 {color: #c233ff;}

.intro-text-2022 ul {margin-left: 16px; }
.intro-text-2022 ul li {font-size: 16px; line-height: 1.4em;}

.intro-text-2022 .page-accordions {margin-bottom: -12px; }


/* CAREERS DETAIL RIGHT COL*/

.careers .intro-text-2022     {width: 70%;}
.right-col-content.careers .intro-text-2022     {padding: 20px; margin: 0px; background-color: rgba(0, 199, 255,0.3);}

.funds .right-col-content.careers .intro-text-2022 {background-color: rgba(120, 199, 64, 0.3);}
.corporate .right-col-content.careers .intro-text-2022 {background-color: rgba(255, 99, 0, 0.3);}
.private-wealth .right-col-content.careers .intro-text-2022 {background-color: rgba(194, 51, 255, 0.3);}

.funds .right-col-content.careers .authors-container .author .image-container {border-color: rgba(120, 199, 64);}
.corporate .right-col-content.careers .authors-container .author .image-container {border-color: rgba(255, 99, 0);}
.private-wealth .right-col-content.careers .authors-container .author .image-container {border-color: rgba(194, 51, 255);}

.right-col-content.careers .authors-container .author .text-container p {line-height:1.4em;}


/* ABOUT PAGE */
.panel p.tag	            {display: inline-block}

/* FACTS */
.panel.panel-fact p.tag a       {color:inherit;}
.panel.panel-fact				{background-image:url(/_assets/panel-fact.png); background-position:center; background-size: auto;}
.panel.panel-fact h2			{font-size:61px; color:inherit; margin-bottom: 0.2em; line-height: 1em; width: 100%;}
.panel.panel-fact h2 sup		{font-size: 40px; vertical-align: super}
.panel.panel-fact h3			{font-size:23px; color:inherit; font-weight: 300; line-height: 1.3em; margin-bottom: 0.5em}
.panel.panel-fact h3 strong		{font-weight:400}
.panel.panel-fact:after			{display: none}

.panel.panel-faq p.tag a        {color:inherit;}
.panel.panel-faq			    {background-image:url(/_assets/panel-faq.png); background-position:center; background-size: auto;}
.panel.panel-faq h2			    {font-size:61px; color:inherit; margin-bottom: 0.2em; line-height: 1em; width: 100%;}
.panel.panel-faq h2 sup		    {font-size: 40px; vertical-align: super}
.panel.panel-faq h3			    {font-size:23px; color:inherit; font-weight: 300; line-height: 1.3em;}
.panel.panel-faq h3 strong		{font-weight:400}

/* SOLUTIONS */
.panel-solution			{color: #ffffff; background-color: #004ebc}
.panel-solution .panel-inner	{position: relative; z-index: 5}
.panel-solution:after	{width: 100%; opacity: 1}
.panel-solution p		{font-size: 15px; margin-bottom: 1.2em}
.panel-solution p.tag a	{border-bottom: none}
.panel-solution ul		{font-size: 15px; color: #ffffff}
.panel-icon-text		{display: flex; align-items: center; margin: 5px 0 20px}
.panel-icon-text h3		{color: #ffffff; margin: 0; font-size: 23px; font-weight: 400;; padding-left: 10px;}
.circle-icon			{width: 40px; height: 40px; border-radius: 40px; display: inline-flex; justify-content: center; align-items: center; background-color: #ff6300; margin: 0; flex-shrink: 0}
.circle-icon svg		{width:22px; height: auto;}
.panel-solution .panel-bottom	{margin-top: 10px;}

.intro-text-2022 p	{font-size: 16px; margin-bottom: 1em; line-height: 1.4em}

/* OPTIN */



/** BUTTONS **/
.buttons		{display: flex; justify-content: flex-start;}
.buttons .btn	{margin-right: 15px;}

.btn			{position: relative; display: inline-flex; overflow: hidden; text-decoration: none; padding:16px 28px 18px 28px}
.btn:after		{background-color: #181d29; position: absolute; left: 2px; top:2px; width:calc(100% - 4px); height: calc(100% - 4px); content:''; border-radius: 24px; transition: 0.9s ease-out;}
.btn span		{text-decoration: none; color: #ffffff; font-size: 16px; position: relative; z-index: 2; font-weight: 300}
.btn i			{width: 18px; height: 18px; background-image: url(/_assets/icon-plus.svg); background-size: cover; font-style: normal; display: block; position: relative; z-index: 2; margin-left: 25px; flex-shrink: 0}

.btn.flat			{background: transparent; border-radius: 50px; border:2px solid #ff6300}
.btn.flat:before,
.btn.flat:after		{display: none}

.btn.chevron 		{padding-bottom: 15px;}
.btn.chevron i		{width: 13px; height: 22px; background-image: url(/_assets/icon-chevron.svg);}


.btn-apply      {padding: 18px; display: inline-block; border-radius: 25px; width: 200px; height: 50px; cursor: pointer; color: #ffffff; font-size: 16px; line-height: 0.7em; margin-right: 20px; margin-top: 20px;
                 background-color: #004ebc; background-image: url('/_uploads/_assets/icon-chevron.svg'); background-size: 15px; background-repeat: no-repeat;background-position: right 15px center; transition: 0.2s ease-in-out; text-decoration: none;}

.btn-apply:hover {opacity: 0.75; transition: 0.2s ease-in-out; }

.funds .btn-apply           {background-color: #78c740;}
.corporate .btn-apply       {background-color: #ff6300;}
.private-wealth .btn-apply  {background-color: #c233ff;}

.btn-apply.more-details     {background-color: transparent; border: 3px solid #004ebc; padding: 15px; background-image: url('/_uploads/_assets/icon-chevron-down-white.svg'); background-size: 30px;}

.funds .btn-apply.more-details          {border: 3px solid #78c740;}
.corporate .btn-apply.more-details       {border: 3px solid #ff6300;}
.private-wealth .btn-apply.more-details  {border: 3px solid #c233ff;}






/* THE BORDER GRADIENT */
.btn:before			        {position: absolute; left: 0; top:0; width:100%; height: 100%; content:''; border-radius: 25px; transition: 0.3s ease-in-out;}
.btn.funds:before			{background: rgb(0,78,188); background: linear-gradient(90deg, rgba(0,78,188,1) 70%, rgba(120,199,64,1) 100%);}
.btn.private-wealth:before	{background: rgb(0,78,188); background: linear-gradient(90deg, rgba(0,78,188,1) 70%, rgba(194,51,255,1) 100%);}
.btn.corporate:before	    {background: rgb(0,78,188); background: linear-gradient(90deg, rgba(0,78,188,1) 70%, rgba(255,99,0,1) 100%);}

.btn.funds:hover:after		    {background: rgb(0,78,188); background: linear-gradient(90deg, rgba(0,78,188,1) 70%, rgba(120,199,64,1) 100%);}
.btn.private-wealth:hover:after	{background: rgb(0,78,188); background: linear-gradient(90deg, rgba(0,78,188,1) 70%, rgba(194,51,255,1) 100%);}
.btn.corporate:hover:after	    {background: rgb(0,78,188); background: linear-gradient(90deg, rgba(0,78,188,1) 70%, rgba(255,99,0,1) 100%);}

.btn-search                     {padding:16px 28px 18px 28px; display: block; border-radius: 21px; width:120px; height: 42px; cursor: pointer;color: #ffffff; font-size: 16px; line-height: 0.7em; padding-left: 0;
                                background-color: #004ebc; background-image: url('/_uploads/_assets/icon-chevron.svg'); background-size: 15px; background-repeat: no-repeat; background-position: right 15px center; transition: 0.2s ease-in-out;}
.btn-search :hover              {opacity: 0.75;}

.btn-subscribe                  {padding:16px 28px 18px 28px; display: block; border-radius: 25px; width:240px; height: 50px; padding-left: 50px; cursor: pointer; margin: 0 0 20px 0px;
                                background-color: #004ebc; background-image: url('/_uploads/_assets/icon-bell.svg'); background-size: 20px; background-repeat: no-repeat; background-position: left 20px center; transition: 0.2s ease-in-out;}
.btn-subscribe:hover            {opacity: 0.75;}
.btn-subscribe a                {color: #ffffff; text-decoration: none;}

.btn-basic.blue-border			{padding:16px 28px 18px 28px; background-color:#ffffff; border:1px solid #0041b7; color: #0E0E19; font-weight: 300; display: inline-flex; align-items: center; border-radius: 50px; text-decoration: none}
.btn-basic.blue-border svg		{height: 20px; margin-right: 10px; flex-shrink: 0}
.btn-basic.blue-border svg path	{fill:#0041b7}

.btn-basic.blue-solid			{background-color: #0041b7; color: #ffffff}


.btn-basic.blue-border:hover		{background-color: #0041b7; color: #ffffff}
.btn-basic.blue-border:hover path	{fill:#ffffff}

.funds .btn-subscribe               {background-color: #78c740;}
.corporate .btn-subscribe           {background-color: #ff6300;}
.private-wealth .btn-subscribe      {background-color: #c233ff;}

.wrapper.ar {width: 100%; display: flex; justify-content: right;}

.buttons-share-etc					{margin: 40px 0}
.buttons-share-etc .buttons-start	{display: inline-flex}
.buttons-share-etc .buttons-start .btn-basic	{margin-right: 10px;}

.btn-basic.blue-solid:hover			{background-color: #ffffff; color: #0041b7}


/* SEARCH RESULTS */

.intro-text-2022 h1, .intro-text-2022 h3 {color: #00c7ff;}

.intro-text-2022.search-results h2 a {color:#00c7ff; font-size: 22px; line-height: 1.2em; margin-bottom:0.6em; text-decoration: none; font-weight: 400; }
.intro-text-2022.search-results p a {color:#000000;;  text-decoration: none;  font-weight: 400;}


/* SOME GENERIC STYLES */

.flex {display: flex;}

.fa-align-justify {justify-content:space-between;}

.flex .tiles-header {width: 50%;}
.flex .wrapper.ar {width: 50%;}

.intro-text-2022 p.fr {float: right; margin-bottom: 20px; margin-top: 0px; margin-left: 20px}

.funds .btn-apply {background-color: #78c740;}
.corporate .btn-apply {background-color: #ff6300;}
.private-wealth .btn-apply {background-color: #c233ff;}


/** 2023 **/
.inner-with-cols	{width:1118px; max-width: 100%}
.cols				{display: flex; justify-content: space-between}
.cols .col			{width:calc(50% - 30px);}

.new-styles h2		{font-size: 20px; font-weight: 500; margin-bottom: 0.75em}
.new-styles p		{line-height: 1.3em}

.col-left .authors-outer	{margin-top: 40px;}
.col-left .authors-outer h2	{margin-bottom: 1em}
.col-left .authors-container.stacked	{flex-direction: column; justify-content: flex-start; align-items: flex-start}


/* NEW HOME PAGE 2023 */
.slick-list	{width: 100%;}
.tile-carousel-container				{position: relative; margin-bottom: 40px;}
.tile-carousel-container .cols			{width: calc(100% + 14px); margin-left: -7.5px}
.tile-carousel-container .slick-arrow	{position: absolute}
.tile-carousel-container .slide			{padding: 7.5px}

.tile-carousel-container .slick-dots					{width: 100%; display: flex; justify-content: center; list-style: none; font-size: 0; margin: 15px 0}
.tile-carousel-container .slick-dots li					{width: 13px; height: 13px; border-radius: 13px; border:1.5px solid #0E0E19; margin: 0 3.5px}
.tile-carousel-container .slick-dots li.slick-active	{background-color: #0E0E19}
.tile-carousel-container .slick-dots li button			{font-size: 0}

.tile-carousel-container  .slick-arrow	{width: 27px; height: 50px; background-image: url(/_assets/slick-arrow.svg); background-size: cover; font-size: 0; position: absolute; top:50%; transform: translateY(-50%)}
.tile-carousel-container  .slick-next	{right: -40px;}
.tile-carousel-container  .slick-prev	{left: -40px; background-image: url(/_assets/slick-arrow-prev.svg);}

.tile-carousel-container .carousel-nav	{position: relative;}

/* NEW TILE STYLE */
.panel.image-tile		{background-size: cover; background-position: center; display: flex; align-items: flex-end; position: relative;}
.panel.image-tile h2	{font-size: 32px; margin-bottom: 20px}
.panel.image-tile:before	{position: absolute; left: 0; bottom:0; width: 100%; height: 60%; content:''; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);}

.panel p.panel-find-out-more		{font-size: 15px; border:1px solid #ffffff; border-radius: 40px; display: inline-flex; width: auto; padding: 6px 40px 9px 16px; margin-bottom: 0}
.panel p.panel-find-out-more:after	{left: auto; right: 10px; top: 10px;}

/* THIS HOPEFULLY WON'T HAVE A KNOCK ON AFFECT */
.panel .footnote	{position: relative; padding: 0}