/*!
Theme Name: marketize
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: marketize
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

marketize is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */



/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */



/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */



/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 100%;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner  {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */



/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */



/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */



/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */


/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */



/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */



/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */



/*--------------------------------------------------------------
# TYPOGRAPHY
--------------------------------------------------------------*/


/*--------------------------------------------------------------

@font-face{
		font-family:"Avenir LT W01_55 Roman1475520";
		src:url("assets/fonts/avenir/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"),
		url("assets/fonts/avenir/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff");
		font-display: swap;
}





@font-face{
		font-family:"Avenir LT W01_95 Black1475556";
		src:url("assets/fonts/avenir/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"),
		url("assets/fonts/avenir/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff");
		font-display: swap;
}

--------------------------------------------------------------*/

@font-face{
		font-family:"Avenir LT W01_65 Medium1475532";
		src:url("assets/fonts/avenir/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"),
		url("assets/fonts/avenir/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff");
		font-display: swap;
}

@font-face{
		font-family:"Avenir LT W01_35 Light1475496";
		src:url("assets/fonts/avenir/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),
		url("assets/fonts/avenir/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff");
		font-display: swap;
}
@font-face{
		font-family:"Avenir LT W01_45 Book1475508";
		src:url("assets/fonts/avenir/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),
		url("assets/fonts/avenir/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff");
		font-display: swap;
}
@font-face{
		font-family:"Avenir LT W01_85 Heavy1475544";
		src:url("assets/fonts/avenir/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"),
		url("assets/fonts/avenir/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff");
		font-display: swap;
}














		body,
		button,
		input,
		select,
		optgroup,
		textarea {
			color: #404040;
			font-weight: 300;
			font-size: 18px;
			line-height: 150%;
		}


		a {
			font-weight: 400;
			color: #25adb7;
			font-family:"Avenir LT W01_35 Light1475496", sans-serif;
		}

		a:hover {
			color: #67697b;
		}





		h1,
		h2 {

			line-height: 120%;
			font-family:"Avenir LT W01_85 Heavy1475544", sans-serif;
		margin-bottom: 28px;
		}

		h1 {
			color: #383d52;
			font-size: 30px;
		}

		h2 {
			color: #25adb7;
			font-size: 26px;
		}

		h4 {
			margin-top: 30px;
		}



		h3 {
		  font-size: 23px;
			line-height: 110%;
			font-family:"Avenir LT W01_65 Medium1475532", sans-serif;
		}

		h4,h5,h6 {
			font-family:"Avenir LT W01_45 Book1475508", sans-serif;
		 }


		body {
		     font-family:"Avenir LT W01_35 Light1475496", sans-serif;
		}

		p {
		    font-size: 20px;
		    font-family:"Avenir LT W01_45 Book1475508", sans-serif;
		    line-height: 125%;
				color: #7e808f;
				margin-bottom: 15px;
				font-weight: 200;
				line-height: 140%;
		}

		p:last-of-type {

				margin-bottom: 0;
		}



		li {
			font-family:"Avenir LT W01_45 Book1475508", sans-serif;
		  font-size: 18px;
			color: #383d52;
		}

		li strong {
			font-family:"Avenir LT W01_85 Heavy1475544", sans-serif;
		}

		li span {
			display: block;
		}

		.color2 li {
			color: white;
		}

		.blocks-section ul,
		.columns-section  ul,
		#intro-section ul {
			list-style: none;
			margin-top: 22px;
			margin-bottom: 26px;
		}

		.blocks-section ul li,
		.columns-section ul li,
		#intro-section	ul li {
			position: relative;
			margin-left: 0;
			margin-top: 15px;
			width: 100%;
			display: block;
			line-height: 110%;
			max-width: none;
			height: auto;
			min-height: none;
		}


				em {
					color: #25adb7;
					font-style: normal;
				}

		.home-page .blocks-section ul li,
		.home-page .columns-section ul li,
		.home-page #intro-section	ul li {
				margin-top: 0;
				min-height: 40px;
				margin-left: 10px;
				display: flex;
			flex-direction: row;
			align-items: center;
			line-height: 120%;
				}

			.home-page .columns-section ul li,
			.home-page #intro-section ul li {
				min-height: 70px;
				margin-bottom: 0;
				padding-bottom: 0;
			}

			.home-page .blocks-section ul li em,
			.home-page .columns-section ul li em,
			.home-page #intro-section	ul li em {
					font-style: normal;
					}

			.home-page .blocks-section.color2 ul li em,
			.home-page .columns-section.color2 ul li em,
			.home-page #intro-section.color	ul li em {
				color: white;
			}


	.blocks-as-columns.blocks-section ul li {
		display: block;
		line-height: 110%;
		margin-left: 22px;
		width: 100%;
		max-width: 100%;
		height: auto;
		}


		.home-page .blocks-as-columns.blocks-section ul li {
			margin-left: 10px;
			max-width: 90%;
			height: 60px;
			display: flex;
    flex-direction: row;
    align-items: center;
		}

		.blocks-section ul li::before,
		.columns-section ul li::before,
		#intro-section ul li::before {
			content: "";
			background-image:url('assets/img/fund-administration-social-sprites-dark-blue.svg');
			display: inline-block;
			position: absolute;
			left: 0;
			top: -3px;
			transform:none;
			height: 28px;
			width: 28px;
			background-size: 1050px !important;
			background-position: -327px -66px !important;
			background-repeat: no-repeat !important;
			margin-top: auto;
			margin-bottom: auto;
			margin-left: -40px;
			}



	.home-page .blocks-section ul li::before,
	.home-page .columns-section ul li::before,
	.home-page #intro-section ul li::before {
			top: 50%; transform: translateY(-50%);
			height: 70px;
			width: 43px;
			background-size: contain;
			background-size: 1750px !important;
			background-position: -547px -98px !important;
			margin-left: -52px;
			}


	.columns-section.color2 ul li::before,
 	.blocks-section.color2 ul li::before,
	#intro-section.color2 ul li::before {
		background-image:url('assets/img/fund-administration-social-sprites-light-blue.svg');
		}






	.onboarding ul li::before {
		display: none;
	}

	.onboarding ul li::before {
		display: none;
	}





		#recent-articles-blog-index h2,
		.recent-articles-heading h3 {
			font-weight: 300;
			padding-left: 20px;
		}

		.recent-articles-heading h3 {
			font-size: 26px;
			text-transform: uppercase;
			padding-bottom: 30px;
		}


		.manco-extended-intro .col-lg-6:first-child,
		#intro-section .col-lg-6 {
			padding-bottom: 30px;
		}



	@media only screen and (min-width : 360px) {




		}

@media only screen and (min-width : 400px) {

			h1 {
				font-size: 36px;
			}

		h2 {
			font-size: 28px;
		}

		li,
		p {
			font-size: 20px;
		}


		.blocks-section ul li,
		.columns-section ul li,
		#intro-section	ul li {
				margin-left: 5px;
			}

			.blocks-section ul li::before,
		.columns-section ul li::before,
		#intro-section ul li::before {
				margin-left: -45px;
			}

			.home-page .blocks-section ul li,
			.home-page .columns-section ul li,
			.home-page #intro-section	ul li {
				margin-left: 20px;
		}
}

@media only screen and (min-width : 992px) {
				h1,
				h2 {
					 margin-bottom: 40px;
				}


		.home-page .columns-section ul li,
		.home-page #intro-section	ul li {
			display: inline-block;
			margin-right: 40px;
			max-width: 200px;
			min-height: auto;

			margin-bottom: 30px;
			vertical-align: top;
			}

.home-page .blocks-section ul li::before,
.home-page .columns-section ul li::before,
.home-page #intro-section ul li::before {
	top: 25px;
}

.home-page .blocks-section.color2 ul li em,
.home-page .columns-section.color2 ul li em,
.home-page #intro-section.color ul li em {
  display: block;
	padding-top: 12px;
}

			}

@media only screen and (min-width : 1200px) {
				.home-page .columns-section ul li,
				.home-page #intro-section	ul li {
					display: inline-block;
					margin-right: 90px;
					}

	.home-page .blocks-as-columns.blocks-section ul li,
	.home-page .blocks-section ul li,
	.home-page .columns-section ul li,
	.home-page #intro-section ul li {
		  max-width: 200px;
		}
			}

/* === BUTTONS===============================================================*/

	button {
		background: none!important;
		border: none!important;
		margin: 0!important;
		padding: 0!important;
		display: inline-block;
	}

	.button-container {
		margin: 20px 0 0 0;
	}

	.container-button {
		font-size: 18px;
		line-height: 150%;
		margin-right: 10px;
	}

	.container-button button {
		display: inline-block!important;
	}

	button > a {
		text-decoration: none!important;
	}

	.contact-button a,
	a.button-style  {
		background: #25adb7!important;
		border: 2px solid  #25adb7;
		display: inline-block;
		color: white;
		font-weight: 400;
		font-size: 18px;
		text-transform: uppercase;
		letter-spacing: .5px;
		padding: 10px 20px;
		border-radius: 30px;
		min-width: 150px;
	}

	.etf-page a.button-style {
		font-size: 18px;
		text-transform: none;
		letter-spacing: 0;
		padding: 6px 15px;
		min-width: 220px;
		text-align: center;
	}

	#main button {
		margin-top: 25px!important;
	}

	a.button-style:hover  {
		background: #383d52!important;
		color: white;
		border: 2px solid  #f0f0f2;
	}



	a span.button-state {
	display: block;
	}

	a span.button-hover-state {
	display: none;
	}

	a:hover span.button-hover-state {
	display: block;
	}

	a:hover span.button-state {
	display: none;
	}



	.menu-button a {
		background: #25adb7!important;
		border: 2px solid  #25adb7;
		display: inline-block;
		color: white;
		padding: 15px 0;
		border-radius: 30px;
		margin-top: 30px;
		line-height: 100%!important;
		text-align: center;
        width: 240px;
   
	}

	#primary a.button-style  {
		margin-top: 20px;

	}


	.menu-button a:hover,
	a.button-style:hover  {
		background: #383d52!important;
		color: white!important;
		border: 2px solid #f0f0f2;
	}

		.contact-button:hover a {
			color: #383d52;
		}



