* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;}

/* GLOBAL */

html { }
body {line-height:1; font-family: 'Roboto', sans-serif; background-color: #102229;}

::-webkit-input-placeholder     {color:#bdbdbd;}
::-moz-placeholder              {color:#bdbdbd; opacity:1;}
:-ms-input-placeholder          {color:#bdbdbd;}
:-moz-placeholder               {color:#bdbdbd; opacity:1;}

ul 		{margin-left: 0}

img     {max-width:100%; height:auto;}
a       {color:inherit;}
a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block;}

p 		{margin-bottom: 1em; line-height: 1.3em}

/* SECTION */
h2.section-title                {color:#fff;text-transform:uppercase;font-size: 20px;position:relative; font-family: 'Roboto Slab', serif;}
h2.section-title:after          {content:"";height:1px;width:100px; background-color:#4FB1C5;position:absolute;bottom:-40px;left:0;}

h3.section-quote                    {font-size:30px;font-weight:300;color:#102229;padding-top: 15px;position:relative; font-family: 'Roboto Slab', serif;}
h3.section-quote:after              {content:"";height:1px;width:100px; background-color:#4FB1C5;position:absolute;bottom:-15px;left:0;}

h4 {font-family: 'Roboto Slab', serif; font-size: 20px; }

.section-header                 {display:flex;gap:60px;color:#fff;}
.section-header p                   {max-width:50%;margin-bottom:0;}

/*.inner 	{width:1206px; margin: auto; padding-left: 20px; padding-right: 20px;}*/
.inner 	    {width:100%; margin: auto; padding-left: 55px; padding-right: 55px;}

main 	{padding-bottom: 80px}

/* COLUMNS */
.col-container 	{width:calc(100% + 40px); margin-left: -20px; font-size: 0}
.col-4		 	{width:25%; display: inline-block; vertical-align: top; padding:20px;}
.col-3		 	{width:33.33%; display: inline-block; vertical-align: top; padding:20px;}

/* BODY LIGHT */
body.body-light 					{background-color:#ffffff;}
body.body-light #main-logo path 	{fill:#0090AC;}

/* BODY LIGHT SUPERGRAPHIC TOP RIGHT*/
body.body-light.supergraphic-top-right .right-fixed-nav .right-fixed-nav-inner:before 	{border-color:#D1D1D1;}

/* BODY LIGHT GREY BACKGROUND */
body.body-light.grey		{background-color: #F4F4F4}
body.body-light.grey main 	{padding-bottom: 0}

/* SUPERGRAPHIC TOP LEFT */
body.supergraphic-top-left #main-logo path 						{fill:#ffffff;}
body.supergraphic-top-left .top-section .inner 					{display: flex; justify-content: flex-end;}

body.supergraphic-top-left .top-section .inner .intro-text 		{width:680px; max-width: 100%;}
body.supergraphic-top-left .top-section .inner .intro-text p,
body.supergraphic-top-left .top-section .inner .intro-text ul,
body.supergraphic-top-left .top-section .inner .intro-text ol 	{width:510px; max-width: 100%}

body.supergraphic-top-left .right-fixed-nav-inner:before 		{border-color: #000000}
body.supergraphic-top-left .content-fixed-nav li span 		 	{border-color:#000000; background-color: #000000}
body.supergraphic-top-left .content-fixed-nav li.active span 	{border-color:#000000; background-color: #ffffff}
body.supergraphic-top-left .content-fixed-nav li.active p 		{color:#000000;}

.intro-text h2		{font-size:38px; color:#000000; font-weight: 700; margin: 1em 0}
.intro-text h3		{font-size:34px; color:#000000; font-weight: 700; margin: 1em 0}
.intro-text h4		{font-size:30px; color:#000000; font-weight: 700; margin: 1em 0}
.intro-text h5		{font-size:26px; color:#000000; font-weight: 700; margin: 1em 0}
.intro-text h6		{font-size:22px; color:#000000; font-weight: 700; margin: 1em 0}
.intro-text ul,
.intro-text ol 		{width:720px; max-width:100%; font-size: 16px; color:#8E8E8E; line-height: 1.3em; margin-left: 35px; margin-top: 25px; margin-bottom: 25px}
.intro-text ul li,
.intro-text ol li 	{margin-bottom: 13px}

/* NO SUPERGRAPHIC */
body.no-supergraphic #main-logo path 	{fill:#0090AC;}

/* HEADER */
header {padding:54px 0;}

a.cover {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5}

/* FIXED RIGHT NAV */
.right-fixed-nav 								{width:100px; position: fixed; right:0; top: 0; height: 100%; z-index: 20;}
.right-fixed-nav-inner 							{width:45px; position: absolute; left: 0; top:0; height: 100%;}
.right-fixed-nav .right-fixed-nav-inner:before  {width: 1px; position: absolute; height: 100%; position: absolute; top:0; left: 50%; margin-left:-1px; content: ''; border-left: 1px solid #ffffff}
.right-fixed-nav .down-prompt  					{display: none}

.content-fixed-nav 					{position: absolute; width: 135px; text-align: right; top: 150px; right: 16px; list-style: none;}
.content-fixed-nav li 				{margin-bottom: 50px}
.content-fixed-nav li a				{display: flex; align-items: center; justify-content: flex-end; font-weight: 500; text-decoration: none; color:#D1D1D1; transition: 0.4s ease-out}
.content-fixed-nav li a p 			{margin:0; opacity: 0; transform: translateX(10px); transition: 0.4s ease-out}
.content-fixed-nav li span 			{width:12px; height: 12px; border-radius: 12px; border:1px solid #D1D1D1; background-color: #D1D1D1; margin-left: 20px}
.content-fixed-nav li:last-child 	{margin-bottom: 0}

.content-fixed-nav li a:hover p		{opacity: 1; transform: translateX(0);}

.content-fixed-nav li.active a span {background-color: #34b7ad;}
.content-fixed-nav li.active p 		{opacity: 1; transform: translateX(0);}

/* FIXED RIGHT NAV WITH DOWN PROMPT */
.right-fixed-nav-home .down-prompt 						{width:40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; top:640px; background-image: url(/_assets/icon-down-prompt.png); background-size: 28px auto; background-position: center; display: block; background-repeat: no-repeat;}
.right-fixed-nav-home .right-fixed-nav-inner:before 	{height: 640px;}
.right-fixed-nav-home .right-fixed-nav-inner:after 		{width: 1px; position: absolute; height: calc(100% - 690px); position: absolute; bottom:0; left: 50%; margin-left:-1px; content: ''; border-left: 1px solid #ffffff;}

/* MENU BUTTON */
.btn-menu 				{width:45px; height: 45px; border-radius: 45px; background-color: #ffffff; position: fixed; right:55px; top: 54px; display: block; z-index: 50; transition: 0.2s ease-out}
.btn-menu span 			{width:24px; height: 12px; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -6px; transition: 0.2s ease-out}
.btn-menu span:after 	{width:24px; height: 3px; border-radius: 6px; background-color: #0090AC; display: block; content: ''; position: absolute; left: 0; top: 0; transition: 0.2s ease-out}
.btn-menu span:before 	{width:24px; height: 3px; border-radius: 6px; background-color: #0090AC; display: block; content: ''; position: absolute; left: 0; top: 8px; transition: 0.2s ease-out}

.btn-menu:hover 				{background-color: #0090AC;}
.btn-menu:hover span:before,
.btn-menu:hover span:after 		{background-color: #ffffff}

.btn-menu.active span 			{margin-top:-7px;}	
.btn-menu.active span:after 	{transform: rotate(45deg); top:5px;}
.btn-menu.active span:before 	{transform: rotate(-45deg); top:5px;}

.btn-menu.fade-out 	{filter:brightness(0.5);}

/* NAV */
.menu-container 				{top:-100%; background-color: rgba(16, 34, 41, 0.75); opacity: 0; visibility: hidden; position: fixed; width:100%; height: 100%; z-index: 40; overflow-y: auto; transition: 0.5s ease-out}
.menu-container.open 			{top:0; opacity: 1; visibility: visible;}
.menu-inner						{left: 0; top: 0; width: 100%; height: auto; padding-top: 50px;}
.menu-contact 					{display: flex; align-items: center; padding-top: 130px;}
.menu-contact p 				{color:#ffffff; font-size: 20px; display: flex;}
.menu-contact p a 				{color:#ffffff; text-decoration: none}
.menu-contact p a:hover 		{color:#FF7FFF;}
.menu-contact p span.icon 		{width:25px; margin-right: 20px;}
.menu-contact p span.icon img 	{}

.menu-container:after 			{position: fixed; right:77px; top:0; border-right: 1px solid #ffffff; height: 100%; content: '';}

ul.main-menu 			{font-size: 20px; font-weight: 500; position: absolute; top:150px; right:71px; display: block; text-align: right; z-index: 21; list-style: none;}
ul.main-menu li 		{margin-bottom: 18px;}
ul.main-menu li a 		{color:#ffffff; text-decoration: none; display: flex; justify-content: flex-end; align-items: center; transition: 0.2s ease-out}
ul.main-menu li a span 	{width:12px; height: 12px; border-radius: 12px; background-color: #0090AC; margin-left: 30px;}

ul.main-menu li a.blue span		{background-color:#0090AC;}
ul.main-menu li a.blue:hover 	{color:#0090AC;}
ul.main-menu li a.pink span		{background-color:#FF7FFF;}
ul.main-menu li a.pink:hover 	{color:#FF7FFF;}
ul.main-menu li a.green span	{background-color:#06D6A0;}
ul.main-menu li a.green:hover 	{color:#06D6A0;}
ul.main-menu li a.purple span	{background-color:#8C87DA;}
ul.main-menu li a.purple:hover 	{color:#8C87DA;}

.icon-phone	{fill:#ff7fff;} 
.icon-email	{fill:#ff7fff;}
.icon-location{fill:none;stroke:#ff7fff;stroke-width:2px;fill-rule:evenodd;}

/* HOME PAGE */
.home-page 		{/*min-height:845px;*/ background-repeat: no-repeat; padding-bottom: 40px;}
.home-intro 	{/*width:560px; width:80%;*/ padding-top: 0px; margin-bottom: 0px;}
.home-page p 	{color:#ffffff;}
.home-page hr  {border-top:1px solid #4FB1C5; display: block; margin-top: 30px; margin-bottom: 0; width: 75px}

.homepage-sections                      {background-image: url(/_uploads/supergraphic/supergraphic-1.png?w=1200&quality=60);background-size: 900px;background-position: right -200px top 150px;background-repeat: no-repeat;}

.home-intro-components 		{display: flex;flex-direction:column;gap:40px;}
.home-intro-components .home-intro-item  {display:flex;gap:20px;}
.home-intro-components h1,
.home-intro-components h2	{font-size:24px; color:#ffffff; font-family: 'Roboto Slab', serif; font-weight: normal; line-height: 1.2em; margin-right: 50px; width: 175px;}
.home-intro-components .intro-text      {max-width:60%;}
.home-intro-components .intro-text p    {line-height:1.2em;}

.home-carousel-container 					{background-color:transparent; border-top:6px solid transparent; border-bottom: 3px solid transparent; padding-top: 90px; padding-bottom: 50px; position: relative; z-index: 30; transition: 0.2s ease-out; width: 90%; margin: auto;}
.home-carousel-container .slide 			{cursor: pointer;}
.home-carousel-container .slide img 		{width:80%; align-self:center;}
.home-carousel-container .slide.clicked 	{opacity: 1}
.home-carousel-container .slide.fade-out	{opacity: 0.4}

.home-carousel-container .carousel-nav 	{margin-top:40px; margin-left:-25px;}

/* HOME VIDEO */
.home-page-video				{}
.home-page-video .intro-text	{width: 650px; max-width: 100%;}
.home-page-video hr				{margin-top: -20px;}
.home-page-video-outer			{background-color:#102229; padding: 50px 0 80px}

.home-page-video-inner			{width: calc(75% - 60px);margin:auto;}

/*.home-page-video .inner			{width: calc(100% - 130px);}*/

/* WHEN A CAROUSEL ITEM IS CLICKED */
.overlay 							{position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.6); width:100%; height: 100%; z-index: 25; display: none}
.overlay.active 					{display: block;}
.home-carousel-container.active 	{border-top:6px solid #4FB1C5; border-bottom: 3px solid #4FB1C5; background-color:#102229; width:100%;}

/* CAROUSEL NAV */
.carousel-nav								{position: relative; display: inline-block; padding-left: 25px; padding-right: 25px;}
.carousel-nav .slick-dots					{list-style: none; font-size: 0;}
.carousel-nav .slick-dots li 				{width:10px; height: 10px; border-radius: 10px; border:1px solid #ffffff; display: inline-block; margin:0 3px;}
.carousel-nav .slick-dots li.slick-active 	{background-color:#ffffff;}
.carousel-nav .slick-arrow 					{width:14px; height: 24px; font-size: 0; background-image: url(/_assets/icon-chevron.png); background-size: cover; background-color: transparent; position: absolute; right:0; top:50%; margin-top: -12px;}
.carousel-nav .slick-arrow.slick-prev 		{transform: rotate(180deg); right:auto; left: 0}

.carousel-nav.green .slick-arrow            {background-image: url(/_assets/icon-chevron-green.png);}

/* RESPONSIVE CIRCLE */
.circle-responsive-container	{width:153px;} /** CHANGE THIS TO CHANGE CIRCLE SIZE **/
.circle-responsive				{position: relative; border-radius: 50%; width: 100%; height: auto; padding-top: 100%; background: #ffffff; border:1px solid #ffffff; transition: 0.2s ease-out;}
.table							{width:100%; height: 100%; /*display: table;*/ position: absolute; left: 0; top:0; }
.table-cell                     {width: 100%; height: 100%; display: flex; vertical-align: middle; text-align: center; color: #0090AC; align-items: center; flex-direction: column; justify-content: center; background-size:80%; background-position:center; background-repeat:no-repeat;}

.home-carousel-container .circle-responsive:hover 	{border-color:#4FB1C5;}

/* HOME EXPANDED */
.home-carousel-expanded 	{display:none;}
.expanded-inner				{color:#ffffff; padding: 0 25px; padding-top: 50px; font-weight: 300; position: relative;}
.date-panel	 				{display:flex; font-size: 19px; align-items: baseline; margin-bottom: 20px;}
.date 						{margin-bottom: 0}
.date-info 					{padding-left:25px;}
.date-info h2 				{font-size:30px; font-weight: 700; margin-bottom: 0.5em}
.date-info p 				{margin-bottom:0.5em;}
.expanded-inner .partner-fund-wrapper { display: flex; }
.expanded-inner .col-left { width: 395px; }
.expanded-inner .col-right 	{font-size:20px; width:435px; border-left: 1px solid #ffffff; padding-left: 35px; margin-left: 50px;}

.close-expander 	{position: absolute; right:0; top: 50px; width:45px; height: 45px; background-image: url(/_assets/btn-close.png); background-size: cover;}

/* OUR PARTNERS */
.our-partners                   {background-color:#102229;position:relative;}
.our-partners .inner            {padding-top:50px;padding-bottom:50px;}
.our-partners .inner:has(.home-carousel-container.active) .carousel-nav     {display:none;}

.carousel-nav.absolute         {position:absolute;width:calc(100% + 150px);left:-100px;top:55%;transform:translateY(-50%);margin:0;}
.carousel-nav.absolute .slick-prev     {margin-left:40px;}
.carousel-nav.absolute .slick-next     {margin-right:40px;}

/* QUEST MODELS */
.quest-models               {background-color:#fff;position:relative;background-color:#fff;background-image: url(/_uploads/supergraphic/supergraphic-grey.png?w=1200&quality=60);background-size: 550px;background-position: right -125px bottom;background-repeat: no-repeat;padding: 100px 0;}
.quest-models h2.section-title          {color:#102229;}
.quest-models h2.section-title:after        {display:none;}

.models-listing										{display:flex;gap:30px;padding-top: 40px;}
.models-listing .models-listing-item h4				{font-weight:300; margin-bottom:40px;}
.models-listing .models-listing-item .models-listing-content		{display:flex;flex-direction:column;gap: 30px;}

.models-listing .models-listing-item .models-listing-content .models-item			{display:flex;align-items:center;gap:15px;position:relative;padding:0 10px;padding-right: 30px;min-width:300px;}
.models-listing .models-listing-item .models-listing-content .models-item:after		{content:"";width:100%;height:1px;background-color:#4FB1C5;position:absolute;bottom:-15px;left:0;}
.models-listing .models-listing-item .models-listing-content .models-item img		{width:35px;}
.models-listing .models-listing-item .models-listing-content .models-item p			{margin-bottom:0;color:#8E8E8E;}

/* OUR PEOPLE */
.our-people                                     {background-color:#102229;padding: 45px 0;}

.our-people .people-carousel								{padding-top: 95px;position:relative;width: 90%;margin:auto;}
.our-people .people-carousel .people-item					{text-align: center;position:relative;padding: 0 30px;}
.our-people .people-carousel .people-item .person-circle	{border:0;margin: auto;margin-bottom:15px;}
.our-people .people-carousel .people-item h3				{color:#06D6A0;}
.our-people .people-carousel .people-item p					{color:#fff;margin-top:10px;}


.person-popup                                                   {}
.person-popup .popup-content                                    {border:0;background-color:#fff;font-size:14px;max-width:50%;width:475px;top:50%;transform:translate(-50%, -50%);}
.person-popup .popup-content .close                             {top:15px;right:15px;}
.person-popup .scroll-content                                   {padding: 55px 20px;padding-bottom:25px;}
.person-popup .people-text-top                                  {gap:40px;justify-content:space-evenly;}
.person-popup .people-text-top h3                               {color:#000;}
.person-popup .people-text-top .person-circle                   {display:block;width:160px;height:160px;border-width:3px;}
.person-popup .people-text-top img                              {margin-left:0;}

.person-popup .people-popup-quote                               {padding-top:30px;}

/* NEWS CAROUSEL */
.news-listing h2,
.news-listing p                                     {color:#000;}    

.news-listing .news-carousel                            {padding-top:75px;position:relative;width:100%;}
.news-listing .news-carousel .news-item                 {padding: 0 30px;}

.news-listing .news-carousel .slick-track           {display:flex;align-items:stretch;}
.news-listing .news-carousel .slick-slide           {height:unset;}

.news-listing .news-carousel .carousel-nav          {left:-65px;width:calc(100% + 120px);}

/* CONTENT PAGE */
.top-section 		{padding-top:00px; margin-bottom: 25px}
.top-section h1 	{/*font-size:7vw;*/ font-size:55px; font-weight: 500; color:#000000; margin-bottom: 30px;}
.top-section p 		{width:720px; max-width:100%; font-size: 16px; color:#8E8E8E;}
.top-section ul, 	
.top-section ol 	{width:720px; max-width:100%; font-size: 16px; color:#8E8E8E; line-height: 1.3em; margin-left: 25px; margin-top: 25px}
.top-section li 	{margin-bottom: 13px;}

/* OUR PARTNERS */
.partners-listing .col-4, 	
.partners-listing .col-3 	{margin-bottom: 40px}
.partner-circle.circle-responsive-container 						{/*width:188px;*/ width:288px; max-width:100%; cursor: pointer;}
.partner-circle.circle-responsive-container .circle-responsive 		{background-color:#F4F4F4; transition: 0.2s ease-out}
.partner-circle.circle-responsive-container .circle-responsive img 	{width:80%; mix-blend-mode: multiply; margin:0 auto 6px; align-self:center; justify-content:center;}
.partner-circle.circle-responsive-container .partner-circle-text 	{display: none}
.partner-circle.circle-responsive-container .partner-circle-text h2     {font-size:18px; font-weight: 500; margin: 0; line-height:1.2em;}
.partner-circle.circle-responsive-container .partner-circle-text h3 	{font-size:31px; font-weight: 500; margin:0;}
.partner-circle.circle-responsive-container .partner-circle-text p 	 	{font-size:11px; font-weight: 400; margin:6px 0; color: #8E8E8E;}
.partner-circle.circle-responsive-container .circle-responsive:hover 	{border:1px solid #4FB1C5;}

.plus-btn 			{width:18px; height: 18px; position: absolute; bottom: 17px; left: 50%; margin-left: -9px;}
.plus-btn:before,
.plus-btn:after 	{width:18px; height: 2px; position: absolute; content: ''; display: block; background-color: #0090AC; border-radius: 2px; top: 8px; transition: 0.2s ease-out}
.plus-btn:after 	{transform: rotate(90deg); top:8px;}

/* .partner-circle.circle-responsive-container.active .circle-responsive 					{background-color:#0090AC; border:1px solid #4FB1C5;} */
.partner-circle.circle-responsive-container.active .circle-responsive 					{background-color:#FFF; border:3px solid #0090AC;}
.partner-circle.circle-responsive-container.active .circle-responsive .plus-btn:before 	{background-color: #ffffff}
.partner-circle.circle-responsive-container.active .circle-responsive .plus-btn:after 	{visibility: hidden; opacity: 0}
.partner-circle.circle-responsive-container.active .partner-circle-text					{display:block; padding-top:45px;}


.partner-circle .logo {position: absolute; top: 0; left: 0; width: 100%; height: 45%; mix-blend-mode: multiply; background-position: center; background-size: 40%; background-repeat: no-repeat; }



.partner-circle.circle-responsive-container.active .circle-responsive .table-cell { /*background-position: center 25px; background-size: 111px;*/ background-position: center 50px; background-size: 145px; }

/* OUR MODEL */
.our-model-bottom 			{display: flex; justify-content: space-between; margin-top: 75px;}
.our-model-left 			{width:500px; flex-shrink: 0}
.our-model-list ul          {list-style:none; display:flex; justify-content:flex-start; flex-wrap:wrap;}
.our-model-list ul li       {display: flex; align-items: center; color: #8E8E8E; font-size: 20px; border-bottom: 1px solid #FF7FFF; padding-bottom: 10px; flex: 0 0 48%; margin: 0 15px 10px 0; }
.our-model-list ul li img   {width: 50px; height: auto; margin-right: 20px; }
.our-model-right 			{width:538px; flex-shrink: 0; background-color:#F4F4F4; padding:55px 40px;}
.our-model-right h2 		{font-size:29px; font-weight: 900; margin-bottom: 10px;}
.our-model-right p 			{font-size:21px;}
.our-model-right hr 		{border-color:#FF7FFF; display: block; margin:30px 0;}

.our-model-page .intro-text {margin-right:5%;}
.our-model-page .intro-text hr { border-top: 1px solid #FF7FFF; }

.our-model-left-xxx h2 {font-size: 20px; font-weight: 700; color: #707070; margin-bottom: 30px;}

/* OUR QUEST */
.quest-bottom 				{background-color: #ffffff}
.case-studies, 
.padding-top-bottom         {padding-top:65px; padding-bottom:65px;}
.case-studies h2 			{font-size:20px; font-weight: 700; color:#707070; margin-bottom: 20px;}
.case-study 				{margin-bottom: 115px}
.case-study-title 			{position: relative; display: block; margin-left: 200px; margin-bottom: 35px;}
.case-study-title h3 		{font-size:14px; color:#0090AC; font-weight: 300; background-color:#ffffff; padding-right: 15px; z-index: 2; position: relative; display: inline-block; line-height: 1.3em;}
.case-study-title:after 	{content: ''; display: block; position: absolute; left: 0; top:50%; width:100%; left: 0; border-top:1px solid #A8C3CA; z-index: 1}
.case-study-title:before 	{width:16px; height: 16px; position: absolute; right:2px; top:-1px; border-right:1px solid #A8C3CA; border-bottom: 1px solid #A8C3CA; content: ''; transform: rotate(-45deg);}

.case-study 								{font-size: 0}
.case-study .circle-responsive-container 	{flex-shrink: 0; display: inline-block; vertical-align: top}
.case-study .circle-responsive				{border:5px solid #0090AC; padding-top: 95%;}
/* .case-study .circle-responsive img 			{width:75%;} */
.animation 									{width:calc(100% - 220px); display: inline-block; vertical-align: top; margin-left: 20px}

/* OUR PEOPLE */
body.supergraphic-top-left .top-section.top-section-our-people .inner					{/*justify-content: space-between;*/ justify-content:flex-start;}
body.supergraphic-top-left .top-section.top-section-our-people .inner .intro-text  		{padding-top:00px; width:60%;}
body.supergraphic-top-left .top-section.top-section-our-people .inner .intro-text p,
body.supergraphic-top-left .top-section.top-section-our-people .inner .intro-text ul,
body.supergraphic-top-left .top-section.top-section-our-people .inner .intro-text ol 	{width:100%;}

.top-section-our-people 						{padding-top:0;}
.person-circle 									{width:125px; height: 125px; border-radius: 140px; border:2px solid #0090AC; background-size: cover; overflow-y: hidden;}
.people-image-carousel 							{width:350px;}
.people-image-carousel .slide                   {margin-bottom: 25px; cursor:pointer; opacity: 0.4; -moz-transition: .2s ease-in-out; transition: .2s ease-in-out; display:inline-block; margin-right:15px;}
.people-image-carousel .slick-arrow 			{font-size:0; background-image: url(/_assets/icon-chevron-down.png); background-color: transparent; margin:auto; display: block; width: 34px; height: 20px; background-size: cover;}
.people-image-carousel .slick-arrow.slick-prev 	{margin-bottom: 20px; transform: rotate(180deg);}
.people-image-carousel .slide.slick-current     {opacity: 1;}

.people-text-carousel 	{margin-top: 70px;}
.people-text-top 		{display: flex; align-items: center;}
.people-text-top h2 	{font-size: 20px; font-weight: 500; color: #06D6A0; line-height: 1.3em; margin: 0}
.people-text-top h3 	{font-size: 20px; font-weight: 500; color: #8E8E8E; line-height: 1.3em; margin: 0}
.people-text-top img 	{margin-left: 35px;}
.people-text-top .person-circle 	{display: none}
.people-text-carousel blockquote 	{font-size: 20px; font-family: 'Roboto Slab', serif; font-weight: 300; margin-top:20px; padding-top: 20px; border-top:1px solid rgba(0,0,0,0.5); padding-left: 80px; background-image: url(/_assets/quote-mark.png); background-size: 40px auto; background-position: left 20px; background-repeat: no-repeat;}

.people-text-carousel-container 	{position: relative;}
.people-text-carousel-container .carousel-nav { position: absolute; right: 0; top: 40px; z-index: 15; }
.people-text-carousel-container	.carousel-nav .slick-dots {margin:0 10px;}
.people-text-carousel-container .carousel-nav .slick-dots li {border-color:#8E8E8E;}
.people-text-carousel-container .carousel-nav .slick-dots li.slick-active {background-color:#8E8E8E;}
.people-text-carousel-container .slick-arrow	{background-image: url(/_assets/icon-arrow-right.png); width: 24px; height: 13px; background-size: cover; margin-top: -2px; top: 0; z-index: 10}

/* THE TOUR PAGE */
.tour					{padding-bottom: 0; position: relative;}
.tour h1				{color:#0097a9; font-family: 'Roboto Slab', serif; font-size: 4vw;}
.quest-bottom-tour		{background-color:#102229; padding: 60px 0}
.quest-bottom-tour p	{font-size: 18px; padding-right: 50px; color:#ffffff;}
.tour .col-container	{width:100%; display: flex; margin: auto;}
.col-tour-text			{width:40%;}
.col-tour-text p a		{text-decoration: none; font-weight: 500; color:#0097a9;}
.col-tour-video			{width:60%;}

.tour-supergraphic		{position: absolute; right:0; top:-175px; width:50%; padding-top: 43%; display: block; background-repeat: no-repeat; background-size: cover;}

.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-top: 60px;}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* CONTACT PAGE */

.map-wrapper { position: relative; padding-top: 30%; display: block; width: 100%; min-height: 300px; }
.map-wrapper #contactmap { position: absolute; min-height: 300px; top: 0; left: 0; width: 100%; height: 100%; }

.contact-row { position: relative; display: block; width: 100%; font-size: 0; margin-bottom: 17px; }
/*.contact-row.first { margin-top: 80px; }*/
.contact-row a { text-decoration: none; }
.contact-row .icon { display: inline-block; vertical-align: top; width: 30px; margin-right: 25px; }
.contact-row .icon svg { width: 100%; }
.contact-row .icon svg path { fill: #8C87DA; }
.contact-row .icon svg path.icon-location { fill: none; stroke: #8C87DA; }
.contact-row .text { display: inline-block; vertical-align: top; width: calc(100% - 55px); color: #8E8E8E; }
.contact-row .text p { font-size: 16px; }

/* POPUP */
.popup-background 	{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(16,34,41,0.80); z-index: 99; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: none}

.animated.popup-background {display: block;}

.popup-content		{position: fixed; border-top:6px solid #4FB1C5; background-color: #102229; width: 490px; max-width: calc(100% - 50px); left: 50%; transform: translateX(-50%); top: 40px; font-size: 0; z-index: 100; height: auto; max-height: 90vh}
.scroll-content		{max-height: 90vh; overflow-y: auto; display: flex; flex-direction: column; justify-content: space-between; height: auto}

.popup-content .close	{position: absolute; right: 30px; top: 30px}

.popup-text 	{color: #ffffff; padding: 60px 30px 20px;}
.popup-text h2	{font-size: 32px; font-weight: 700; margin-bottom: 0.5em; line-height: 1.2em; }
.popup-text p	{font-size: 16px;}
.popup-text .arrow-btn	{display: inline-flex; gap:15px; font-size: 16px; margin-top: 10px;}

.popup-media	{width: 100%;}

/* OUR NEWS */
.our-news .intro-text	{width: 593px; max-width: 100%;}
.our-news .intro-text p	{font-size: 20px;}
.our-news .top-section	{padding-bottom: 20px;}

.news-listing		{background-color: #ffffff; padding-right: 50px;}
.news-listing .cols	{display: flex; flex-wrap: wrap; gap:85px;}
.news-listing .col	{width: calc(33.333% - 57px);}

.news-card					{background-color: #ffffff; display: flex; flex-direction: column; justify-content: space-between; height: 100%; border-bottom: 6px solid #4FB1C5}
.news-card-image-container	{height: auto; padding-top: 55%; min-height: 175px; overflow: hidden; position: relative;}
.news-card-image			{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; transition: 0.2s ease-out; z-index: 2}
.news-card-text				{padding: 20px 0 35px}
.news-card					{text-decoration: none !important}
.news-card p				{color:#8E8E8E; font-size: 16px; margin-bottom: 0.75em; transition: 0.2s ease-out;}
.news-card p.date			{color:#0490AC; font-size: 16px;}
.news-card h3				{color:#8E8E8E; font-size: 26px; margin-bottom: 0.75em; transition: 0.2s ease-out;}

.news-card:hover .news-card-image	{transform: scale(1.06)}
.news-card:hover h3,
.news-card:hover p		{color:#0490AC;}


.news-listing			{padding: 80px 128px 80px 55px}
.news-listing .inner	{padding: 0; margin: 0}

.our-news-header:after,
.news-card-image-container:after {background: rgb(0,144,172); background: linear-gradient(45deg, rgba(0,144,172,1) 0%, rgba(6,214,160,1) 100%); content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1}

/* PAGINATION */
.pagination-container					{display: flex; align-items: center; justify-content: center; margin-top: 55px;}
.pagination-container ul				{display: flex; list-style: none; gap:10px; margin: 0 35px;}
.pagination-container ul a				{text-decoration: none; color: #ffffff; font-size: 20px; font-weight: 500; width: 45px; height: 45px; border-radius: 45px; display: flex; align-items: center; justify-content: center; background-color: #C6C6C6;}
.pagination-container ul a:hover,
.pagination-container ul li.active a	{background-color:#0090AC;}
.paging-arrow							{fill:#0490AC; display: block;}
.paging-arrow:hover						{fill:#8E8E8E}

/* OUR NEWS ARTICLE */
.our-news-header				{height: 600px; position: relative;}
.our-news-article-text			{width: 1070px; padding: 60px 0; max-width: calc(100% - 230px); margin: -350px auto 0 auto; background-color: #ffffff; z-index: 2; position: relative;}
.our-news-article-text .inner	{width: 867px; margin: auto; padding: 0 35px; max-width: 100%;}

.our-news-header-image			{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; z-index: 2; background-position: center;}

.our-news-article-text h1		{font-weight: 500; font-size: 55px; color: #8E8E8E; margin: 0.5em 0}
.our-news-article-text p.date	{font-weight: 700; color: #0090AC; font-size: 26px;}
.our-news-article-text ol,
.our-news-article-text ul,
.our-news-article-text p		{color: #8E8E8E; font-size: 16px;}
.our-news-article-text h3		{color: #0090AC; font-size: 22px; font-weight: 500; margin:2em 0 1em 0}

.our-news-article-text ol,
.our-news-article-text ul		{margin:2em 1em; line-height: 1.3em}

.our-news-article-text ol li,
.our-news-article-text ul li	{margin-bottom: 0.5em}

.our-news-article-text			{color:#0090AC;}

.article-intro p				{font-size: 22px; font-weight: 500}


/* FOOTER */
footer 				    {background-color:#192b31; padding:40px 0; padding-top:60px; z-index: 20; position: relative;}
footer p 			    {font-weight: 300; color:rgba(255,255,255,0.5); font-size: 14px; }
footer p span	        {color:#4FB1C5; font-size: 18px; }
footer hr 			    {border-top:1px solid #4FB1C5; display: block; margin-top: 30px; margin-bottom: 0}
#footer-logo-svg	    {width:150px; height: auto;}
#footer-logo path 	    {fill:#0090AC;}

/*footer:after 		{display: block; position: absolute; left: 0; top: 100%; background-color: #192b31; content: ''; height: 9000px; width: 100%}*/

.footer-right 					{display: flex;padding-right: 30px;}
.footer-top 					{display: flex; justify-content: space-between; margin-bottom: 25px;}
.footer-right ul 				{display: flex; justify-content: flex-end; align-items: center; list-style: none}
.footer-right ul li 			{font-size: 18px; margin-left: 100px}
.footer-right ul li a 			{color:#4FB1C5; text-decoration: none}
.footer-right ul li a:hover 	{color:#ffffff;}
.footer-right ul li:last-child 	{margin-left: 50px}
.footer-right ul li img         {width:28px;}

/* BTN */
.arrow-btn 					{border:1px solid #06D6A0; padding:15px 20px; display: flex; justify-content: space-between; font-size: 20px; color: #06D6A0; border:1px solid #06D6A0; align-items: center; text-decoration: none; transition: 0.2s}
.arrow-btn:hover			{color:#ffffff; background-color: #06D6A0;}
.arrow-btn:hover svg path 	{fill:#ffffff;stroke:#ffffff;}

.arrow-btn svg              {margin-left:13px;}

.arrow-btn.arrow-btn-back		{display: inline-flex; flex-direction: row-reverse; gap:8px; font-size: 16px;}
.arrow-btn.arrow-btn-back svg	{transform: rotate(180deg)}

.arrow-btn.black-text               {color:#102229;}
.arrow-btn.black-text svg path      {fill:#102229;stroke:#102229;}

/* COOKIE BAR */
.cookieBar              { width: 100%; background: url('/_assets/bg_cookiebar.png'); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999; box-sizing:border-box; -moz-box-sizing:border-box; }
.cookieBar p			{color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;}
.cookieBar .acceptBtn   {border:0px; background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }

.header-link {position: absolute;top: 54px;right: 169px;display: block;padding: 14px;border:1px solid #06D6A0; margin-top: -20px; background-color: rgba(0,0,0,.1);ss}
.header-link a {text-decoration: none; font-size: 17px; font-family: 'Roboto', sans-serif; color: #fff; transition: 0.2s ease-out; display:flex;gap: 25px; align-items:center; padding: 5px 10px; padding-right: 55px; background-image: url(/_assets/icon-chevron.png); background-size: 15px; background-position: right; background-repeat: no-repeat;}
.header-link a strong {color: #1D91AB; font-weight: bold;}
.header-link a:hover {}
.header-link img        {width:125px;}


/* CUSTOM CHECKBOX */
.container                  {display: block; position: relative; padding-left: 35px; margin-bottom: 0; min-height: 25px; display: flex; align-items: center; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container input            {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark                  {position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #ffffff;}
.container .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.container:hover input ~ .checkmark         {background-color: #ccc;}
.container input:checked ~ .checkmark       {background-color: #333333;}
.checkmark:after                            {content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after {display: block;}

/* RADIO RADIO */
.container.radio-container	.checkmark 			{border-radius: 25px;}
.container.radio-container .checkmark:after		{border:none; width: 11px; height: 11px; left: 50%; margin-left: -5.5px; top:50%; margin-top: -5.5px; border-radius: 5px; background-color: #ffffff}

/* SIGNUP POPUP */
.sign-up-container        {opacity: 0; visibility: hidden; transition: 0.3s ease-out}
.sign-up-container.show   {opacity: 1; visibility: visible;}
.sign-up-form             {width: 642px; max-width: calc(100% - 40px); position: absolute; left: 50%; transform: translateX(-50%); top: 166px; padding: 30px 40px; background: rgb(0,144,172); background: linear-gradient(35deg, rgba(0,144,172,1) 0%, rgba(6,214,160,1) 100%); z-index: 999}

.sign-up-form .close	{position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; background-image: url(/_assets/btn-close.png); background-size: cover;}

.sign-up-form p.heading {font-family: 'Roboto Slab', serif; font-size: 24px;}
.sign-up-form p         {font-size: 16px;}

.sign-up-form .form-row                        {margin: 20px 0}
.sign-up-form .form-cell                       {display: flex; align-items: center}
.sign-up-form .form-cell label                 {font-size: 18px; color: #ffffff; width: 190px; flex-shrink: 0}
.sign-up-form .form-cell input[type="text"]    {flex: 1; padding: 10px;}
.sign-up-form .form-container                  {margin: 30px 0 40px}

.sign-up-text   {margin-bottom: 30px}
.sign-up-text p {color: #ffffff}

.checkboxes-submit  {display: flex; justify-content: space-between; align-items: flex-end;}

.sign-up-form .btn          {background-color: #102229; width: auto; padding: 10px 25px; border:1px solid #06D6A0; color: #06D6A0; min-width: unset}
.sign-up-form .btn:hover    {background-color: #06D6A0; color:#102229}

.sign-up-form .form-error { background-color: #ffdcdc; border: 2px solid #ff0000; }
.sign-up-form .checkmark.form-error::after { left: 8px; top: 3px; width: 3px; }