﻿
body.cookie-message-displaying,
body.cookie-message-displaying .header-controls,
body.cookie-message-displaying #nav-container {margin-top:60px !important;}

.bring-top { position: relative; z-index: 200; }

p a {color:inherit;}

body.active	{overflow:hidden}

.popup-container {position:fixed;left:0;top:0;width:100%;height:100%; background-color:rgba(0,0,0,0.5); display:block; z-index:2000; /*display:none;*/}
.popup-container .popup {width:660px; margin:0px auto; position:relative; height:100%; padding-top:5%;}
.popup-container .popup img {max-width:100%;}
.popup-container .popup a.icon-close {position:absolute;width:18px;height:18px;right:20px;top:20px;text-decoration:none;}
.popup-container .popup a.icon-close:before {color:#FFF;text-decoration:none;}

/** HEADER CONTAINER **/

/** LOGO **/

/** SEARCH AND MENU BUTTONS **/


h3.results-title        {margin-bottom:60px;font-size:18px;color:#00c7ff;font-weight:400;line-height:1.3em;}
.search-listing			{position:relative; margin-bottom: 60px;}
.search-listing h2 a	{text-decoration:none; color:#00c7ff;}
.search-listing p a		{text-decoration:none; font-weight: 600}

.search-listing p a.search-url {width:80%; overflow:hidden; text-overflow:ellipsis; display:block; white-space:nowrap;}

.panel .footnote   {position:absolute; bottom:0px; left:0; width:100%; padding:0px 28px 28px 28px;}
.panel .footnote p {margin-bottom:0;font-size:10px; font-weight:100;}



.dropdown-container		{width:323px; max-width: 100%; position: relative; z-index: 11}
a.dropdown-button		{width:100%; border:1px solid #7e9fc2; height: 53px; border-radius: 26px; display: block; color: #fff; font-weight: 300; padding: 17px 27px; position: relative; cursor: pointer; transition: 0.2s ease-out; z-index: 10}
a.dropdown-button:hover	{background-color:#0041b7; border-color: #0041b7;}
a.dropdown-button i		{font-size:18px; position: absolute; right: 25px; top: 50%; margin-top: -9px; transition: 0.2s ease-out}
.dropdown-container a.dropdown-button i.icon-minus	{opacity:0; visibility: hidden;}
.dropdown a.close	{display:none}


.dropdown					{width:100%; display: block; background-color: #fff; top: 1px; position: absolute; padding: 80px 25px 33px; border-radius: 26px; box-shadow: 0 0 10px rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: 0.2s ease-out}
.dropdown ul				{list-style:none; margin-bottom: 1.8em;}
.dropdown ul li				{margin-bottom:18px; vertical-align: top; font-size: 0; position: relative;}
.dropdown ul li a			{color:#000; text-decoration: none;display:block;}
.dropdown ul li span		{display:inline-block; width: 85%; margin-left: 5%; padding-right: 30px;  font-size: 13px; line-height: 1.2em;}
.dropdown ul li a i			{font-size:16px; position: absolute; right: 0; top: 0; color: #7e9fc2; transition: right 0.2s ease-out}
.dropdown ul li svg			{width:10%; display: inline-block; vertical-align: top; height:25px;}
.dropdown ul li:hover a i	{right:-5px;}
.dropdown p					{color:#0041b7; font-size: 13px; font-weight: 300; margin-bottom:1.2em;}

.dropdown-container.active .dropdown						{visibility:visible; opacity: 1;}
.dropdown-container.active a.dropdown-button				{background-color:#0041b7; border-color: #0041b7;}
.dropdown-container.active a.dropdown-button i.icon-plus	{visibility:hidden; opacity: 0;}
.dropdown-container.active a.dropdown-button i.icon-minus	{visibility: visible; opacity: 1;}

/** ABOUT US BUTTON **/
.about-btn			{color:#fff; font-size: 16px; text-decoration: none; font-weight: 500; position: absolute; left: 50%; margin-left: -483px; top: 330px; margin-top: -20px; transition: color 0.2s ease-out}
.about-btn i		{width:30px; font-size: 16px; height: 30px; border-radius: 100px; background-color: #7e9fc2; color: #fff; display: inline-block; text-align: center; line-height:30px; margin-left: 8px;}
.about-btn i:before {font-size:15px;}
.about-btn:hover	{color:#7e9fc2;}

/** TALK TO US **/
.talk-to-us			{width:86px; height: 86px; position: relative; border-radius: 100px; background-color: #0041b7; display:inline-block; border:2px dotted #fff; z-index: 20; box-shadow: 0 0 0 7px #0041b7; color: #fff; text-decoration: none; text-align: center; font-size: 16px; font-weight: 300; padding-top: 25px; transition: 0.2s ease-out}
.talk-to-us strong	{font-weight:500;}

/** CONTACTS CONTAINER **/
.talk-to-us-container			{position:absolute; right:0; top: 150px;}
.contacts-container				{width:100%; max-width: 420px; height: auto; background-color: #fff; display: block; position: fixed; top: 120px; z-index: 99; visibility: hidden; opacity: 0; box-shadow: 0 0 20px rgba(0,0,0,0.75); transition: opacity 0.2s ease-out}
.contacts-container.active		{visibility:visible; opacity: 1;}
.contacts-container-inner		{width: auto; margin:0; padding: 30px 20px;}
.contacts-container-inner h2	{color:#0041b7; font-weight: 300; font-size: 17px;}

.contacts-container:after		{ position:absolute; left: 50%; top: -10px; width: 20px; height: 20px; background-color: #fff; content: ''; display: block; transform: rotate(45deg);}



.contacts-container .request-callback { display: block; margin: 30px auto 0 auto; font-size: 14px; color:#0041b7; line-height: 1.3em; width: 200px; text-align: center; }
.contacts-container .request-callback a { color: inherit; text-decoration: underline; }

.contact-item		{font-size: 0; margin: 20px 0px;}
.contact-image		{width: 30%; display:inline-block; vertical-align: top;}
.contact-image img	{width:100%; border: 2px solid #004ebc; border-radius: 100%;}
.contact-text		{width:auto; display:inline-block; vertical-align: bottom; font-size: 12px; padding-left: 10px;}
.contact-text h3	{font-weight: 300; font-size: 19px; margin-bottom: 0.2em; color: #004ebc}
.contact-text h4	{font-weight: 300; font-size: 13px; margin-bottom: 1em;line-height:1.3em;}
.contact-text p		{line-height:1.2em; margin-top: 0.5em; vertical-align: middle;}
.contact-text p i	{font-size: 17px; color:#0041b7; vertical-align: middle;}
.contact-text p a	{color:#000; text-decoration: none;}
.contact-text p a:hover	{color:#0041b7;}

/** MAIN CONTENT **/
.main-content			{}
.filter-container		{background-color:#fff; padding: 40px 0 30px; box-shadow:0 0 7px rgba(0, 0, 0, 0.35); text-align: center; position: relative; z-index: 10; min-height:87px;}
.filter-container p		{font-weight:300; font-size: 17px;}
.filter-container p a	{font-weight:500; color: #0041b7; transition: color 0.2s ease-out; padding: 0px 0px;position: relative;}
.filter-container p a.active	{background: #98bae8; padding: 0px 4px; color: #fff; text-decoration: none;}


/** FAQS **/
.faq			{background-color:#7e9fc2; padding: 30px; border-bottom:1px solid #fff; position: relative; cursor: pointer; padding-left:80px;}
.faq p			{font-size:16px; color: #fff; display: block; width: 100%; padding-right: 30px;}
.faq p i		{position:absolute; right: 20px;}
.faq p i:before {-webkit-transition:.3s; -moz-transition:.3s; transition:.3s; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg);}
.faq-expanded	{background-color:#f2f5f9; padding: 50px 30px; display: none; padding-left:80px;}
.faq-expanded p	{font-size:13px; line-height: 1.4em; width: 70%; margin-bottom: 1.5em}

.faq.active p i:before {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}

.faq-container.blue .faq	{background-color: #00adb9;}
.faq-container.blue .btn	{border-color:#00adb9; color: #00adb9;}

.faq-container.purple .faq	{background-color: #7d9fc2;}
.faq-container.purple .btn	{border-color:#7d9fc2; color: #7d9fc2;}

.faq-container.green .faq	{background-color: #66c14f;}
.faq-container.green .btn	{border-color:#66c14f; color: #66c14f;}

.faq-solution-container {display:none;}
.faq-solution .panel-icon {display:inline-block;margin:0; display:table-cell; width:50px;vertical-align:middle;}
.faq-solution .panel-icon svg path {fill:#FFF;}


.faq-solution-title         {display:table;width:100%; padding-left:30px}

.faq-solution-title span            {color:#FFF; display:table-cell;vertical-align:middle;}
.faq-solution-title span i          {position:absolute; right: 20px;}
.faq-solution-title span i:before   {-webkit-transition:.3s; -moz-transition:.3s; transition:.3s; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg);}

.faq-solution-title.active span i:before {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}

.filter-container p a:hover	{color:#000}
a.arrow-down				{text-decoration:none; width:48px; height: 48px; border-radius: 100px; background-color: #7e9fc2; display: block; position: absolute; top: -28px; left: 50%; margin-left: -24px; z-index: 15; color: #fff; text-align: center; font-size: 20px; line-height: 52px;}

.filter-container.filter-solution {padding:31px 0 20px;}

.filter-container.filter-container-form {padding:28px 0px 28px;}

/* SHARE ICONS */

.st0 { fill: none; }
.share-container { margin-left: -20px; }
.share-icon { width: 44px; height: 44px; border-radius: 44px; display: inline-block; margin-right: 10px; position: relative; transition: 0.1s ease-in-out; }
.share-icon-inner { position: absolute; width: 38px; height: 38px; border-radius: 37px; border: 2px dotted #fff; top: 3px; left: 3px; transition: 0.1s ease-in-out; }
.share-icon svg { width: 21px; height: 21px; text-align: center; margin-left: auto; margin-right: auto; display: block; margin-top: 7px; }

.share-icon svg path { fill: #fff; }

.share-icon a { width: 42px; height: 42px; border-radius: 42px; }

.share-icon.opt-in { background-color: #18BFDD; }
.share-icon.download { background-color: #EA148C; }
.share-icon.share { background-color: #55B64E; }
.share-icon.people { background-color: #F27930; }

.share-icon.opt-in:hover svg path { fill: #18BFDD; }
.share-icon.download:hover svg path { fill: #EA148C; }
.share-icon.share:hover svg path { fill: #55B64E; }
.share-icon.people:hover svg path { fill: #F27930; }

.share-icon:hover { background-color: #fff; }

.share-icon.opt-in:hover .share-icon-inner { border-color: #18BFDD; }
.share-icon.download:hover .share-icon-inner { border-color: #EA148C; }
.share-icon.share:hover .share-icon-inner { border-color: #55B64E; }
.share-icon.people:hover .share-icon-inner { border-color: #F27930; }

.share-lower-opt-in { text-decoration: none; color: initial; position: relative; }
.share-lower-opt-in strong { text-decoration: underline; }
.share-lower-opt-in span { top: -12px; left: 50px; vertical-align: top; position: absolute; width: 300px; }



.panel .authors,
.panel .author		{width:90%;}
.panel .author .text-container {width: 80%}


.authors-container {width:100%; display:inline-block;}
.authors-container .author {width:50%; float:left;}

@media (max-width: 480px) 
{
    .authors-container .author {width:100%; }

}





/** 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;}

#filter.active      {min-height:453px;}
#filter .no-results {font-size:24px; text-align:center; padding: 60px 0px 0px 0px; color:#7e9fc2;}

.panel-content.single { margin-bottom: 80px;}
.panel-content.double {}                                                                                                                                                                                                                                                                                                                                                                                                          0px;}



.panel-testimonial		{background-image:url(/_assets/panel-testimonial.png); background-position:center; background-size: auto;}
.panel-testimonial .panel-icon {margin:0;height:5px;}
.panel-news				{background-image:url(/_assets/panel-news.png); background-position:top right; background-size: auto;}
.panel-people:after		{content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; z-index: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 40%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
.panel-people-text		{position:absolute; bottom: 28px; left: 28px; z-index: 200; width:82.194%;}
.panel-people			{background-position:center;}

.panel.inverted p.tag a:hover,
.panel p.tag a:hover			{opacity: 0.75;}

.panel .panel-people-text p a:hover	{opacity:0.5}

/*.panel:hover	{box-shadow: inset 0px -20px 30px rgba(0,0,0,0.2);}*/


.panel .panel-people-text h2	{color:#fff !important; margin-bottom: 0.5em}

.panel .panel-people-text h3	{color:#fff; font-weight: 300; font-size: 13px; line-height: 1.4em; margin-bottom: 1em;}
.panel .panel-people-text p		{color:#fff !important; font-size: 13px; width: 100%; margin-bottom: 0.5em;}
.panel .panel-people-text p	a	{color:#fff; text-decoration: none;}

.panel.panel-map	{padding:0}

.panel.panel-map 		{position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;}
.panel.panel-map iframe, .panel.panel-map object, .panel.panel-mapembed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.panel p.panel-find-out-more       {margin-top: 16px;}
.panel p.panel-find-out-more:after {content: ""; position: absolute; top: 1px; left: 77px; width: 15px; height: 15px;
                                    background-image: url(/_assets/icon-arrow-right-white.png); background-repeat: no-repeat; background-size: contain; }

.panel p.panel-find-out-more.explore {font-size: 12px; width: auto;}
.panel p.panel-find-out-more.explore:after {left: auto; top:1px; margin-left: 10px; }




/* PANEL SVGS */
/*.panel .star .cls-1,
.panel .islam .cls-1,
.panel .briefcase .cls-2,
.panel .structure .cls-1,
.panel .people .cls-1,
.panel .real-estate .cls-1	{fill:#fff;}*/

.panel .briefcase path, .panel svg path {fill:#fff;}
.panel.inverted .briefcase path {fill:#0041b7;}

/* PANEL INVERTED */
.panel.inverted p.tag a,
.panel.inverted h2,
.panel.inverted p			{color:#000000;}
.panel.inverted p.tag a		{border-color:#b2b2b2}

.panel-education		{overflow-y:auto;}
.panel-education h2		{font-size:12px; font-weight: 600}
.panel-education h3     {font-size:19px; font-weight:300; margin-bottom:0.7em; line-height:1.3em;}
.panel-education h3 a	{color:#0041b7; text-decoration: none}

/** NEWS PAGE **/
.newsticker-container	{vertical-align:top;}
.newsticker-container p	{display:inline-block; vertical-align: middle; font-size: 15px;}

/** CONTENT PAGE **/
.header-text-content-page			{margin:100px 0 0 0; width:420px;}
.header-text-content-page h1		{color:#000; font-size: 32px; margin-left: 0; line-height: 1.3em; margin-bottom:0.9em;}
.header-text-content-page h1 span	{color:#7e9fc2; display: block}
.header-text-content-page h2		{font-size:15px; font-weight: 400; line-height: 1.2em; margin-bottom: 1.2em;}
.header-text-content-page p			{font-size:13px; line-height: 1.4em; font-weight: 300; margin-bottom: 1.3em;}
.header-text-content-page p a		{color:inherit; text-decoration: underline;}

.text-expanded	{display:none;}

/** CONTENT FILTER **/
p.filter		{display:inline-block; margin: 7px 8px; font-size:11px; }
p.filter a		{color:#000;text-decoration: none; font-weight: 300; transition: opacity 0.2s ease-out}
p.filter svg	{width:20px; height:20px; vertical-align: middle; margin-right: 5px;}

p.filter a:not(.no-hover):hover		{opacity:0.5;}


p.filter.filter-heading		{font-size:15px;margin:0;position:relative;}
p.filter.filter-heading svg	{width:25px;position:absolute; left:-35px; top:50%; margin-top:-12px;}

.filter-container p.filter-back					{position:absolute; left: 28px; top: 50%; margin-top: -3px; font-size: 15px; width: auto;}
.filter-container p.filter-back a				{color: #000; font-weight: 300; text-decoration: none}
.filter-container p.filter-back a	span		{padding-bottom: 0; position: relative;}
.filter-container p.filter-back a	span:after	{position:absolute; bottom: 0px; display: block; width: 100%; border-bottom:2px solid #000; content: ''; transition: 0.1s ease-out}
.filter-container p.filter-back a:hover span:after	{bottom:-3px;}

.filter-cell	{display:inline-block; margin: 0 20px;}
.filter-cell.right	{position: absolute; right: 0;}
.filter-search						{position:relative;}
.filter-search input[type="text"]	{color:#000; font-size: 15px; font-weight: 300; width:140px;}
.filter-search input[type="text"]::-webkit-input-placeholder	{opacity: 1; color: #000}
.filter-search input[type="text"]::-moz-placeholder 			{opacity: 1; color: #000}
.filter-search input[type="text"]:-ms-input-placeholder		{opacity: 1; color: #000}
.filter-search input[type="text"]:-moz-placeholder				{opacity: 1; color: #000}

.filter-search button i	{font-size:18px; color: #7e9fc2;}
.filter-cell.right .btn	{background-color:#7e9fc2; border:none; color: #fff; padding: 10px 12px 10px 19px; font-family: 'Poppins', sans-serif; font-size:14px;}
.filter-cell.right .btn	i	{color:#54728e; font-size: 18px;}

/** PERSON **/
.person-contact .btn-circle i	{font-size: 18px;}
.person-contact .btn-circle		{padding:11px 8px; width: 42px; height: 42px; cursor:pointer;}
.person-contact p				{margin:2em 0; font-size: 14px;}

.mobile-person-image {display:none;}

/** FOOTER **/
footer		{background-color:#fff; padding: 40px 0}
footer p	{font-weight:300; color: #000; font-size: 13px; line-height: 1.3em;}
footer ul	{list-style:none;}

.footer-col-1		{display:inline-block; vertical-align: top; width: 200px; max-width: 100%;}		
.footer-col-2		{display:inline-block; vertical-align: top; padding-left:22px; width: 200px; max-width: 100%;}		
.footer-col-3		{float:right; width: 537px; max-width: 100%;}
.footer-col-3 img	{/*width:100%; height: auto;*/}

ul.social-list				{list-style:none; font-size: 0; margin-bottom: 40px;} 
ul.social-list li			{display:inline-block; vertical-align: top; font-size: 26px; margin-right: 5px}
ul.social-list li i			{color:#0041b7; transition: 0.2s ease-out}
ul.social-list li a         {text-decoration:none;}
ul.social-list li a:hover i	{color:#000;}

ul.social-list li a i.icon-vosin-law:before {content:''; width:36px; height:36px; background-image:url(/_assets/logo-voisin-law.png); background-repeat:no-repeat; background-size:26px; speak:none; display:inline-block; text-decoration:inherit; width:1em; margin-right:.2em; text-transform:none; line-height:1em; margin-left:.2em;}

ul.footer-links			{font-size:15px; font-weight:600; line-height: 1.3em; margin-bottom: 1em;}
ul.footer-links li		{margin-bottom:0.2em;}
ul.footer-links li a	{color:#0041b7; text-decoration: none; transition: color 0.2s ease-out}
ul.footer-links li a:hover	{color:#000;}

ul.footer-links-2				{font-weight:300; font-size:13px;}
ul.footer-links-2 li a			{color:#000}
ul.footer-links-2 li a:hover	{color:#0041b7}


footer p 			{color: #a5a5a4;}
footer p a 			{text-decoration: none;}
footer p a:hover 	{color: #0041b7;}
p.sign-off			{width:100%; text-align: right; color: #a5a5a4; font-size: 12px; margin: 50px 0 0}
p.footer-disclaimer-marketing {display:none;}
p.footer-disclaimer-marketing a {white-space:nowrap;}

.footer-oo {margin-top: -16px}

	@media (max-width: 888px) 
	{
		p.sign-off {text-align: left;}
		.footer-oo {margin: 10px 0px;}
	}


.sponsor-list {font-size:0;text-align:left;}
.sponsor-list .sponsor {display:inline-block;position:relative;}
.sponsor-list .sponsor img {display:block;}

/** FORM CONTAINER **/
.header-text-form-page	{width:465px;}
.form-container	{font-size:0;}
.form-cell		{display:inline-block; font-size: 13px; width: 48.5%; vertical-align: top; margin-bottom: 10px;}
.form-cell.right	{margin-left:3%;}
textarea,.form-cell input[type="text"]	{width:100%; padding: 14px 20px 12px; border-radius: 100px; border:1px solid #0041b7; font-size: 13px;}
/*.form-cell input[type="text"]::-webkit-input-placeholder	{opacity: 1; color: #0041b7}
.form-cell input[type="text"]::-moz-placeholder 			{opacity: 1; color: #0041b7}
.form-cell input[type="text"]:-ms-input-placeholder			{opacity: 1; color: #0041b7}
.form-cell input[type="text"]:-moz-placeholder				{opacity: 1; color: #0041b7}*/
.form-cell button.btn	{background-color:#0041b7; display: block; width: 100%; color: #fff; text-align: left; position: relative; padding: 15px 20px 16px; font-family:inherit;}
.form-cell button.btn i	{position: absolute; right: 20px; top: 50%; margin-top: -12px;}

.apply-form .form-cell .btn {background-image:}

.border-dropkick				{width:100%; max-width: none; padding: 14px 20px 12px; border-radius: 100px; border:1px solid #0041b7; line-height: normal;}
.border-dropkick .dk-selected	{height:auto; font-size: 13px; color: #0041b7; padding-right: 20px; font-weight: 400}
.border-dropkick .dk-selected:before	{color:#0041b7; font-size: 16px; right: 0px; top: 2px;}
.dk-option-selected,
.dk-select-options .dk-option-highlight	{background-color:#0041b7;}
.dk-select-open-down .dk-select-options	{box-shadow:none; border-radius: 10px; border:1px solid #0041b7; width: 120%;}
.border-dropkick .dk-option		{font-size:13px; line-height: 1.4em; margin: 6px 0px}

/** CONTACT PAGE **/
.header-text-content-page .form-container-text p	{font-size:15px;}
.header-text-content-page .form-container-text p i	{color:#0041b7;}

/*.form-response          {padding:13px; margin-bottom:20px; background-color: #b8cfff; border:1px solid #254b9b;} */
.form-response p        {font-size:15px;font-weight:500;}
.form-response.error    {padding:13px; margin-bottom:20px; background-color:#ffdede; border:1px solid #ff9e9e;}
.form-response.error p  {font-size:13px;font-weight:normal;}
.form-response ul       {margin-left:30px;}
.form-response ul li    {font-size:14px; margin-bottom:4px; line-height:1.3em; font-weight:300;}

a.btn.upload-file   {padding: 19px 20px 19px; position:relative;}
a.btn.upload-file i {position:absolute; right:20px; top:50%; margin-top:-9px;}

.upload-files #filelist {padding-top:15px;}
.upload-files #filelist span.remove {font-size:11px; text-transform:uppercase; font-weight:bold; display:inline-block; background:#ff0000; border-radius:10px; width:16px; height:16px; vertical-align:top; margin-right:5px; color:#ffffff; padding-top:3px; cursor:pointer; padding-left:5px;}
.upload-files .moxie-shim-html5 {cursor:pointer;}

.upload-files #filelist span.sub-title {display:block; padding-bottom:6px; font-weight:700; font-size:16px;}
.upload-files #filelist div {}

.upload-files #console {padding-top:15px;}

/** USEFUL LINKS **/

.useful-links-holder    {display:block;}
.useful-link-item       {margin-bottom:20px;}
.useful-link-item .btn  {width:auto; min-width: 300px; border:2px solid #00c7ff; color:#ffffff; cursor:pointer; position:relative; padding:18px 20px; border-radius: 50px; }
.useful-link-item .btn i {position:absolute;right:20px;top:15px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg);}
.useful-link-item .btn i:before {-webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; transition: 0.2s ease-out;}
.useful-link-item .btn.active i:before {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}


.useful-link-item .btn:after,
.useful-link-item .btn:before {display: none !important;}

.useful-link-item .btn i {background-image: unset !important;}




.link-expand {display:none;padding-top:40px; padding-left:4px;}
.link-expand span           {display:block;line-height:1.3em;}
.link-expand span.title     {color:#00c7ff;margin-bottom:2px;}
.link-expand span.sub-title {}

.link-expand span.sub-title {color: #ffffff;}

.link-expand .link          {margin-bottom:20px; position:relative; opacity:1; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; transition: 0.2s ease-out;}
.link-expand .link:last-child {padding-bottom:30px; margin-bottom:0;}

.link-expand .link:hover {opacity:0.75;}


.funds .link-expand span.title			{color: #78c740;}
.corporate .link-expand span.title		{color: #ff6300;}
.private-wealth .link-expand span.title	{color: #c233ff;}

.funds .useful-link-item .btn			{border:2px solid #78c740;}
.corporate .useful-link-item .btn       {border:2px solid #ff6300;}
.private-wealth .useful-link-item .btn  {border:2px solid #c233ff;}


/** SITEMAP **/

ul.site-map-menu {list-style:none;}
ul.site-map-menu li {line-height:1.3em;margin-bottom:3px;}
ul.site-map-menu li a {text-decoration:none;color:#000;}
ul.site-map-menu ul {margin-left:25px;list-style:none; margin-top:5px; margin-bottom:5px;}

ul.site-map-menu li a:hover {color:#0041b7;}


.main-content ul, .main-content ol {margin-left:30px;margin-bottom:15px;}
.main-content ul li, .main-content ol li {font-size:13px; line-height:1.3em; margin-bottom:4px;}
.main-content ul li:last-child, .main-content ol li:last-child {margin-bottom:0px;}
.main-content ul li a, .main-content ol li a {color:inherit;}

/* AUTHORS */


/* */

/** SVGs **/

/*.hands .cls-1	{fill:#f62c3f}
.hands .cls-2	{fill:none}

.people .cls-1	{fill:#8d62a6;}
.people .cls-2	{fill:none}

.globe .cls-1	{fill:#fbb935;}
.globe .cls-2	{fill:none}

.star .cls-1	{fill:#02b2e1;}
.star .cls-2	{fill:none}

.structure .cls-1	{fill:#ec0089}

.management .cls-1	{fill:#06afbb;}
.management .cls-2	{fill:none;}

.islam .cls-1		{fill:#66c14f;}
.islam .cls-2		{fill:none;}

.real-estate .cls-1	{fill:#f4782b}*/

.news .cls-1	{fill:#808080}
.news .cls-2	{fill:none}

svg rect            {fill:none;}

.briefcase .cls-1	{fill:none}
.briefcase .cls-2	{fill:#808080}


/************/



.btn-black	{color:#000; border-color:#000;}
.btn-black:hover	{background-color:#000; color: #fff}


/* COOKIE BAR */
.cookieBar              { width: 100%; background-color:#02baf8; position: fixed; top: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999; 
							box-sizing:border-box; -moz-box-sizing:border-box; height:60px; color:#fff;}
.cookieBar a			{color:#fff;}
.cookieBar p			{ color: #ffffff; font-size: 14px; font-family: 'Poppins', Arial, Helvetica, sans-serif; line-height: 1.5em; text-align: center; display: inline-block; }
.cookieBar .acceptBtn { border: 0px; background: #02baf8; border-radius: 20px; border: 1px solid #fff; font-weight: bold; display: inline-block; margin-top: 6px; margin-left: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px 15px; text-decoration: none; color: #FFF; text-transform: uppercase; transition:0.2s ease-in-out;}
.cookieBar .acceptBtn span {margin-left: 10px;}
.cookieBar .acceptBtn:hover { color: #02baf8; background-color:#fff;}

/* OUR COMMITMENTS */

.commitment-wheel {text-align:center;}
.commitment-wheel h1 {font-size:44px; font-weight:500; line-height:1em; margin-bottom:13px; color:#0041b7; letter-spacing:-1.5px;}
.commitment-wheel h2 {font-size:22px; font-weight:400; line-height:1.1em; margin-bottom:37px; color:#00b1e0;}
.commitment-wheel h2 strong {font-weight:600;}
.commitment-wheel h3 {margin-bottom:2px; font-size:16px; font-weight:500;}
.commitment-wheel h3 span {width:19px;height:19px; display:inline-block; margin:0px 3px; vertical-align:middle; background-image:url('/_uploads/commitments/img-plus.png'); background-size:19px; background-repeat:no-repeat; background-position:center;}
.commitment-wheel-map {padding-top:25px; position:relative;}

.wheel-text         {display:inline-block; text-align:center; font-size:19px; font-weight:600; line-height:1.25em; position:absolute;}
.wheel-popup        {display:none; position:absolute; width:630px; height:630px; top:77px; left:37px; border-radius:400px; font-size:22px; color:#FFF; font-weight:300; z-index:100; box-shadow: 0px 0px 10px 0px #FFF;}

.wheel-popup h4     {font-size:23px; color:#FFF; font-weight:500; margin-bottom:20px; line-height:1.2em;}
.wheel-popup p      {line-height:1.3em; margin-bottom:15px;}

.child-commitment {margin-bottom:15px;}
.child-commitment h4 {margin-bottom:10px;}
.open-child-commitment {cursor:pointer; display:inline-block; width:22px; height:22px; border-radius:30px; border:1px solid #FFF; background-image:url('/_uploads/commitments/icon-plus-white.png'); background-size:9px; background-repeat:no-repeat; background-position:center;}
.open-child-commitment.close-child {background-image:url('/_uploads/commitments/icon-minus-white.png');}

.wheel-popup.child {left:50%; top:50%; width:520px; height:520px; transform:translate(-50%,-50%);}
.wheel-popup.child .cell {padding:0px 50px;}

.close-commitment {cursor:pointer; z-index:200; position:absolute; display:inline-block; width:37px; height:37px; border-radius:30px; border:2px solid #FFF; background-image:url('/_uploads/commitments/icon-minus-white.png'); background-size:15px; background-repeat:no-repeat; background-position:center;}

.close-commitment[data-index="0"] {left:50%; margin-left:-18px; top:-16px;}
.close-commitment[data-index="1"] {right:31px; top:137px;}
.close-commitment[data-index="2"] {right:31px; bottom:137px;}
.close-commitment[data-index="3"] {left:50%; margin-left:-18px; bottom:-16px;}
.close-commitment[data-index="4"] {left:31px; bottom:137px;}
.close-commitment[data-index="5"] {left:31px; top:137px;}

.mobile-commitments {display:none;}

/* ******* CDD Accordions ******* */

.header-text-content-page.gaq h4,
.header-text-content-page.gaq h3 	{display:block; background-color:#0041b7; padding: 12px 30px 12px 12px; height:auto; width:100%; color:#fff; font-weight: normal; 
									font-size:18px; line-height:1.2em;
									background-image: url('/_uploads/icons/plus-white.png'); background-repeat:no-repeat; background-position:97% center;
									margin-bottom:0px; margin-top:10px; cursor:pointer; transition: 0.2s ease-out;
									}

.header-text-content-page.gaq h4 	{background-color:#a7bcd3; margin-bottom:0px; margin-top:10px;}

.header-text-content-page.gaq h4.active,
.header-text-content-page.gaq h3.active {background-image: url('/_uploads/icons/minus-white.png');}

.gaq div.acc-01,
.gaq div.acc-02	{display:none;}

.gaq div.acc-01 a,
.gaq div.acc-02 a {cursor:pointer; text-decoration:underline;}

.gaq div.acc-01 		{margin-top:10px;}
.gaq div.acc-02 		{background-color:#edf1f6; padding:30px; }


/* ******* Page Accordions ******* */

.page-accordions {display: block; width: 100%; margin-bottom: 30px; }
.page-accordions .page-accordion {margin-bottom: 5px;}

.page-accordions .page-accordion .page-accordion-title {background-image: url('/_uploads/icons/plus-white.png'); background-repeat:no-repeat; background-position:97% center;}
.page-accordions .page-accordion .page-accordion-title.active {background-image: url('/_uploads/icons/minus-white.png');}


.page-accordions .page-accordion .page-accordion-title {display: block; width: 100%; padding: 10px 10px; background-color: #003caa; color: #fff; cursor: pointer;}
.page-accordions .page-accordion .page-accordion-text {display: none; width: 100%; padding: 30px 20px; background-color: rgb(255,255,255,.1);}


/* ************************************************************************************************** */




/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}


/* MOBILE STYLES */
@media (max-width: 1400px) 
{
	.talk-to-us-container	{right:18px;}
	.contacts-container		{right:0;}
}

@media (max-width: 1300px) 
{
    .inner	{padding:0 20px;}
    .intro-text-2022	{padding-left: 20px !important; padding-right: 20px !important;}
	
	/** HEADER **/
	.header-controls		{padding-right:20px;}
	.header-text-container	{margin-left:0;}
	
	.panel					{padding:20px;}
	.panel h2 				{line-height: 1.2em;  margin-bottom: 0.8em;}

    .header-controls-wrapper {right:0;}
}

@media (max-width: 1220px) {
	.cookieBar { height: 80px; }
	body.cookie-message-displaying,
	body.cookie-message-displaying .header-controls,
	body.cookie-message-displaying #nav-container { margin-top: 80px !important; }
}

@media (max-width: 1024px) 
{
    /* IPAD (LANDSCAPE) */
	
	/** HEADER **/
	.about-btn	{font-size:13px; margin-left:-457px; margin-top:-15px;}
	
	/** FOOTER **/
	.footer-col-1	{width:20%;}
	.footer-col-2	{width:20%;}
	.footer-col-3	{width:55%; padding-left: 20px;}
	
    /** HOME GRID **/
	.col-row.col-row-grid .col-1a,
	.col-row.col-row-grid .col-1	{width:33.3%;}
	.panel	{padding:20px;}
    .panel h2 {width:100%;}

	.wrapper {background-position:48% 0px;}
	.bg-wrapper-carousel .page-carousel {background-position:48% 0px;}
}

@media (max-width: 960px) 
{
	
	/** LOGO **/
	#logo			{width:150px;}
	.logo-lockup	{padding-top:15px;}
	.logo-lockup p	{font-size:12px; top: 0px;}
	
	/** HEADER CONTROLS **/
	a.toggle-contact,
	a.mobile-about-btn	{display:inline-block;}
	a.about-btn			{display:none}
	
	/** TALK TO US **/
	a.talk-to-us	{display:none;}
	
	

	/** Background Image - reduce size so text does not overun onto it. **/
	.wrapper {background-size: 155%; background-position:29% 0px;}
    .bg-wrapper-carousel .page-carousel {background-size: 155%; background-position:29% 0px;}


}

@media (max-width:767px)
{
    .commitment-wheel-map {display:none;}
    .commitment-wheel .inner {padding:0;}

    .mobile-commitments {display:block; padding:35px 0px;}
    .mobile-commitment {text-align:left;}
    .mobile-commitment > .title   {cursor:pointer; line-height:1.2em; padding:20px 55px 15px 20px; display:block; width:100%; color:#FFF; font-size:17px; background-image:url('/_uploads/commitments/icon-plus-white-large.png'); background-size:24px; background-repeat:no-repeat; background-position:96% center;}
    .mobile-commitment.active > .title {background-image:url('/_uploads/commitments/icon-minus-white-large.png');}
    .mobile-commitment-copy     {display:none; background-color:rgba(255, 255, 255, 0.15); padding:20px 15px; color:#FFF;}
    .mobile-commitment-copy h4  {font-size:20px; color:#FFF; font-weight:500; line-height:1.2em; margin-bottom:12px;}
    .mobile-commitment-copy p   {line-height:1.3em; margin-bottom: 15px;}
    .mobile-commitment-copy-inner {padding-left:20px; padding-right:10px;}

    .commitment-wheel h1 {font-size:38px;}
    .commitment-wheel h2 {font-size:18px;}
    .commitment-wheel h3 {font-size:14px;}
}


@media (max-width: 768px) 
{
    /* IPAD (PORTRAIT) */
	
	/** HOME GRID **/
	.col-row.col-row-grid .col-1a,
	.col-row.col-row-grid .col-1	{width:50%;}
	
	/** NAV **/
	.nav-scroller		{padding: 40px 20px 40px 30px; overflow: auto;}
	#nav-container p	{font-size:24px;}
	.nav-left-cell-text	{width:60%; margin-left: 10%;}
	
	/** FILTER CONTAINER FORM **/
	.filter-container-form	{text-align:left;}

    ul.main-nav li a:before {left: -28px;}
    ul.main-nav li a:after {left: -21px;}

    .opt-in-wrapper {width:100% !important;}
    .checkbox-list-holder {width:100%; margin:0; margin-left:0 !important;}
}

@media (max-width: 767px) 
{

    .bg-wrapper {background-image:none !important;}
    .bg-wrapper-carousel {display:none !important;}

	/** LOGO **/
	#logo	{width:120px;}
  
	/** FOOTER **/
	.footer-col-1	{width:25%;}
	.footer-col-2	{width:25%;}
	.footer-col-3	{width:50%;}

	/** HEADER **/
	.header-text-container h1	{font-size:37px;}
	ul.main-nav	{padding-left: 17px; padding-top: 2px}

	#icon_email_menu { width: 20px !important; padding-top: 1px !important; }
	
	/** HEADER CONTROLS **/
/*	.header-controls a	{width:40px; height: 35px; font-size: 18px;}*/
	.search-container	{padding-bottom:35px;}
	.header-controls a.header-hamburger span:before,
	.header-controls a.header-hamburger span:after,
	.header-controls a.header-hamburger span	{width:17px;}
	.header-controls a.header-hamburger span	{margin-top: 8px;}
	
	/** HOME GRID **/
	.filter-container p	{width: 80%; margin: auto; line-height: 1.3em; margin-bottom:12px;}
    .filter-container p:last-child {margin-bottom:0px;}
	
	/** NAV POPUP **/
	#nav-container:before,
	#nav-container:after,	
	.nav-cell-left			{display:none;}
	.nav-cell-right			{width:100%; padding-left:0; display: block; padding-top: 120px;}
	.nav-scroller			{max-height:500px; padding-bottom: 0; padding-top: 0;}
	
	/** TALK TO US **/
	.talk-to-us-container			{position:fixed !important; right:auto; left: 0; width: 100%; height:490px; z-index: 600; top: -99999px; transition:opacity 0.3s ease-out, transform 0.3s ease-out; transform: scale(0.9); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);}
	.talk-to-us-container.active	{top:0; opacity:1; transform: scale(1)}

	
	/** DROPDOWN MENU **/
	.dropdown		{position:fixed; left: 0; top: 0; width:100%; height: 100%; z-index: 999; border-radius: 0}
	.inner-header	{z-index:21;}
	.dropdown a.close	{display:block;}
	
	.dropdown-inner			{width:70%; margin: auto;}
	.dropdown ul li svg		{vertical-align:middle}
	.dropdown ul li span	{vertical-align:middle;}
	
	/** FILTER **/
	.filter-container p.filter-back					{display:inline-block; position:relative; left: auto; margin-top: 1.2em;}
	.filter-container-form .filter-cell				{width:100%; display: block; margin-left: 0; padding: 0 20px; position: relative;}
	.filter-container-form .filter-cell.right		{position:relative; right: auto; margin-top: 1.2em;}
	.filter-container-form .filter-cell .dk-select	{max-width:inherit}
	.filter-container-form .filter-cell input[type="text"]	{width:100%;}
	.filter-search button 							{position:absolute; right: 0; top: 50%; margin-top: -6px;}
	.filter-search 									{margin-top:0.4em;}
	
	.wrapper-content		{background-image:none !important}
	/*.header-text-container	{width:100%;}*/

    .faq {padding-left:30px;}
    .faq-expanded {padding-left:30px;}
}
	
@media(max-width: 680px)
{
    .popup-container .popup {width:100%; padding:0px 3%; padding-top:3%;}
    .popup-container .popup img {width:100%;}
}

@media (max-width: 635px) {
	.cookieBar { height: 100px; }
	body.cookie-message-displaying,
	body.cookie-message-displaying .header-controls,
	body.cookie-message-displaying #nav-container { margin-top: 100px !important; }
}

@media (max-width: 600px) 
{
	#logo			{width:100px;}
	.logo-lockup p	{font-size:11px;}
	
	/** HEADER CONTROLS **/
	.contacts-container-inner	{width:90%;}
	
}

@media (max-width: 550px) 
{
	
	/** HEADER **/
	.wrapper		{background-size:260% auto;}
	.logo-lockup p	{display:block;}
	.logo-lockup	{padding-top:10px;}
	.header-text-container h1	{font-size:30px;}
	
	/** HOME GRID **/
	.col-row.col-row-grid .col-1a,
	.col-row.col-row-grid .col-1	{width:100%;}
	.col-row.col-row-grid .col-2	{width:100%;}

	/** FOOTER **/
	.footer-col-1	{width:100%; text-align: left; margin-bottom: 20px;}
	.footer-col-2	{width:100%; text-align: left; padding-left: 0; margin-bottom: 20px;}
	.footer-col-3	{width:100%; text-align: left; padding-left: 0;}
	p.sign-off		{text-align:left;}

	/** DROPDOWN **/
	.dropdown-inner			{width:100%; margin: auto; height: 100%; overflow-y: auto; position: relative; padding-bottom: 10px;}
	.dropdown  				{padding-top: 90px;padding-bottom:60px;}
	.dropdown ul li a i		{top: 50%; margin-top: -10px;}
	
	/** FORM PAGE **/
	.form-cell			{width:100%;}
	.form-cell.right	{margin-left:0}
	
	/** FAQS **/
	.faq-expanded p	{width:100%;}
	
}


@media (max-width: 440px) {
	/* IPHONE 6+, GOOGLE NEXUS 5X & GOOGLE NEXUS 6P */
	.cookieBar { height: 120px; }
	body.cookie-message-displaying,
	body.cookie-message-displaying .header-controls,
	body.cookie-message-displaying #nav-container { margin-top: 120px !important; }

	#logo			{width:85px;}
	
	.search-inner	{width:135px;}

	
	.header-controls a.header-hamburger span:before,
	.header-controls a.header-hamburger span:after,
	.header-controls a.header-hamburger span		{border-top-color: #fff;}
	
	 /* IPHONE 6 & SAMSUNG GALAXY S5 */
	.nav-scroller			{max-height:400px;}
	.dropdown				{padding-top:80px; padding-bottom: 20px;}
	.dropdown ul li			{margin-bottom:12px;}
	.dropdown ul li span	{font-size:12px;}

    .person-contact p span {display:block; padding-bottom:7px;}

    .mobile-person-image        {display:block; margin-bottom:25px;}
    .mobile-person-image img    {max-width:100%;}

    p.breadcrumbs {margin-bottom:25px;}

    .useful-link-item .btn {width:100%;}

}


@media (max-width: 390px) 
{
    /* IPHONE 6 & SAMSUNG GALAXY S5 */
	.dropdown ul li			{margin-bottom:10px;}
	.dropdown ul li span	{font-size:11px;}

    .logo-lockup p {font-size:10px;padding-top:6px;}
    
	
}

@media (max-width: 340px) {
	/* IPHONE 5 */
	.cookieBar { height: 140px; }
	body.cookie-message-displaying,
	body.cookie-message-displaying .header-controls,
	body.cookie-message-displaying #nav-container { margin-top: 140px !important; }
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
	
	/** LOGO LOCKUP **/
	.logo-lockup	{padding-top:6px;}
	#logo			{width:70px;}
	
	/** HEADER **/
	.search-inner	{width:135px;}
	.nav-scroller	{max-height:400px;}
    a.dropdown-button {font-size:14px;}
    .header-text-container h1   {font-size:26px;}
    
    
}