/* === LINKS===============================================================*/
/**  Remove the gray background on active links in IE 10. */
a:link,
a {
	font-weight: 400;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

/* === CONTACT PAGE ===============================================================*/

	.display-contacts {
		padding-top: 40px;
	}

	.display-contacts ul {
		padding-left: 0;
	}

	.display-contacts li {
		list-style: none;
	}


	.display-contacts a:hover {
		color: #25adb7;
	}

	.display-contacts .social-icons {
		margin-left: -10px;
		padding-top: 5px;
	}

	.contact-page .col-lg-5 h2  {
		padding: 0;
		margin: 0;
		font-size: 26px;
		font-family:"Avenir LT W01_45 Book1475508", sans-serif;
	}



	address p {
		line-height: 200%;
		margin-bottom: 0;
	}

	address a {
		text-transform: uppercase;
		margin-top: -10px;
	}


#location {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
	background: #67697b!important;
	overflow: hidden;
}

.contact-page div.wpforms-container-full {
 margin:0 auto 30px auto;
}

.contact-main-content .row {
    row-gap: 40px;
}

.contact-box {
	height: 100%;
	padding: 50px 20px 40px 20px;
}

.contact-box p {
	font-size: 18px;
}

.contact-form {
	margin-top: 30px;
	height: 100%;
}

.contact-box ul {
	list-style: none;
}

.contact-box ul li {
 margin-left: -40px;
}

 .contact-box a.linkedin-icon::before {
	 margin-top: 10px;
	 content: "";
transform: translateY(10px);
 }

.contact-box a {
 color: white;
}
.contact-box a:hover {
color: #25adb7;
}

@media only screen and (min-width : 992px) {

	.contact-box {
		height: 100%;
		padding: 100px 60px 60px 60px;
	}

	.contact-form {
		height: 100%;
		padding: 10px 0 10px 30px;
	}

	#main  .contact-form button {
  margin-top: 0 !important;
}
	.contact-page div.wpforms-container-full {
   margin:0 auto;
 }

 .contact-form {
 	margin-top: 0;
 }


}

/* === SPRITES===============================================================*/





/* === WHATS APP =====================================*/


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}



body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}


dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 0;
	/* Extra wide images within figure tags don't overflow the content area. */
	color: grey;
}


table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/



a:focus {
	outline: none;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
SHOW/HIDE
--------------------------------------------------------------*/



/*--------------------------------------------------------------
GLOBAL
--------------------------------------------------------------*/
	#wpadminbar {
		position: fixed;
	}

	#main {
		overflow-y: scroll;
	}


.show-desktop {
	display: none;
}


	html, body {width: auto!important; overflow-x: hidden!important}
	body { background: white; }

	#hero.logged-in{
		display:none;
	}

	/* center the blockquote in the page */
	.blockquote {
		position: relative;
		width: 100%;
		line-height: 1.4em;

		background-color: #fff;
		border: 8px solid #333;
		border-radius: 30px;
		padding: 20px 50px 40px 50px;
		font-size: large;
	}

.blockquote h2 {
	font-size: 32px;
}


	.blockquote h2:before,
	.blockquote h2:after {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
	}

	.blockquote h2:before {
		left: 300px;
		bottom: -50px;
		border: 25px solid;
		border-color: #333 transparent transparent #333;
	}

	.blockquote h2:after {
		left: 310px;
		bottom: -30px;
		border: 15px solid;
		border-color: #fff transparent transparent #fff;
	}

	.blockquote-wrapper p {
		margin-top: 50px;
		color: white;
	}





/* ==== SCROLLER =========================================*/

#primary {
		position: relative;
		}

		/* === PADDING ==========*/
		.mp-t {
			padding-top: 20px;
		}

		.p-b,
		.mp-b {
			padding-bottom: 20px;
		}

		.mm-t {
		margin-top: 20px;
		}

		.mm-b {
			margin-bottom: 20px;
		}

		.item-margin-top {
			margin-top: 20px;
		}

		.item-margin-bottom {
			padding-bottom: 20px;
		}



		.section-padding-top,
		.full-padding-top {
			padding-top: 60px;
		}

		.section-padding-top.with-heading,
		.section-padding-top.with-heading {
			padding-top: 0;
		}

		.section-padding-bottom,
		.full-padding-bottom {
			padding-bottom: 60px;
		}



		.section-half-padding-top,
		.half-padding-top {
			padding-top: 30px;
		}

		.section-half-padding-top.with-heading,
		.section-half-padding-top.with-heading {
			padding-top: 0;
		}

		.section-half-padding-bottom,
		.half-padding-bottom {
			padding-bottom: 30px;
		}

		.no-padding-top {
			padding-top: 1px;
		}

		.paragraph-space-top {
			padding-top: 20px;
		}

		.paragraph-space-bottom {
			padding-bottom: 20px;
		}


		#intro-content {
			padding-top: 20px;
		}

		#intro-content.without-hero {
			padding-top: 50px;
		}

		.container-main {
			padding-left: 30px;
			padding-right: 30px;
		}



		.half-width-featured {
			width: 100%;
			height: 100%;
			padding: 0 30px;
			}

			.half-width-featured img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				}

/* ==== COLORS =========================================*/




.color1 {
	background: #67697b;
}

.color1 h1,
.color1 h2,
.color1 h3,
.color1 h4,
.color1 h5,
.color1 h6,
.color1 p,
.color1 {
	color: white;
}

.color2 {
	background: #383d52;
}

.color2 h1,
.color2 h3,
.color2 h4,
.color2 h5,
.color2 h6,
.color2 p,
.color2 {
	color: white;
}


.color2 h2 {
	color: #25adb7;
}

.color3 {
	background: #7e808f;
}

.color3 h1,
.color3 h2,
.color3 h3,
.color3 h4,
.color3 h5,
.color3 h6,
.color3 p,
.color3 {
	color: white;
}

.color4 {
	background: #25adb7;
}
.color4 h1,
.color4 h2,
.color4 h3,
.color4 h4,
.color4 h5,
.color4 h6,
.color4 p,
.color4 {
	color: white;
}

.color4 a.button-style {
  background: #383d52 !important;
  color: white;
}

.color4 a.button-style:hover {
  background: #25adb7 !important;
  color: white;
}

.color5 {
	background: #f0f0f2;
}

.color5 h1,
.color5 h2,
.color5 h3,
.color5 h4,
.color5 h5,
.color5 h6,
.color5 p,
.color5 {
	color: #383d52;
}



.clear-background {
	background: none;
}




/* ==== VIDEO =========================================*/
		.youtube-player {
			 position: relative;
			 padding-bottom: 56.25%;
			 height: 0;
			 overflow: hidden;
			 max-width: 100%;
			 background: #000;

		 }

		 .youtube-player iframe {
			 position: absolute;
			 top: 0;
			 left: 0;
			 width: 100%;
			 height: 100%;
			 z-index: 100;
			 background: transparent;
		 }

		 .youtube-player img {
			 object-fit: cover;
			 display: block;
			 left: 0;
			 bottom: 0;
			 margin: auto;
			 max-width: 100%;
			 width: 100%;
			 position: absolute;
			 right: 0;
			 top: 0;
			 border: none;
			 height: auto;
			 cursor: pointer;
			 -webkit-transition: 0.4s all;
			 -moz-transition: 0.4s all;
			 transition: 0.4s all;
		 }

		 .youtube-player img:hover {
			 -webkit-filter: brightness(75%);
		 }

		 .youtube-player .play {
			 height: 72px;
			 width: 72px;
			 left: 50%;
			 top: 50%;
			 margin-left: -36px;
			 margin-top: -36px;
			 position: absolute;
			 background: url('//i.imgur.com/TxzC70f.png') no-repeat;
			 cursor: pointer;
		 }


/* === MODAL =====================================================================*/


	.close-modal {
		display: none;
	}

	.modal-closer {
		display: inline-block;
		position: absolute;
		right: 50px;
		top: 20px;

	}

	.modal-closer a {
		color: white;
		background: #25adb7;
		text-decoration: none;
		padding: 3px 8px;
		border-radius: 30px;
		font-weight: 600!important;
	}

	.modal-closer a:hover {
		background: black;
		text-decoration: none;
		padding: 3px 8px;
	}

	.blocker::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
	}

	.blocker {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 5000;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.75);
    text-align: center;
		padding-top: 80px;
}



.modal {
    display: none;
    vertical-align: top;
    position: relative;
    z-index: 2;
    box-sizing: border-box;

    background: white;
    padding: 25px 10px 50px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left;
		overflow: scroll;
}
div.wpforms-container-full .wpforms-form button[type="submit"] {
	background: #25adb7!important;
	color: white!important;
	padding: 8px 20px!important;
	text-transform: uppercase;
	font-weight: 400;
	border-radius: 30px;
}

div.wpforms-container-full .wpforms-form button[type="submit"]:hover  {
	background: black!important;
	color: white!important;
}

div.wpforms-container-full textarea,
div.wpforms-container-full input[type="date"]::placeholder,
div.wpforms-container-full input[type="datetime"]::placeholder,
div.wpforms-container-full input[type="datetime-local"]::placeholder,
div.wpforms-container-full input[type="email"]::placeholder,
div.wpforms-container-full input[type="month"]::placeholder,
div.wpforms-container-full input[type="number"]::placeholder,
div.wpforms-container-full input[type="password"]::placeholder,
div.wpforms-container-full input[type="range"]::placeholder,
div.wpforms-container-full input[type="search"]::placeholder,
div.wpforms-container-full input[type="tel"]::placeholder,
div.wpforms-container-full input[type="text"]::placeholder,
div.wpforms-container-full input[type="time"]::placeholder,
div.wpforms-container-full input[type="url"]::placeholder,
div.wpforms-container-full input[type="week"]::placeholder,
div.wpforms-container-full select::placeholder,
div.wpforms-container-full textarea::placeholder {

    color: #7e808f!important;
    opacity: 1!important;


}

div.wpforms-container-full textarea,
div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
	max-width: 100%!important;
	background: #383d52!important;
	color: white!important;
	border-radius: 0;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
	font-weight: 400!important;
	text-align: left;
}

.form-brand {
	width: 100%;
	padding-top: 30px;
}


/* === FAQ ACCORDION =====================================*/

	.accordion {
		padding-top: 10px;
	}

	#questions-answers .container-main {
		padding: 0;
	}

	#questions-answers h2 {
		padding-left: 35px;
	}

	.card {
		background-color: none;
		background: none;
		}

	.card-header {
		padding: 0;
		border-bottom: none;
	}

	#main-accordion #faq .card .card-header {
		box-shadow: none!important;
		background: #45485b;
		padding: 20px 25px;
		}




		#main-accordion .card .card-header .btn-header-link {
			display: block;
			text-align: left;
			background: none;
			position: relative;
			display: flex;

			}

			#questions-answers h3 {
				font-weight: 300;
				font-size: 18px;
				line-height: 130%;
				text-transform: none;
				letter-spacing: 0;
				padding-top: 5px;
				padding-bottom: 5px;
				width: calc(100% - 35px);
				white-space: normal;
				display: inline-block;
				height: 100%;
				margin-top: auto;
				margin-bottom: auto;
				font-family:"Avenir LT W01_85 Heavy1475544";
				}

				#questions-answers h4 {
					color: #0ec0d6;
					font-family:"Avenir LT W01_65 Medium1475532", sans-serif;
					font-size: 18px;
					margin-bottom: 3px;
				}


					.card-header a.btn:focus h3,
					.card-header a.btn:active h3 {
						font-weight: 500!important;
						}

				.btn:focus {
					box-shadow: none;
					}



		#main-accordion .btn:after {
			content: "";
			background-image:url('assets/img/fund-administration-social-sprites-light-blue.svg');
			display: inline-block;
			position: absolute;
			right: 0;
			top: 50%; transform: translateY(-50%);
			height: 25px;
			width: 25px;
			background-size: contain;
			background-size: 1000px !important;
			background-position: -414px -63px !important;
			background-repeat: no-repeat!important;
			margin-top: 0!important;
			margin-top: auto;
			margin-bottom: auto;
			margin-left: 20px;
			}

			#main-accordion .btn:active:after,
			#main-accordion .btn:focus:after,
			#main-accordion .btn:hover:after {
				background-image:url('assets/img/fund-administration-social-sprites-light-blue.svg');
				}

		#main-accordion .btn-header-link[aria-expanded="true"]::after {
			background-position: -265px -63px !important;
			background-image:url('assets/img/fund-administration-social-sprites-light-blue.svg');
			}


	#main-accordion #faq .card {
		margin-bottom: 10px;
		border: 0;
		}




			#main-accordion #faq .card .collapsing {
			}




			#main-accordion #faq .card .collapse {
				border: 0;
				}

	#main-accordion #faq .card .collapse.show {
		line-height: 30px;
		color: #222;
		}



	.card-body {
		transform: translateY(-12px);
		border-bottom: none!important;
		padding: 10px 35px 30px 35px;
		background: #45485b;
		}

		.card:last-child .card-body {
			border-bottom: none;
			}


	#questions-answers p {
		font-size: 18px;
		font-weight: 300;
		margin-bottom: 30px;

		}

		#questions-answers p strong {
			font-family:"Avenir LT W01_85 Heavy1475544";
color: #25adb7;
			}

		#questions-answers ul li {
			font-weight: 400;
			}

	.card-body a {
		line-height: 110%;
		margin-bottom: 15px;
		color: #1d8af4;
		}

		@media only screen and (min-width : 480px) {


			#main-accordion #faq .card .card-header {
			  padding: 15px 25px;
			}

		}


		@media only screen and (min-width : 992px) {
			#questions-answers .container-main {
				padding: 0;
			}


			#main-accordion #faq .card .card-header {
			  padding: 15px 25px;
			}

		}


		@media only screen and (min-width : 1200px) {
			#questions-answers .container-main {
				padding: 50px;
			}

			#questions-answers h2 {
				padding-left:50px;
			}

			#main-accordion #faq .card .card-header {
			  padding: 20px 25px;
			}

		}











	/* === HERO =====================================*/

	/* === HERO MOBILE=============*/

		#hero {
			position: relative;
			background-color: #383d52;
		}

		.double-hero-image {
			width: 100%;
			height: calc(100vh - 100px);
			max-height: 600px;
		}




		.hero-image {
			width: 100%;
			position: relative;
			display: inline-block;
			height: 50%;
		}

		.hero-image img {
			object-fit: cover;
			object-position: center center;
			width: 100%;
			height: 100%;
			max-width: 100%;
			max-height: 100%;
		}

		.hero-image:nth-child(2) {
			margin-top: -1px;
			height: 51%;
		}


		.banner-text,
		#hero-text {
			position: absolute;
			z-index: 10;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 260px;
			height: 260px;
			padding: 0;
			background: #383d52;
			text-align: center;
		}

		.hero-message {
			position: absolute;
			width: 100%;
			height: auto;
			top: 50%; transform: translateY(-50%);
		}


		.hero-bottom-strap p,
		.hero-top-strap p {
			font-size: 16px;
			line-height: 110%;
			color: white;
			padding: 0;
		}

		.hero-bottom-strap p {
			max-width: 80%;
			margin: auto;
		}

		.hero-key p {
			text-transform: uppercase;
			font-size: 24px;
			line-height: 100%;
			padding: 20px 10px 15px 10px;
			color: white;
		}


		.hero-key p strong {
			color: #25adb7;
		}

		.hero-key p span {
			display: block;
		}



		@media only screen and (min-width : 400px) {
			.banner-text,
			#hero-text {
				width: 300px;
				height: 300px;
			}

			.hero-key p {
				font-size: 28px;
			}

			.hero-bottom-strap p,
			.hero-top-strap p {
				font-size: 18px;
			}

		}

			@media only screen and (min-width : 480px) {
				.banner-text,
				#hero-text {
					width: 280px;
					height: 280px;
				}




			}

			@media only screen and (min-width : 600px) {



			}

			@media only screen and (min-width : 768px) {

				.double-hero-image {
					display: flex;
					height: 70vh;
					max-height: none;
				}

				.reverse-image {
					flex-direction: row-reverse;
				}


				.hero-image:nth-child(2),
				.hero-image {
				height: 100%;
				margin-top: 0;
				}



				.banner-text,
				#hero-text {
					width: 330px;
					height: 330px;
				}

				.hero-key p {
					font-size: 32px;
					padding: 25px 10px 20px 10px;
				}


			}

	/* === HERO DESKTOP ============*/
		@media only screen and (min-width : 992px) {



		}

		@media only screen and (min-width : 1200px) {

			.double-hero-image {
				height: 75vh;
			}

			.banner-text,
			#hero-text {
				width: 360px;
				height: 360px;
			}

			.hero-key p {
				font-size: 36px;
				padding: 20px 10px;
			}

		}

/* === ANNIMATION =============*/




/* ==== TRIGGER SCROLL ANIMATION RIGHT TO CENTER =========================================*/




/* ==== TRIGGER SCROLL ANIMATION TOP TO BOTTOM =========================================*/




/* ==== KEYFRAMES =========================================*/





/* === SLIDER =====================================*/

	.slider {
			width: 80%;
			margin: 0 auto;
	}

	#gallery-section .slider {
		width: 85%;
	}

	.slick-slide {
		margin: 0px;
	}

	.slick-slide img {
		width: 100%;
	}

	/* === custom slick styles =====================================*/
		.slickwprev-prev::before,
		.slickwprev-next::before,
		.responsive-blog .slick-prev::before,
		.responsive-blog .slick-next::before,
		.responsive-blog .slickwprev-next::before,
		.responsive-blog .slickwprev-prev::before,
		.slick-prev::before,
		.slick-next::before,
		.slickwprev-next::before,
		.slickwprev-prev::before {
		background-image:url('assets/img/fund-administration-social-sprites-on-white.svg');
		}

		.responsive-blog {
			width: 80%;
		}

		.slickwprev-prev:hover::before,
		.slickwprev-next:hover::before,
		.slick-prev:hover::before,
		.slick-next:hover::before,
		.slickwprev-next:hover::before,
		.slickwprev-prev:hover::before,
		.responsive-blog .slick-prev:hover::before,
		.responsive-blog .slick-next:hover::before,
		.responsive-blog .slickwprev-next:hover::before,
		.responsive-blog .slickwprev-prev:hover::before  {
		background-image:url('assets/img/fund-administration-social-sprites-light-blue.svg');
		}

	.slickwprev-prev::before,
	.slickwprev-next::before,
	.slick-prev::before,
	.slick-next::before {
		content: ""!important;
		display: inline-block;
		height: 45px;
		width: 30px;
		background-size: contain;
		background-size: 1800px;
		background-repeat: no-repeat;
		background-position: -31px -112px;
	}


	.slickwprev-next::before,
	.slick-next::before {
		 background-position: -122px -112px;
	}

	.slickwprev-prev::before,
	.slickwprev-next::before,
	.slick-prev::before,
	.slick-next::before {
		opacity: 1;
	}

	.slickwprev-prev,
	.slick-prev {
		left: -50px;
		top: 40%;
	}

	.slickwprev-next,
	.slick-next {
		right: -50px;
		top: 40%;
	}

	.slickwprev-prev::before,
	.slick-prev::before {
		 margin-left:15px;
	}

.slickwprev-next::before,
	.slick-next::before {
		 margin-left:-15px;
	}

	button.slickwprev-next,
	button.slickwprev-prev,
	button.slick-next,
	button.slick-prev {
		width: 50px!important;
		height: 50px!important;
	}

	/* === REVIEWS SLIDER PRO =====================================*/

		.desktop-rewiews {
			display: none;
		}
		span.wprevpro_t2_DIV_title,
		p span.wprevpro_t1_DIV_title {
			font-weight: 400!important;
		}

		.slickwprev-slide p {
			width: 100%!important;
		}

		.wprev_preview_bg1_T5,
		.wprev_preview_bg1_T2 {
			border-bottom: none!important;
		}

		.color1 .wpforms-confirmation-container-full,
		.color1 .wprev_preview_bg1_T2 {
			background: black!important;
		}

		.color2 .wprev_preview_bg1_T2 {
			background: #414142!important;
		}

		.color2 .wpforms-confirmation-container-full,
		.color2  .wprev_preview_bg1_T2 {
			background: #414142!important;
		}



		.color3 .wpforms-confirmation-container-full,
		.color3  .wprev_preview_bg1_T2 {
			background: #808285!important;
		}

		.wpforms-confirmation-container-full {
			border: none!important;
		}

		.color1 .wprev_preview_tcolor2_T2,
		.color1 .wprev_preview_tcolor1_T2,
		.color2 .wprev_preview_tcolor2_T2,
		.color2 .wprev_preview_tcolor1_T2,
		.color3 .wprev_preview_tcolor2_T2,
		.color3 .wprev_preview_tcolor1_T2 {
			color: white!important;
		}



		#review-generator {
			width: 100%;
			position: relative;

		}

		.single-block-review,
		.double-block-review {
			position: relative;
		}

		.single-block-review:first-child {
			  text-align: center;
			}

			.thumbs-up-message  p:first-child {
				text-transform: uppercase;
				font-size: 26px;
			}

			.thumbs-up-message  p:nth-child(2) {
				font-size: 22px;
			}

			.double-block-review:first-child {
				text-align: center;
			}

		.review-icon {
			padding: 20px 0;
		}

		.review-icon img {
			width: 250px;
			height: auto;
		}



		.thumb-icons {
			width: 100%;
			position: relative;
		}

		.thumbs-icon {
			display: inline-block;
			padding-top: 20px;
			width: 45%;
			max-width: 140px;
		}

		.thumbs-icon img {
			height: auto;
		}

		.thumbs-down-message,
		.thumbs-up-message {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}



		.google-icon img {
			width: 130px;
			height: auto;

		}


		.google-review-icon {
			width: 100%;
			text-align: center;
			padding-top: 20px;
			width: 100%;
			margin: auto;
		}

		.google-review-star-icon img {
			padding-top: 20px;
			padding-bottom: 40px;
			width: 220px;
		}





	/* === SECTION GENERATOR =====================================*/

	.columns-section {
		width: 100%;
		position: relative;
		clear: both;
	}





	.column-image {
		width: 100%;
		height: 100%;
		overflow: hidden;

	}

	.column-image img {
		object-fit: cover;
		object-position: center;
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
	}

	.column-image.landscape.three-wide img,
	.column-image.landscape.four-wide img,
	.column-image.landscape.six-wide img {
		height: 60vw;
	}

	.column-image.square.three-wide img,
	.column-image.square.four-wide img,
	.column-image.square.six-wide img {
		height: 85vw;
	}

	.column-image.portrait.three-wide img,
	.column-image.portrait.four-wide img,
	.column-image.portrait.six-wide img {
		height: 120vw;
	}

	.icon-image {
		width: 100%;
		height: 100px;
		position: relative;
		margin-top: 10px;
	}

	.icon-image img {
		position: absolute;
		top: 50%;
 		left: 50%;
 		transform: translate(-50%, -50%);
		height: 80px;
		width: auto;
	}

	.icon-column:hover .icon-image img {
		height: 100px;
	}

	.icon-column:hover p {
		color: #25adb7;
		font-weight: 600;
	}


	.blocks-section {
		width: 100%;
		position: relative;
		display: flex;
		flex-wrap: wrap;
	}

	.fourth-page-block,
	.third-page-block,
	.half-page-block {
		position: relative;
		float: left;
		display: inline-block;
		padding-top: 50px;
		padding-bottom: 50px;
		flex: 1;
		flex: 0 0 100%;
	}




	.block-background-img,
	.section-background-img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.block-background-img img,
	.section-background-img img {
		object-fit: cover;
		object-position: center;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.block-image {
		width: 100%;
	}

	.block-image img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.section-banner {
		height: calc(100vh - 100px);
	}


/* === DEFAULT =====================================*/
	.intro-blox-column {
		padding-top: 50px;
	}

	/* === HOME =====================================*/

	.team-page #hero-text {
		display: none;
	}

	.team-member h2 {
	padding-top: 20px;
	color: #67697b;
	font-size: 24px;
	margin-bottom: 10px;
	}

	.team-member h3 {
	color: #25adb7;
	font-size: 18px;
	margin-bottom: 20px;
	}

	.team-member p:last-child {
	padding-bottom: 40px;
	}


/* === team =====================================*/
	#intro-section {
	position: relative;
	height: 100%;
	}


	@media only screen and (min-width : 768px) {

		.blocks-as-columns {
			padding: 6vw 0;
		}

		.blocks-as-columns .half-page-block {
			flex: 0 0 42%;
		}

		.blocks-as-columns .half-page-block:nth-child(1) {
			margin-right: 2%;
			margin-left: 6%;
		}

		.blocks-as-columns .half-page-block:nth-child(2) {
			margin-right: 6%;
			margin-left: 2%;
		}

		.blocks-as-columns .half-page-block {
			padding-top: 60px;
			padding-bottom: 60px;
		}

		.blocks-as-columns .half-page-block .container-main {
			padding-bottom: 90px;
		}

		.blocks-as-columns button {
			position: absolute;
			bottom: 60px;
			left: 30px;
		}

	}

	@media only screen and (min-width : 992px) {

		.blocks-as-columns {
			padding: 8vw 0;
		}

		.blocks-as-columns .half-page-block {
			flex: 0 0 40%;
		}

		.blocks-as-columns .half-page-block:nth-child(1) {
			margin-right: 2%;
			margin-left: 8%;
		}

		.blocks-as-columns .half-page-block:nth-child(2) {
			margin-right: 8%;
			margin-left: 2%;
		}

		.blocks-as-columns .half-page-block {
			padding-top: 80px;
			padding-bottom: 60px;
		}



		.blocks-as-columns .half-page-block .container-main {
			padding-bottom: 90px;
		}

		.blocks-as-columns button {
			bottom: 60px;
			left: 5vw;
		}
	}

	/* === MANCO =====================================*/


.onboarding .section-column:nth-child(2) {
	background: #67697b;
	margin-top: 30px;
	padding: 30px 30px;
}

	.start-number-list {
		counter-reset: count;
	}

	.h3-num-list h3 {
		margin-top: 60px;
		position: relative;
		margin-left: 50px;
		height: auto;
		margin-bottom: 30px;
		font-family:"Avenir LT W01_85 Heavy1475544";
	}

	.h3-num-list h3::before {
		position: absolute;
		left: 0;
		top: 50%; transform: translateY(-50%);
	  counter-increment: count;
	  content: counter(count)" ";
		font-size: 17px;
		font-family:"Avenir LT W01_85 Heavy1475544";
	  padding: 7px 16px 0 15px;
		width: 40px;
		height: 40px;
	  border-radius:50%;
	  color:#fff;
	  background:#25adb7;
		margin-right: 10px;
		margin-left: -50px;
	}




@media only screen and (min-width : 992px) {

	.onboarding .section-column:nth-child(1) {
		flex: 0 0 45%;
	}

	.onboarding .section-column:nth-child(2) {
		background: #67697b;
		margin-top: 0;
		padding: 40px;
		flex: 0 0 45%;
		margin-left: 5%;
	}
}

	/* === FUND ADMINSTRATION =====================================*/
	.block-list-4-col .column-contents {
		background: #f0f0f2;
		height: 100%;
		padding: 60px 30px 30px 30px;
	}

	.block-list-4-col .section-column {
		margin-bottom: 60px;
	}

	.block-list-4-col .column-contents h3 {
		font-family:"Avenir LT W01_85 Heavy1475544";
		margin-bottom: 20px;
	}

	.block-list-4-col .column-contents p {
		font-size: 18px;
	}

	.block-list-4-col {
		counter-reset: count;
	}

	.block-list-4-col .column-contents::before {
		position: absolute;
		left: 40px;
		top: -15px;
	  counter-increment: count;
	  content: counter(count)" ";
		font-size: 17px;
		font-family:"Avenir LT W01_85 Heavy1475544";
	  padding: 7px 16px 0 15px;
		width: 40px;
		height: 40px;
	  border-radius:50%;
	  color:#fff;
	  background:#25adb7;

	}



	@media only screen and (min-width : 360px) {

    a.button-style  {
		padding: 10px 30px;
	}
		.block-list-4-col .column-contents {
			padding: 60px 50px 50px 50px;
		}

		.block-list-4-col .column-contents::before {
			left: 60px;
		}
	}

	@media only screen and (min-width : 768px) {
			.block-list-4-col .column-contents h3 {
				height: 60px;
				margin-bottom: 0;
			}

			.inline-list-desktop ul li {
				display: inline-block;
				width: 130px;
				margin-right: 100px;
				min-height: 40px;
			}

			 .inline-list-desktop ul li::before {
				 top: 3px;
			 }

			 .fund-services {
				 margin-left: 5vw;
				 width: 90vw;
			 }

			 .fund-services .container-main {
				 padding-left: 7.5vw;
				 padding-right: 7.5vw;
			 }

			 .long.fund-services {
				 margin-top: 5vw;
				 padding-top: 7.5vw;
			 }

			 .offerings.fund-services {
				 margin-bottom: 5vw;
				 padding-bottom: 7.5vw;
			 }

			 .block-list-4-col .section-column:nth-child(3),
			 .block-list-4-col .section-column:nth-child(4) {
				 margin-bottom: 0;
			 }
		}

	@media only screen and (min-width : 992px) {

		.block-list-4-col .column-contents::before {
			left: 30px;
		}
		.block-list-4-col .column-contents {
			padding: 60px 20px 40px 20px;
		}

		.block-list-4-col .section-column {
			padding-left: 10px;
			padding-right: 10px;
			margin-bottom: 0;
		}



		.why-reafin p:first-child,
		.fund-admin-services p:first-child,
		.service-3 p:first-child {
			max-width: 860px;
		}

		.inline-list-desktop ul li {
			margin-right: 150px;
		}

	}

	@media only screen and (min-width : 1200px) {


		.inline-list-desktop ul li {
			margin-right:60px;
		}

	}

	/* ==== FUNDS =========================================*/

	.fund-container {
		padding-left: 5vw;
		padding-right: 5vw;
	}

	.fund {
		margin-bottom: 30px;
	}

	.fund-box {
		height: 100%;
		background: #f0f0f2;
		padding: 40px 30px 30px 30px;
	}

	.fund-traded p,
	.fund-ter,
	.fund-price,
	.fund-name h3,
	.fund-brand h2 {
		font-family:"Avenir LT W01_85 Heavy1475544";
	}

	.fund-price {
		padding-top: 10px;
	}


	.fund-brand h2 {
		font-size: 24px;
		margin-bottom: 20px;
		color: #7e808f;
	}

	.fund-name h3 {
		color: #383d52;
		font-size: 21px;
		margin-bottom: 20px;
	}

		.fund-traded p {
			color: #383d52;
		}

	.fund-figures {
		border-left: 1px solid #25adb7;
		padding-left: 10px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.fund-price {
		color: #25adb7;
		font-size: 33px;
	}

	.fund-currency {
		font-size: 16px;
		color: #383d52;
	}

	.fund-ter {
		color: #7e808f;
		font-size: 30px;
	}

	.fund .button-style {
		padding: 6px 20px;
	}

	#main .fund button {
  margin-top: 0 !important;
}

	@media only screen and (min-width : 480px) {
		.fund-container {
			padding-left: 10vw;
			padding-right: 10vw;
		}

	}

	@media only screen and (min-width : 580px) {

		.fund-container {
			padding-left: 10px;
			padding-right: 10px;
		}


	}

	@media only screen and (min-width : 600px) {

		.fund-container {
			padding-left: 20px;
			padding-right: 20px;
		}


		.fund-name {
			min-height: 80px;
		}

		.unit-trust .fund-name {
			min-height: none;
		}

	}

/* ==== SERVICE PAGES =========================================*/

/* ==== BLOG =========================================*/

.index-page h2 {
	text-transform: uppercase;
	padding-top: 0;
}

.ra-blog-heading h2 {
	padding-top: 0;
	padding-bottom: 80px;
}


.index-page .featured-tab h2 {
	font-weight: 300;
}

.sign-up-image {
	padding: 50px;
}

.signup-message h3 {
	font-size: 56px;
}

.sign-up-text {
	height: 100%;
	position: relative;
	margin-top: auto;
	padding-bottom: 50px;
}


 h3.blog-link {
	padding-top: 10px;
}

 .blog-button {
	 width: 230px;
	 padding: 8px 0;
 }



.featured-tab {
	margin-top: 30px;
}

.color1 #fa-blog-header,
.color2 #fa-blog-header,
.color3 #fa-blog-header {
	border-bottom: 1px solid white;
}

	.color4 #fa-blog-header,
	.color5 #fa-blog-header,
	.light3 #fa-blog-header,
 .clearbox #fa-blog-header {
	border-bottom: 1px solid black;
}

.blog-slider-text > a > h3  {
	color: black;
	font-weight: 300;
}

.blog-slider-text > a:hover > h3 {
	color: #25adb7!important;
}


#fa-blog-header {
	opacity: .4;
}

#featured-article {
	position: relative;
}

#featured-article #fa-blog-header h2 {
	font-weight: 300;
	margin-top: 10px;
}

.featured-content h3 {
	font-size: 36px;
}

.recent-articles {
	clear: both;
}

.recent-blog-container {
	width: 100%;
}



.blog-slider-image {
	width: 100%;
	height: 70vw;
}

.blog-slider-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}



.blog-slider-text h3 {
	padding-bottom: 20px;
	padding-top: 20px;
}



.blog-nav h2,
.blog-nav .category-heading {
	display: inline-block;
}


/* ==== SINGLE BLOG =========================================*/
.index-page,
.single-blog {
	background:  	#F8F8F8;
}

.blog-header {
	padding-top: 30px;
}

	.single-blog .entry-content {
		padding-bottom: 50px;
		padding-top: 30px;
		border-bottom: 1px solid grey;
	}

	.author {
		padding-top: 20px;
	}

	.blog-intro-feature p{
		font-weight: 400;
	}

	.main-blog-image {
		padding-top: 10px;
	}

	.norm_row {
		width: 100%!important;
	}

	.signup-message h4 {
		padding-top: 30px;
		text-transform: uppercase;
	}



	/* === ARCHIVE =====================================*/

	.archive-page {
		padding-bottom: 100px;
	}

	.archive-page h1 {
		padding-bottom: 30px;
	}

	.archive-breadcrumb p {
		text-transform: uppercase;
	}

	.archive-blog-nav a {
		font-weight: 300;
		text-transform: uppercase;
	}

/* === SITEMAP PAGE =====================================*/

		.sitemap-page {
			margin-top: 0;
			background: #eceeee;
		}

		.sitemap-page h1 {
			font-weight: 300;
			text-transform: uppercase;
			font-size: 32px;
		}

		.sitemap-page h2 {
			font-weight: 300;
			text-transform: uppercase;
			padding-bottom: 20px;
			color: grey;
		}

		.sitemap-page h3 {
			line-height: 150%;
			font-size: 18px;
			text-transform: uppercase;
		}

		.sitemap-page h4 {
			line-height: 150%;
			font-size: 20px;
		}

		.sitmap-blocks {
			padding-top: 20px;
			padding-bottom: 20px;

		}



		.sitmap-blocks ul {
			padding-left: 20px;
		}

		.sitmap-blocks ul li {
			padding-bottom: 5px;
		}

		.sitemap-page .col-sm-12 {
			line-height: 150%;
		}


	/* === INVESTMENT FORMS =====================================*/

		.invest-forms ul {
			padding: 0;
		}

		.invest-forms li {
			list-style: none;
		}

		.invest-forms a {
			list-style: none;
		}



			.invest-forms a.button-style {
			padding: 5px 20px;
			width: 161px;
		}






		.invest-forms a,
		.invest-forms p {
			display: block;

		}

		#primary .invest-forms a.button-style {
			margin-bottom: 70px;
			margin-top: 10px;
		}




		@media only screen and (min-width : 768px) {

			.invest-forms a,
			.invest-forms p {
				display: inline-block;
			}



			.invest-forms li {
				margin-bottom: 30px;
			}

			.invest-forms p {
				float: right;
				clear: both;
				width: calc(100% - 180px);
				padding-top: 8px;
				padding-left: 20px;

			}

			#primary .invest-forms a.button-style  {
				width: 180px;
				text-align: center;
				padding: 5px 0;
				margin: 0;

			}




		}


	/* === FOOTER =====================================*/


#footer {
	position: relative;
	width: 100%;
	padding: 100px 0 100px 0;
}

#footer p {
	color: #7e808f;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 0;
	font-family:"Avenir LT W01_35 Light1475496";
}



#footer ul {
	border-bottom: 1px solid #67697b;
	margin-top: 20px;
	padding-bottom: 20px;
}

#footer .footer-contacts ul {
	border-bottom: none;
}



#footer #contact-nav ul {
	border-bottom: none;
}

#footer li {
	color: #707977!important;
	list-style: none;
	margin-left: -20px;
	padding-bottom: 10px;
	width: 100%;
}

	#footer .footer-contacts li {
		margin-left: -40px;
		padding-bottom: 0;
		margin-top: -10px;
		margin-bottom: 10px;
	}



#footer li a {
	text-decoration: none;
	font-weight: 300;
	color: white;
}


#footer li a:hover {
	color: #25adb7;
}



	li.social-icons > a {
		display: inline-block;
		margin-right: 20px;

	}

	a.page-scroll-icon {
		display: block;
		position: absolute;
		bottom:0;
		left: 0;
		z-index: 5;
		width: 100%;
		height: 80px;
		margin: auto;
	}

	#footer a.page-scroll-icon {
		bottom:auto;
		top: 0;

	}


	.telephone-icon a::before,
	.mobile-icon a::before,
	.email-icon a::before,
a.twitter-icon::before,
a.facebook-icon::before,
a.instagram-icon::before,
a.linkedin-icon::before,
a.youtube-icon::before,
a.pinterest-icon::before,
a.directions-icon::before {
	content: "";
	background-image:url('assets/img/fund-administration-social-sprites-light-blue.svg');
	display: inline-block;
	height: 35px;
	width: 35px;
	background-size: contain;
	background-size: 1400px;
	background-repeat: no-repeat;
	content: "";
	transform: translateY(5px);
	margin-top: -3px;
}


a.twitter-icon::before,
a.facebook-icon::before,
a.instagram-icon::before,
a.linkedin-icon::before,
a.youtube-icon::before,
a.pinterest-icon::before,
a.directions-icon::before {

margin-right: 6px;
transform: translateY(9px);
}


a.directions-icon::before {
		background-position: -18px -14px
}



.directions-icon a::before,
.telephone-icon a::before,
.mobile-icon a::before,
.email-icon a::before {
	background-size: 1000px;
}

	.telephone-icon a::before {
			background-position: -259px -4px;
	}

	.mobile-icon a::before {
			background-position: -208px -4px;
	}

	.email-icon a::before {
		background-position: -158px -4px;
	}







	.facebook-icon::before {
	  	background-position: -435px -17px;
	}

	a.instagram-icon::before{
	  	background-position: -508px -17px;
	}

	a.linkedin-icon::before{
	  	background-position: -578px -17px;
	}

	a.twitter-icon::before {
			background-position: -648px -17px;
	}

	a.youtube-icon::before{
	  	background-position: -718px -17px;
	}

	a.pinterest-icon::before{
	  	background-position: -787px -17px;
	}

	a:hover.directions-icon::before,
	.telephone-icon a:hover::before,
	.mobile-icon a:hover::before,
	.email-icon a:hover::before,
	a:hover.twitter-icon::before,
	a:hover.facebook-icon::before,
	a:hover.instagram-icon::before,
	a:hover.linkedin-icon::before,
	a:hover.youtube-icon::before,
	a:hover.pinterest-icon::before {
		background-image:url('assets/img/fund-administration-social-sprites-light-blue.svg');
	}

	.copyright-div {
		margin-bottom: 20px;
	}

	.imprint-box {
		padding-top: 50px;
	}

	.imprint a {
		font-size: 16px;
		width: 100%;
		font-weight: 300;
		padding-bottom: 30px;
		color: #25adb7;
	}

	.imprint a:hover {
		color: white;
	}



	.imprint a span {
		font-weight: 300;
		color: #7e808f;
	}





/* === MEDIA QUARIES =============*/
	@media only screen and (min-width : 360px) {


	}



/* === MEDIA 400 ===============================================================*/
@media only screen and (min-width : 400px) {


}


/* === MEDIA 480 ===============================================================*/

@media only screen and (min-width : 480px) {

	.section-padding-top,
	.full-padding-top {
		padding-top: 80px;
	}


	.section-padding-bottom,
	.full-padding-bottom {
		padding-bottom: 80px;
	}



	.section-half-padding-top,
	.half-padding-top {
		padding-top: 40px;
	}



	.section-half-padding-bottom,
	.half-padding-bottom {
		padding-bottom: 40px;
	}

	.column-image.landscape.three-wide img,
	.column-image.landscape.four-wide img,
	.column-image.landscape.six-wide img {
		height: 50vw;
	}

	.column-image.square.three-wide img,
	.column-image.square.four-wide img,
	.column-image.square.six-wide img {
		height: 75vw;
		max-height: 500px;
	}

	.column-image.portrait.three-wide img,
	.column-image.portrait.four-wide img,
	.column-image.portrait.six-wide img {
		height: 110vw;
	}

	#recent-articles-blog-index h2,
	.recent-articles-heading h3 {
		padding-left: 0;
	}


	.slick-prev::before {
		 margin-left:0;
	}

	.slick-next::before {
		 margin-left:0;
	}

	.slickwprev-prev::before {
		 margin-left:-25px;
	}

	.slickwprev-next::before {
			 margin-left: 25px;
		}


}


/* === MEDIA 600 ===============================================================*/
@media only screen and (min-width : 600px) {



		.responsive-blog {
			width: 100%;
		}

		.recent-blog-container {
			width: 85%;
			margin: auto;
		}

		.fourth-page-block,
		.third-page-block,
		.half-page-block {
			padding-top: 80px;
			padding-bottom: 80px;
		}

		.column-image.landscape.three-wide img,
		.column-image.landscape.four-wide img,
		.column-image.landscape.six-wide img {
			height: 45vw;
		}


		.column-image.square.three-wide img,
		.column-image.square.four-wide img,
		.column-image.square.six-wide img {
			height: 70vw;
			max-height: 460px;
		}

		.column-image.portrait.three-wide img,
		.column-image.portrait.four-wide img,
		.column-image.portrait.six-wide img {
			height: 600px;
		}

		.slickwprev-prev::before {
			 margin-left:-40px;
		}

		.slickwprev-next::before {
				 margin-left: 40px;
			}

}





/* === MEDIA 768 ===============================================================*/

	@media only screen and (min-width : 768px) {
		/* === PADDING 768 ==========*/


		.full-heading-padding-top {
			padding-top: 60px;
		}

		.fourth-page-block,
		.third-page-block,
		.half-page-block,
		.section-padding-top,
		.full-padding-top {
			padding-top: 100px;
		}

		.section-padding-top.with-heading,
		.section-padding-top.with-heading {
			padding-top: 0;
		}

		.fourth-page-block,
		.third-page-block,
		.half-page-block,
		.section-padding-bottom,
		.full-padding-bottom {
			padding-bottom: 100px;
		}

		.section-half-padding-top,
		.half-padding-top {
			padding-top: 50px;
		}

		.paragraph-space-top {
			padding-top: 25px;
		}

		.paragraph-space-bottom {
			padding-bottom: 25px;
		}


		.section-half-padding-top.with-heading,
		.section-half-padding-top.with-heading {
			padding-top: 0;
		}

		.section-half-padding-bottom,
		.half-padding-bottom {
			padding-bottom: 50px;
		}


		.single-blog {
			padding-bottom: 100px;
		}

		.blog-slider-image {
			height: 350px;
		}


		.blog-slider:nth-child(odd) {
			padding-right: 10px;
		}

		.blog-slider:nth-child(even) {
			padding-left: 10px;
		}

		.fourth-page-block,
		.half-page-block {
			flex: 0 0 50%;
		}

		.column-image.landscape.three-wide img,
		.column-image.landscape.four-wide img,
		.column-image.landscape.six-wide img {
			height: 40vw;
		}

		.column-image.square.three-wide img,
		.column-image.square.four-wide img,
		.column-image.square.six-wide img {
			height: 63vw;
			max-height: 500px;
		}

		.column-image.portrait.four-wide img,
		.column-image.portrait.six-wide img {
			height: 630px;
		}

		.thumbs-down-message,
		.thumbs-up-message {
			padding: 60px 20vw;
		}

}


/* === MEDIA 992 ===============================================================*/

@media only screen and (min-width : 992px) {
	/* === snap to scroll

	#main {
		overflow-y: scroll;
		scroll-snap-type: y mandatory;
		height: 100vh;
	}

	#questions-answers,
	#section1,
	#section2,
	#section3,
	#section4,
	#section5,
	#section6,
	#section7,
	#section8,
	#section9,
	#hero,
	#intro-section {
		scroll-snap-align: start;
	}


	.narrow-blog-container {
		max-width: 880px;
	}


	/* === DESKTOP PADDING ==========*/

	.mp-t {
		padding-top: 0;
	}

	.mp-b {
		padding-bottom: 0;
	}

	.mm-t {
	margin-top: 0;
	}

	.mm-b {
		margin-bottom: 0;
	}

	.third-page-block {
		flex: 0 0 33.333333%;
	}




	#intro-content.with-hero,
	.featured-padding-top {
		padding-top: 100px;
	}

	#intro-content.without-hero {
		padding-top: 80px;
	}

	#intro-content,
	.featured-padding-bottom {
		padding-bottom: 100px;
	}


		#footer ul {
		  border-bottom: none;
		}

		.responsive-blog {
			width: 100%;
		}

		.recent-blog-container {
			max-width: 1170px;
		}

		.blog-slider:nth-child(even) {
			padding: 0;
		}

		.blog-slider:nth-child(odd) {
			padding: 0;
		}

		.blog-slider {
			margin: 0 15px;
		}


		.columns-section.full-screen-height {
			height: calc(100vh - 80px);
		}

		.column-content {
			position: relative;
		width: 100%;
		height: 100%;

		}

		.full-screen-height .column-content .container {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			height: auto;
		}

		#featured-article #fa-blog-header h2 {
			text-align: right;
		}

		.featured-tab {
			margin-top: 100px;
		}

		.featured-background {
			position: absolute;
			top: 0;
			height: 100%;
			width: 100%;
			z-index: 0;
		}

		.full-width-featured {
			left: 0;
			width: 100%;
		}

		.featured-blog-image {
			width: 100%;
			height: 100%;
			overflow: hidden;
		}

		.featured-blog-image img {
			object-fit: cover;
			width: 100%;
			height: 100%;
			max-height: 100%;
			max-width: 100%;
		}

		.featured-background img,
		.intro-image img {
			object-fit: cover;
			width: 100%;
			height: 100%;
			max-height: 100%;
			max-width: 100%;
		}

		.featured-blog-text {
			padding-left: 30px;
		}

		.featured-blog-text p {
			font-size: 22px;
		}


		.half-width-featured {
			left: 50%;
			width: 50%;
			padding: 0;
			max-height: none;
		}



 .intro-col:nth-child(1) {
	 padding-right: 50px;

}

.intro-col:nth-child(2) {
	padding-left: 50px;

}

.column-image.landscape.three-wide img {
	height: 150px;
}

.column-image.landscape.four-wide img {
	height: 200px;
}

.column-image.landscape.six-wide img {
	height: 300px;
}

.column-image.square.six-wide img {
	max-height: 460px;
}

.column-image.square.four-wide img {
	max-height: 280px;
}

.column-image.square.three-wide img {
	max-height: 200px;
}

.column-image.portrait.four-wide img {
	max-height: 500px;
}

.column-image.portrait.three-wide img {
	max-height: 400px;
}

	.full-height-image  {
		height: 100%;
	}

	.full-height-image img  {
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
	}




	.half-width-featured {
		padding: 0;
		}

		.container-main {
			padding-left: 50px;
			padding-right: 50px;
		}

		.half-page-block .container-main,
		.fourth-page-block .container-main,
		.third-page-block .container-main {
			padding-left: 5vw;
			padding-right: 5vw;
		}

		#recent-articles-blog-index h2,
		.recent-articles-heading h3 {
			padding-left: 40px;
		}

		.intro-col {
			position: relative;
		}

		.intro-block-text {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 80%;
			margin: auto;
			padding: 0;
			padding-left: 50px;

		}

		.intro-blox-column {
			padding-top: 0;
			position: absolute;
			top: 50%; transform: translateY(-50%);
			left: 50%;
			width: 50%;
			padding: 50px;
			margin: auto;
		}

		.blog-slider:nth-child(odd) {
			padding-right: 0;
		}

		.blog-slider:nth-child(even) {
			padding-left: 0;
		}

		.desktop-rewiews {
			display: block;
			margin-left: -15px;
			margin-right: -15px;
		}

		.mobile-rewiews {
			display: none;
		}

		.thumbs-down-message,
		.thumbs-up-message {
			padding: 60px 30px;
		}


				.thumbs-down-message,
				.thumbs-up-message {
					padding: 60px 30px;
				}
	}




	/* === MEDIA 1200 ===============================================================*/
	@media only screen and (min-width : 1200px) {



		/* === PADDING 1200 ====*/
		.full-heading-padding-top {
			padding-top: 80px;
		}



		#intro-content.with-hero,
		.section-padding-top,
		.full-padding-top {
			padding-top: 130px;
		}

		.section-padding-top.with-heading,
		.section-padding-top.with-heading {
			padding-top: 0;
		}

		.section-padding-bottom,
		.full-padding-bottom {
			padding-bottom: 130px;
		}

		.section-half-padding-top,
		.half-padding-top {
			padding-top: 75px;
		}

		.section-half-padding-top.with-heading,
		.section-half-padding-top.with-heading {
			padding-top: 0;
		}

		.section-half-padding-bottom,
		.half-padding-bottom {
			padding-bottom: 75px;
		}

		#intro-content .with-hero,
		.featured-padding-top {
			padding-top: 130px;
		}

		#intro-content.with-hero,
		.featured-padding-bottom {
			padding-bottom: 130px;
		}
		.paragraph-space-top {
			padding-top: 30px;
		}

		.paragraph-space-bottom {
			padding-bottom: 30px;
		}


		.narrow-blog-container {
			max-width: 900px;
		}

		.fourth-page-block {
			flex: 0 0 25%;
		}

		.fourth-page-block .container-main {
			padding-left: 30px;
			padding-right: 30px;
		}

		.column-image.landscape.three-wide img {
			height: 180px;
		}

		.column-image.landscape.four-wide img {
			height: 250px;
		}

		.column-image.landscape.six-wide img {
			height: 350px;
		}

		.column-image.square.six-wide img {
			max-height: 480px;
		}

		.column-image.square.four-wide img {
			max-height: 320px;
		}

		.column-image.square.three-wide img {
			max-height: 220px;
		}

		.desktop-rewiews {
			margin-left: -35px;
			margin-right: -35px;
		}

  }

/* === MEDIA 1300 ===============================================================*/
@media only screen and (min-width : 1300px) {

	#recent-articles-blog-index h2,
	.recent-articles-heading h3 {
		padding-left: 0;
	}

	.slickwprev-prev::before {
		 margin-left:-10px;
	}

	.slickwprev-next::before {
			 margin-left: 10px;
		}
}


		/* === MEDIA 1400 ===============================================================*/
		@media only screen and (min-width : 1400px) {

			.fourth-page-block .container-main {
				padding-left: 50px;
				padding-right: 50px;
			}

			.slickwprev-prev::before {
				 margin-left:-60px;
			}

		.slickwprev-next::before {
				 margin-left: 60px;
			}

	    }

			/* === MEDIA 1500 ===============================================================*/
			@media only screen and (min-width : 1500px) {


		    }








	/* === SCREEN SIZE ===============================================================*/
	.screen-size {
		position: fixed;
		bottom: 20px;
		left: 0;
		background: #383738;
		z-index: 5000;
		padding: 2px 10px 0 ;
		height: 24px;
	}

	.screen-size p  {
		color: white;
		font-size: 10px;
	}




.iphone-5 {
	position: absolute;
	left: 0;
	top: 366px;
	width: 100%;
	height: 50px;
	border-top: 1px solid yellow;
	border-bottom:1px solid yellow;
	z-index: 5000;
}

.iphone-12 {
	position: absolute;
	left: 0;
	top: 610px;
	width: 100%;
	border-top: 1px solid yellow;
	z-index: 5000;
}



@media only screen and (min-width : 360px) { .iphone-12  { display: block; }
	.iphone-5 { display: none; }	}

	@media only screen and (min-width : 319px) {
	.size320, .size480,	.size600, .size768, .size992, .size1200, .size1300, .size1400 { display: none; }	}

	@media only screen and (min-width : 320px) { .size320 { display: inline; }
	.size480,	.size600, .size768, .size992, .size1200, .size1300, .size1400 { display: none; }	}

	@media only screen and (min-width : 480px) { .size480 { display: inline; }
	.size320,	.size600, .size768, .size992, .size1200, .size1300, .size1400 { display: none; }	}

	@media only screen and (min-width : 600px) { .size600 { display: inline; }
	.size320,	.iphone-12, .size480, .size768, .size992, .size1200, .size1300, .size1400 { display: none; }	}

	@media only screen and (min-width : 768px) { .size768 { display: inline; }
	.size320,	.size480, .size600, .size992, .size1200, .size1300, .size1400 {	display: none; }	}

	@media only screen and (min-width : 992px) { .size992 { display: inline; }
		.size320,	.size480, .size600, .size768, .size1200, .size1300, .size1400 {	display: none; }	}

	@media only screen and (min-width : 1200px) { .size1200 { display: inline; }
	.size320, .size480, .size600, .size768, .size992, .size1300, .size1400 {	display: none; }	}

	@media only screen and (min-width : 1300px) { .size1300 { display: inline; }
			.size320,	.size480, .size600, .size768, .size992, .size1200, .size1400 {	display: none; }	}

	@media only screen and (min-width : 1400px) { .size1400 { display: inline; }
		.size320,	.size480, .size600, .size768, .size992, .size1200, .size1300 {	display: none; }	}

		.iphone-5,
		.iphone-12 {
			display: none;
		}

		.screen-size {
			display: none;
		}

		.logged-in .screen-size {
			display: block;
		}


		/* === NAV ===============================================================*/

		#site-header {
			position:fixed;
			z-index: 2000;
		}



			.joinchat {
				bottom: 10px!important;
				right: 10px!important;
				--btn: 40px!important;
			}

			.joinchat__button {
				width: 50px!important;
				height: 50px!important;
				min-width: 50px!important;
				min-height: 50px!important;
				background: #25adb7!important;
			}

			.joinchat__button:hover {
				background: #25adb7!important;
			}

			.joinchat__button__open {
				border-radius: 50px;

				background-color: #1aa6a5;
				width: 50px!important;
				height: 50px!important;
				min-width: 50px!important;
				min-height: 50px!important;

			}



			.joinchat__button__sendtext  {
				width: 200px!important;
				min-width: 200px!important;
				background: #25adb7;
				transform: translateX(-150px);
				line-height: 30px!important;
				padding: 10px 0 0 35px!important;
			}

			.joinchat__button__send {
				position: absolute;
				top: -2px;
				left: -20px;
				z-index: 20;
				transform: translate(-30px -10px);
				width: 50px!important;
				height: 50px!important;
			}

			.joinchat__tooltip {
				transform: translateY(-10px);
			}

			#CookiebotWidget {
				display: none;
			}


		/* === PRIMARY CONTENT =====================================*/

		#site-header {
			position:fixed;
			z-index: 2000;
		}





	/* === DROPDOWN NAV ===============================================================*/

	#primary {
		margin-top: 100px;
	}

	nav {
		height: 100px;
		text-align: left;
	}

	#menu-primary-menu {
		display: none;
	}



	#mobile-menu {
		display:flex!important;
	}





	#site-header,
	.navbar {
		width: 100%;
		background: white;
	}

	.navbar > .container {
		display: inline-block;
	}



	nav.rank-math-breadcrumb {
		height: auto;
	}

	 .navbar {
		background: #383d52;
	}

		.nav-container {
			position: relative;
		}

		.main-logo {
			display: inline-block;
			width: 195px;
			margin-left: 10px;
		}

		 .main-logo img {
			 width: auto;
		 }



	.nav {
			display: block;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding-left: 0;
			margin-bottom: 0;
			list-style: none;
		}


		.dropdown-menu {
			color: #383d52;
			margin: -10px 0 0;
		}

		.navbar ul li a {
			text-transform: uppercase;
			font-size: 18px;
			font-weight: 300;
			text-decoration: none;
			line-height: 250%;
			color: white;
			letter-spacing: 1px;
		}

		.navbar ul li a:hover {
			color: #25adb7;
		}


	.desktop-menu {
		display: none;
	}







		/* === Remove caret ====*/
		.dropdown-toggle:after { content: none }

		.menu-contact {
			margin-bottom: 40px;
			margin-top: 20px;
		}

		.menu-contact a {
			background: #25adb7;
			color: white;
			padding: 8px 30px;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: 400;
			padding: 8px 30px;
			border-radius: 30px;

		}

		.menu-contact a:hover {
			background: black;
			color: #25adb7;
		}


		.dropdown-menu.depth1 {
			display: block;
			position: relative;
			float: none;
			background: none;
		}









	@media only screen and (max-width : 991px) {

		.navbar-collapse {
			overflow-y: scroll !important;
			height: calc(100vh - 80px)!important;
		}

		.navbar-collapse {
				position: absolute;
				background: #383d52;
				width: 100%;
				padding: 50px 60px 20% 60px;
				border: 0;
				margin-top: 0;
				height: auto;
				left: 0;
				top:98px;
				z-index: 2000;
				width: 100vw;
				left: 50%;
				margin-left: -50vw;
				}

		.dropdown-menu.depth0 {
				display: block;
				position: relative;
				float: none;
				background: none;
		}

		.dropdown-menu.depth0 a {
			cursor: pointer!important;
		}



	}


	@media only screen and (max-width : 599px) {

		.navbar-collapse {
				top:85px;
				padding: 50px 40px 20% 40px;
				}
	}

	@media only screen and (max-width : 399px) {
		.navbar-collapse {
				padding: 50px 30px 20% 30px;
				}
	}

	/* === HAMBURGER ICON =============*/

	.navbar-toggler {
		position: absolute;
		right: 5px;
		top: 50%; transform: translateY(-52%);
		border: none;
		background: none !important;
		padding: 8px 6px!important;
	}


	.navbar-toggler:focus {
		outline: none;
		background: transparent !important;
	}

	.navbar-toggler .icon-bar {
		background-color: #25adb7;
		transform: rotate(0deg) translate(0px, 0px);
		transition: ease all .2s;
	}


	.navbar-toggler:hover .icon-bar {
		background-color: #25adb7;
	}

	.navbar-toggler .icon-bar {
		display: block;
		width: 32px;
		height: 2px;
		border-radius: 1px;
	}

	.navbar-toggler .icon-bar+.icon-bar {
		margin-top: 6px;
	}

	.icon-bar:nth-child(2) {
		transition: ease all .2s;
	}

.navbar-toggler.active .icon-bar:nth-child(1),
.navbar-toggler.active .icon-bar:nth-child(2),
.navbar-toggler:hover>.icon-bar:nth-child(2),
.navbar-toggler:active>.icon-bar:nth-child(2),
.navbar-toggler.active .icon-bar:nth-child(3) {
	transition: ease all .2s;
}

	.navbar-toggler.active .icon-bar:nth-child(1) {
		transform: rotate(45deg) translate(6px, 6px);


	}

	.navbar-toggler.active .icon-bar:nth-child(2) {
		opacity: 0;

	}



	.navbar-toggler:active>.icon-bar:nth-child(2) {
		width: 22px;
	}

	.navbar-toggler.active .icon-bar:nth-child(3) {
		transform: rotate(-45deg) translate(6px, -6px);

	}



	/* === MEDIA QUARIES =============*/
		@media only screen and (min-width : 360px) {

			.main-logo {
			  width: 205px;
			}

			.navbar-toggler {
				right:10px;
			}

			.navbar ul li.menu-1 a,
			.navbar ul li.first-level-menu a {
				font-size: 20px;
			}


		}

		/* === MEDIA 400 ===============================================================*/
		@media only screen and (min-width : 400px) {
			.main-logo {
			 margin-left: 20px;
			 width: 225px;
		 }

		 .navbar-toggler {
			 right:20px;
		 }


		}

		/* === MEDIA 480 ===============================================================*/
		@media only screen and (min-width : 480px) {


		}

	/* === MEDIA 600 ===============================================================*/
	@media only screen and (min-width : 600px) {

		#primary {
			margin-top: 120px;
		}

		nav  {
			height: 120px;
			text-align: left;
		}


		#primary {
			margin-top: 130px;
		}

		nav  {
			height: 130px;
			text-align: left;
		}

		.main-logo {
			width: 270px;
		 margin-left: 30px;
	 }

     .main-logo img {
            transition: transform 0.3s ease, filter 0.3s ease;
        }

        .main-logo a:hover img {
            transform: scale(1.02);
            filter: drop-shadow(0 6px 14px rgba(0,0,0,0.7));
        }

	 .navbar-toggler {
			right: 20px;
			padding: 12px 8px !important;
		}

		.navbar ul li.menu-1 a,
		.navbar ul li.first-level-menu a {
			font-size: 22px;
		}
	}



	@media only screen and (min-width : 768px) {
		.main-logo {
		 margin-left: 40px;
		 }

		 .navbar-toggler {
				right: 40px;
			}
	}

	/* === MEDIA 992 ===============================================================*/

	@media only screen and (min-width : 992px) {

		#primary {
			margin-top: 120px;
		}

		nav {
			height: 120px;
			text-align: left;
		}

		#menu-primary-menu {
			display: flex;
		}

	#menu-mobile-menu {
		display: none!important;
	}

		.desktop-menu {
			display: block;
		}

		.navbar {
			padding: 0;
		}

		#main-menu {
			display: block;
		}

		.main-logo {
			margin-left: 0;
			width: 25%;
		}


		.menu-contact { display: none; }

		.contact-button {
			display: block;
			position: absolute;
			right: 0;
			top: 0;
		}

		.contact-button a {
			border-radius: 0;
			height: 120px;
			width: 170px;
			padding: 40px 20px 0 20px;
            line-height: 100%;
		}

		/* === top-level-menu ====*/
		.navbar-collapse {
			position: absolute;
			top: 0;
			right: 180px;
		}

		.navbar ul {
			height: 120px;
		line-height: 125px;

		}

		.navbar ul:first-child li {
			text-align: center;
			padding: 0 25px;
		}

		.navbar ul li a {
			font-size: 18px;
			font-weight: 300;
			line-height: 30px;
			text-transform: uppercase;
			color: white;
		}

		.navbar ul li a:hover,
		.navbar .active > a,
		.navbar ul li.show a {
		color: #25adb7!important;
	}


	.navbar ul li.show a,
	.navbar .active > a {
	color: #25adb7!important;
}


		.navbar ul:first-child li:hover,
		.navbar ul:first-child li:active,
		.navbar ul:first-child li:focus,
		.navbar ul:first-child li:hover a,
		.navbar ul:first-child li:active a,
		.navbar ul:first-child li:focus a {
			color: white;
			background: none;
		}




	/* === Dropdown first level =======*/
	/* === ADJUST WIDTH AND COLOUR OF DROPDOWN =======*/

	.depth0 {
	position: absolute!important;
	padding: 20px 30px;
	border: 0;
	border-radius: 0;
	z-index: 0;
	width: 290px;
	left: -65px;
	margin-top: -30px;
	text-align: center;
	background: #25adb7;
	opacity: 1;
	}

	.navbar-nav li:nth-child(3)	.depth0 {

		width: 200px;
		left: -40px;
		}

	.menu-contact {
	display: none!important;
	}

		.navbar ul:nth-child(2) {
			height: auto;
		}

	.navbar-collapse ul:nth-child(2) li {
	position: static;
	padding: 0;
	height: auto;
	display: block;
	max-width:none;
	vertical-align: top;
	text-align: left;
	margin: 0;
	margin-right: 20px;
	line-height: 60px;
	text-align: left!important;
	overflow: hidden;
	background: none!important;
	width: 100%;
	}


.navbar-nav li:nth-child(3)	.depth0 li,
	.navbar-collapse ul:nth-child(2) li:first-child {
		border-bottom: 1px solid white;
		width: 100%;
	}



		.navbar-nav li:nth-child(3)	.depth0 li:last-child {
			border-bottom: none;
			}

	.navbar-collapse ul:nth-child(2) li a {
	background: none!important;
	font-weight: 400;
	width: 100%;
	color: white!important;
	font-size: 18px;
	}



	.navbar-collapse ul:nth-child(2) li a:hover {
	color: #383d52!important;
	}

}

	/* === MEDIA 1200 ===============================================================*/
	@media only screen and (min-width : 1200px) {


	.main-logo {
		width: 300px;
	}





	.navbar ul li a {
		font-size: 20px;
	}

	.depth0 {
	left: -60px;
	width: 290px;
	}


	.navbar-nav li:nth-child(3)	.depth0 {
		left: -34px;
		width: 200px;
		}


	}



/* === MEDIA 1300 ===============================================================*/
@media only screen and (min-width : 1300px) {






}


}