﻿* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;}

/*
GT Ultra Light 
GT Ultra Light
GT Ultra Regular
*/

form {height:100%;}
html {height:100%;}
body {height:100%; line-height:1; font-family: var(--hlc-gt-ultra); color: #333333}

ul	{margin-left:0}

::-webkit-input-placeholder     {color:#bdbdbd;}
::-moz-placeholder              {color:#bdbdbd; opacity:1;}
:-ms-input-placeholder          {color:#bdbdbd;}
:-moz-placeholder               {color:#bdbdbd; opacity:1;}

h1	{font-weight:normal;}
h2	{font-weight:normal;}
h3	{font-weight:normal;}
h4	{font-weight:normal;}
h5	{font-weight:normal;}
h6	{font-weight:normal;}

strong	{font-weight:normal; font-family: 'GT Ultra Regular', sans-serif;}

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 a:hover	{color:var(--hlc-midnight-blue)}

.mt-5	{margin-top:2.5em;}

/* HOME PAGE */
main.home	{width:100%; height: 100%; position: relative; display:block;}

.logo {position:absolute; left: 35px; top: 35px; z-index: 5}

.home-text-container 		{width: 41%; max-width: 500px; position: absolute; top: 30vh; left: 35px; transition: all .2s;}

.home-text h1				{font-size:45px; font-family: var(--hlc-gt-ultra); margin-bottom: 30px; color:var(--hlc-midnight-blue);}
.home-text h1 strong		{font-family: var(--hlc-gt-ultra);}
.home-text p				{font-size:18px; line-height: 1.3em; margin-bottom: 1em;}
.home-text p.strong			{font-family: 'GT Ultra Regular', sans-serif;}
.home-text hr				{border:var(--hlc-midnight-blue) 1px solid;}
.home-text img 				{margin-top:30px;}

.home-image-container		{width: 40%; max-width: 500px; position: absolute; top: 18vh; left: 55%; transition: all .2s;}

.home-image-container img 	{width:100%; max-width:470px;}

.mobile 					{visibility: hidden;}
.desktop 					{visibility: visible;}

@media (max-width: 1100px) 
{
	.home-image-container	{top: 30vh; }
}



@media (max-width: 767px) 
{
	.home-text-container	{top:150px; width:90%; max-width:90%; position:relative;}
	.home-text h1 			{font-size: 6.5vw;}
	
	.home-image-container		{width:75%; max-width:75%; margin:auto; top:140px; left:0; position:relative;}
	.home-image-container img	{width:100%; max-width:100%; }
	
	.social-list			{top:35px; right:20px; position:absolute;}
	
	.mobile 				{visibility: visible;}
	.desktop 				{visibility: hidden;}


	
}

@media (max-width: 440px) 
{
	.home-text-container	{width:100%; top:140px; width:80%; }
	.home-text h1 			{font-size: 8.5vw; margin-bottom: 20px;}
	.home-text p 			{font-size: 14px;}
	
	.home-image-container		{top:140px;}

}


@media (max-width: 320px) 
{
	.home-text-container,
	.home-image-container	{top:120px;}
	
	.home-text h1 			{font-size: 8vw; margin-bottom: 10px;}
	.home-text p 			{font-size: 12px; margin-bottom: 0.5em;}
	
	.home-text 				{margin:0.5em 0;}
	
	.social-list,
	.logo 					{top: 15px;}
	
}




/* HOME RIGHT COL */
.home-right				{width:70%; display:flex; padding: 40px; padding-bottom: 0; align-items:flex-end; justify-content: flex-end; background-size:contain; background-repeat: no-repeat; background-position: top right;}
.supergraphic-new		{width:100%; height: 100%; position: absolute; right: 0; top: 0; background-size: cover; background-position: center; background-image: url('/_uploads/pcl/page-images/bg-hl-pc-right.png'); z-index: 0}

/* HOME SOCIAL ICONS */
.social-list		{list-style: none; display: flex; z-index: 100;}
.social-list li 	{margin-right:12px; list-style-type: none;}
.social-list li img	{width:26px; height: auto;}

/* HEADER */
header						{padding:40px; background-color: #ffffff; display: flex; align-items: center; position: relative;}
.logo-container {
	display: inline-flex;
	position: relative;
	z-index: 2;
	margin:0;
}
.logo-container a			{display:flex; align-items: center; text-decoration: none;}
.logo-container a img		{width:77px; margin-right: 30px;}
.logo-container a h1		{font-size:31px; font-family: var(--hlc-gt-ultra);}
.logo-container a h1 strong	{font-family: var(--hlc-gt-ultra);}

header ul.social-list		{top:auto; display: inline-flex; float: right; position:absolute; right:35px; }

.supergraphic-small	{position:absolute; width:285px; height: auto; top:0px; right:150px; z-index: 0; display: none;}

/* MAIN CONTENT */
.wrapper {
	min-height: 650px;
	height: calc(100vh - 157px);
	background-size: cover;
	display: block;
	position: relative;
	max-width: unset;
	width: auto;
	margin: 0;
}

/* LIFECYCLE CONTAINER */
.lifecycle-container				{width:1277px; height: 477px; position: relative; margin: auto; margin-top: 100px; padding-top: 1px}
.outer-track-copy                   {display:none;}

/* LIFESCYCLE */
.lifecycle-up-state { width: 1147px; height: 385px; margin: auto; margin-top: 45px; position: relative; z-index: 1; font-size: 0; display: flex; }

.up-buttons-container	{width:754px; display: inline-block; vertical-align: top; font-size: 0}
.middle-content			{display: flex; flex-direction: column; justify-content: space-between}

.btn		{width:209px; height: 70px; display: inline-block; text-align: center; vertical-align: top; position: relative; text-decoration: none; margin-left: -20px;}
.btn:after	{position: absolute; left: 0; top: 0; width:100%; height: 100%; background-image: url(/_uploads/pcl/track-items/button-style-2-white.png); background-size: cover; display: block; content: '';  opacity: 0.8; transition: all 0.2s;}
/*
filter:brightness(100);

*/

.lifecycle-container .lifecycle-up-state:has(a.btn.active) .corner-btn:after,
.lifecycle-container .lifecycle-up-state:has(a.btn.active) .corner-right:after {
	opacity: 0.5;
}


.btn span {
	position: relative;
	z-index: 5;
	color: var(--hlc-midnight-blue);
	font-size: 18px;
	line-height: normal;
	line-height: 1.3em;
}
/*
color: var(--hlc-midnight-blue);
*/

/* Button Hovers */

.btn:hover span				{color:#ffffff;}
.btn:hover:after 			{opacity: 0.85 !important;}


.btn div		{display:table; height: 100%; width: 100%; text-align: center;}
.btn div span	{display:table-cell; height: 100%; width: 100%; vertical-align: middle;}

.plain-btn			{border:2px solid var(--hlc-midnight-blue); padding: 15px 20px; transition: 0.2s ease-out; color: var(--hlc-midnight-blue); text-decoration: none; font-size: 18px; font-family: 'GT Ultra Regular', sans-serif;}
.plain-btn:hover	{background-color: var(--hlc-midnight-blue); color: #ffffff;}

.up-buttons-3 .btn				{width:268px;}
.up-buttons-3 .btn:after		{background-image: url(/_uploads/pcl/track-items/button-style-3-white.png);}

.up-buttons-3 .btn.active:after {
	background-image: url(/_uploads/pcl/track-items/button-style-3.png);
}

.up-buttons-3 .btn.btn-1		{width:256px;}
.up-buttons-3 .btn.btn-1:after	{background-image: url(/_uploads/pcl/track-items/button-style-4-white.png); width:100%}

.up-buttons-3 .btn.btn-1.active:after {
	background-image: url(/_uploads/pcl/track-items/button-style-4.png);
}

.up-buttons-3 .btn.btn-1.active:after {
	background-image: url(/_uploads/pcl/track-items/button-style-4.png);
	width: 100%
}

.up-buttons-4 .btn				{width:209px;}
.up-buttons-4 .btn:after		{background-image: url(/_uploads/pcl/track-items/button-style-2-white.png); transform: rotate(180deg);}
.up-buttons-4 .btn.btn-1		{width:185px;}
.up-buttons-4 .btn.btn-1:after	{background-image: url(/_uploads/pcl/track-items/button-style-4-white.png); width:100%;transform: rotate(0deg); background-position-x: -72px; background-repeat:no-repeat;}
.up-buttons-4 .btn.btn-1 span 	{padding-right:20px;}

.up-buttons-4 .btn.btn-1.active:after {
	background-image: url(/_uploads/pcl/track-items/button-style-4-white.png);
	width: 100%;
	transform: rotate(0deg);
	background-position-x: -72px;
	background-repeat: no-repeat;
}
/* BUTTON WITH LEFT SQUARED */
.btn.btn-1 {
	width: 185px;
	height: 70px;
	margin-left: 0;
}
.btn.btn-1:after	{width:185px; height: 70px; background-image: url(/_uploads/pcl/track-items/button-style-1-white.png);}

.btn.btn-1.active:after {
	background-image: url(/_uploads/pcl/track-items/button-style-1.png);
	opacity: 1;
	color: var(--hlc-midnight-blue);
}

/* BUTTONS ACTIVE STATES */
.btn.active:after {
	filter: unset;
	background-image: url(/_uploads/pcl/track-items/button-style-2.png);
	opacity: 1;
}
.btn.active span {
	color: var(--hlc-midnight-blue);
}

.btn.non-active:after	{opacity:0.5}
.btn.non-active span	{color:#ffffff;}
.btn.non-active:hover span { color: var(--hlc-midnight-blue); }

/*.corner-right.non-active:after,*/
/*
.corners .corner-btn.non-active:after	{opacity:0.5 !important;}
*/
.corners .corner-btn img { 
	width: 28px;
	height: auto;
	z-index: 10;
}

.corners .corner-btn.non-active span {
	color: #ffffff;
}
.corners .corner-btn.non-active img {
	visibility: visible;
	opacity: 1;
}

.corners .corner-btn.non-active {
	cursor: pointer;
}

/* CORNERS */
.corners					{width:199px; display: inline-block; margin-right: 4px}
.corners .corner-btn		{width:199px; height: 191px; display: block; position: relative; cursor: default;}
.corners .corner-btn:after	{position: absolute; left: 0; top: 0; width:100%; height: 100%; background-image: url(/_uploads/pcl/track-items/border-top-left-white.png); background-size: cover; display: block; content: ''; opacity: 0.8;}
/*
.corners .corner-btn:after	{position: absolute; left: 0; top: 0; width:100%; height: 100%; background-image: url(/_uploads/pcl/track-items/border-top-left.png); background-size: cover; display: block; content: ''; filter:brightness(100); opacity: 0.8;}
*/



.corners .corner-btn img {
	position: absolute;
	left: 52px;
	top: 85px;
	visibility: hidden;
	opacity: 0;
}

.corners .corner-bottom-left						{margin-top:3px}
.corners .corner-bottom-left .corner-btn:after		{background-image: url(/_uploads/pcl/track-items/border-bottom-left-white.png);}
.corners .corner-bottom-left .corner-btn img		{top:78px}

.corners-right		{margin-left:-23px;}
.corner-right		{position:relative; width:217px; height: 385px;}



.corner-right:after	{background-image: url(/_uploads/pcl/track-items/corner-right-white.png); background-size: cover; position: absolute; top:0; left: 0; content: ''; width: 100%; height: 100%; opacity: 0.8;}
/*
.corner-right:after	{background-image: url(/_uploads/pcl/track-items/corner-right.png); background-size: cover; position: absolute; top:0; left: 0; content: ''; width: 100%; height: 100%; filter:brightness(100); opacity: 0.8;}
*/


/* LIFECYCLE EXPANDED CONTENT */
.lifecycle-container-expanded {width:1277px; height: 477px; background-image: url(/_uploads/pcl/track-items/bg-panel-popup.png); background-size: cover; position: absolute; top:0; left: 0; display: flex; flex-direction: column; justify-content: space-between; opacity: 0; visibility: hidden; transform: scale(0.9); transition: all 0.8s cubic-bezier(0.5, 1, 0.22, 2);}

.lifecycle-blocks-list				{width:888px; margin-left: auto; margin-right: auto; display: flex; list-style: none; justify-content:center;}
.lifecycle-blocks-list li			{text-align:center; margin: 0 5px; display: flex; min-height: 50px;}
.lifecycle-blocks-list li a {
	background-color: var(--hl-light-green);
	display: flex;
	align-items: center;
	font-size: 14px;
	color: var(--hlc-midnight-blue);
	text-decoration: none;
	padding: 12px 15px;
	line-height: 1.2em;
	transition: 0.2s ease-out;
	/* width: 200px; height: 56px; justify-content: center; */
}
.lifecycle-blocks-list li a:hover	{color:var(--hlc-midnight-blue); background-color:#ffffff;}

.lifecycle-blocks-list:first-child	{margin-top:-25px;}
.lifecycle-blocks-list:last-child	{margin-bottom:-25px;}

.lifecycle-container-expanded.open	{opacity:1; visibility: visible; transform: scale(1)}

/* LIFECYCLE TEXT CONTAINER */
.lifecycle-text-container {
	position: absolute;
	z-index: 5;
	width: 1015px;
	height: 245px;
	background-color: rgba(var(--hlc-midnight-blue-rgb), 0.5);
	left: 50%;
	margin-left: -506px;
	top: 116px;
	border-radius: 130px;
	text-align: center;
	display: flex;
	flex-direction: column; /*justify-content: center;*/
}

.lifecycle-text-container h2	{font-size:22px; color: #ffffff; font-family: 'GT Ultra Regular', sans-serif; margin-bottom: 0.7em;}
.lifecycle-text-container p		{font-size:18px; color: #ffffff; line-height: 1.4em;}
.lifecycle-text-container .text-inner	{width:784px; margin: auto;}

/* ACCORDION */
.lifecycle-accordion-container		{padding:40px;}
.accordion-item h2					{font-size:18px; color: var(--hlc-midnight-blue); position: relative; cursor: pointer; line-height: 1.4em; margin-bottom: 0.8em; background-color: rgba(255,255,255,0.8); padding: 15px 50px 15px 20px;}
.accordion-item h2 span				{width:20px; height: 20px; position: absolute; right:20px; top:18px;}
.accordion-item h2 span:after		{content:''; position:absolute; left: 0; top:9px; width:100%; height: 2px; background-color: var(--hlc-midnight-blue);}
.accordion-item h2 span:before		{content:''; position:absolute; left: 9px; top:0; width:2px; height: 100%; background-color: var(--hlc-midnight-blue);}
.accordion-item h2:hover			{background-color: var(--hlc-midnight-blue); color: #ffffff;}
.accordion-item h2:hover span:before,
.accordion-item h2:hover span:after	{background-color:#ffffff}	
	
.accordion-item.active				{background-color:rgba(0,0,0,0.6);}
.accordion-item.active h2			{background-color: var(--hlc-midnight-blue); color: #ffffff;}
.accordion-item.active h2 span:before	{display:none}
.accordion-item.active h2 span:after	{background-color:#ffffff;}	
.accordion-text						{display:none; padding: 10px 20px;}
.accordion-text	p					{font-size:18px; color: #ffffff; line-height: 1.4em;}

.accordion-text ul			{list-style: none; margin: 1.5em 0;}
.accordion-text ul li		{margin-bottom:8px;}
.accordion-text ul li a		{background-color: var(--hlc-midnight-blue); color: #ffffff; display: block; text-decoration: none; padding: 15px 20px;}


/* TEXT SECTION POP IN */
.text-section-pop-in {
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	display: flex;
	transition: 0.5s ease-out
}
.text-section-pop-in.open	{left:0}
.text-section-panel			{color:#ffffff; width:33.333%; position: relative;}
.text-section-panel h2		{font-size:23px;  font-family: 'GT Ultra Regular', sans-serif; margin-bottom: 1em; line-height: 1.3em;}
.text-section-panel h3		{font-size:20px;  font-family: 'GT Ultra Regular', sans-serif; margin-bottom: 1em; line-height: 1.3em;}
.text-section-panel h4		{font-size:18px;  font-family: 'GT Ultra Regular', sans-serif; margin-bottom: 1em; line-height: 1.3em;}
.text-section-panel h5		{font-size:16px;  font-family: 'GT Ultra Regular', sans-serif; margin-bottom: 1em; line-height: 1.3em;}
.text-section-panel h6		{font-size:14px;  font-family: 'GT Ultra Regular', sans-serif; margin-bottom: 1em; line-height: 1.3em;}
.text-section-panel p		{font-size:13px; line-height: 1.4em; margin-bottom: 1em; color: #ffffff;}

.text-section-panel ul,
.text-section-panel ol		{font-size:13px; line-height: 1.4em; margin: 1.5em; margin-right: 0em;}

.text-section-panel ul li,
.text-section-panel ol li	{margin-bottom:0.5em;}

.text-section-panel .inner	{padding:65px 60px; position: relative; height: 100%; overflow-y: auto;  }

.text-section-panel.one		{background-color: var(--hlc-midnight-blue); background-image:url(/_uploads/pcl/page-images/bg-side-panel.jpg); background-size:cover;}

.text-section-panel.two			{background-color:var(--hlc-light-blue); z-index: 4}
.text-section-panel.two .inner	{padding-top:105px;}
.text-section-panel.two:after	{position:absolute; width:15px; height: 100%; content: ''; top:0; right:-15px; background-image: linear-gradient(to right, rgba(0,0,0,0.1) , rgba(0,0,0,0));}

.text-section-panel.three			{background-color:var(--hl-taupe); visibility: hidden; opacity: 0; transition: 0.5s ease-out; transform: translateX(-100%); z-index: 3}
.text-section-panel.three .inner	{padding-top:105px;}
.text-section-panel.three.open		{opacity: 1; visibility: visible; transform: translateX(0);}

.text-section-panel.three h2,
.text-section-panel.three h3,
.text-section-panel.three h4,
.text-section-panel.three h5,
.text-section-panel.three h6	{color:var(--hlc-midnight-blue);}
.text-section-panel.three p 	{color:var(--hlc-midnight-blue);}

.mobile-nav-panel-one {display:none;}
.mobile-nav-panel-one ul.icon-nav { margin-bottom: 10px; position: relative; float: right; }

#popup-breadcumbs {color: var(--hlc-midnight-blue);}

ul.sub-nav { list-style: none; margin-left: 0 }
ul.sub-nav li			{margin-bottom:15px;}
ul.sub-nav li a			{text-decoration: none; display: block; padding: 0 0 15px 0; border-bottom:1px solid var(--hlc-midnight-blue);}
ul.sub-nav li a:hover	{}

ul.icon-nav						{position:absolute; right:20px; top:20px; list-style: none; display: flex;}
ul.icon-nav li					{margin-bottom: 0; position:relative; margin-left: 5px;}
ul.icon-nav li a {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 0;
	z-index: 1;
	position: relative;
	background-color: var(--hlc-midnight-blue);
	background-size: auto 18px;
	background-position: center;
	background-repeat: no-repeat;
}
ul.icon-nav li:before {
	position: absolute;
	left: 1px;
	top: 0px;
	background-color: var(--hlc-midnight-blue);
	width: 35px;
	height: 35px;
	border-radius: 0;
	display: block;
	content: '';
	z-index: 0;
	opacity: 0;
	transition: 0.2s ease-out
}
ul.icon-nav li.active:before,
ul.icon-nav li:hover:before		{opacity:1}

ul.icon-nav.left			{right:auto; left: 60px; margin-left: 0}
ul.icon-nav.left li			{margin-left:0}

ul.icon-nav li a.icon-key-transactions	{background-image:url(/_uploads/pcl/icons/icon-key-transactions-white.png);}
ul.icon-nav li a.icon-key-contacts		{background-image:url(/_uploads/pcl/icons/icon-key-contacts-white.png);}
ul.icon-nav li a.icon-close-details,
ul.icon-nav li a.icon-close {
	background-image: url(/_assets/icon-close-hl-light-green.png);
}
ul.icon-nav li a.icon-collapse {
	background-image: url(/_assets/btn-arrow-hl-light-green.png);
	transform: rotate(180deg);
}

ul.icon-nav li a.icon-chevron-right,
ul.icon-nav li a.icon-chevron-left {
	background-image: url(/_assets/btn-arrow-hl-light-green.png);
}
ul.icon-nav li a.icon-chevron-left		{transform: rotate(180deg);}

.icon-close:before	{display:none}

.page-content.white ul.icon-nav li.blue:before	{background-color:var(--hlc-midnight-blue);}

.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; /*margin-bottom: 30px;*/}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* PAGE CONTENT - KEY TRANSACTIONS */

.panel-text {height: auto; /*overflow: hidden;*/}




/* PAGE CONTENT - KEY CONTACTS ETC... */
.wrapper-content	{height:auto; min-height: calc(100% - 157px);}

.page-content {
	width: 1300px;
	max-width: 100%;
	background-color: var(--hlc-light-blue);
	margin: auto;
	padding: 0;
}
.page-content .inner		{padding:28px; position: relative;}

.page-content-top {
	position: relative;
	border-bottom: 1px solid var(--hlc-midnight-blue);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.page-content-top.blue-border-bottom { border-bottom: 1px solid #5B7FAB; }
.page-content-top .icon-nav { position: relative; right: auto; top: auto; }

.breadcrumbs		{list-style:none; margin: 0; display: flex}
.breadcrumbs li		{margin-right:5px; color:#ffffff;}
.breadcrumbs li a	{color:#ffffff; text-decoration: none;}

.key-contacts-listing			{width:817px; max-width:100%; display: flex; flex-wrap: wrap; margin-left: -17px; margin-right: -17px;}
.key-contacts-listing .col-cont {display: flex; flex-wrap: wrap; width: 817px; max-width: 100%; height: 520px; align-content: flex-start;}
.key-contacts-listing .col		{flex:0 0 25%; max-width: 25%; padding: 17px}
.key-contacts-listing .col p	{color:var(--hlc-midnight-blue); font-size: 14px;}
.kc-image						{margin-bottom:10px;}
.kc-image img					{width:100%;}
.kc								{position:relative;}

section.key-transactions div.panel div.panel-actions a.plus-btn { 
	position: relative;
	bottom: unset;
	left: unset;
	border: 0;
	border-radius: unset;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

.page-content.white							{background-color:var(--hl-taupe);}
.page-content.white .page-content-top {
	justify-content: flex-end
}
.page-content.white ul.icon-nav li:before {
	background-color: var(--hlc-midnight-blue);
	opacity: 1;
}

.kc-details						{padding-left: 25px; padding-right: 25px; min-height: 650px; width: 100%; }
.kc-details p					{font-family: var(--hlc-gt-ultra); font-size: 18px; line-height: 1.3em; margin-bottom: 1em;}
.kc-details p.intro				{color:var(--hlc-midnight-blue); font-family: 'GT Ultra Regular', sans-serif;}
.kc-details-top					{display:flex; align-items:flex-end; margin-bottom: 30px;}
.kc-details-top img				{width:192px; margin-right: 20px;}
.kc-details-top h2				{font-size:29px; font-family: 'GT Ultra Regular', sans-serif; color: var(--hlc-midnight-blue)}
.kc-details-top p				{font-size:19px; margin-bottom: 15px; color: var(--hlc-midnight-blue); font-family: var(--hlc-gt-ultra);}
.kc-details-top p:last-child	{margin-bottom:0}
.kc-details-top p a				{text-decoration:none;}

a.cover				{position:absolute; left: 0; top: 0; width:100%; height: 100%;}
a.btn-more			{display:none; transition: 0.2s ease-out;}
a.btn-more:hover	{transform: translateX(5px)}

/* KEY TRANSACTIONS */
.page-content.popup {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -650px;
	z-index: 20;
	height: 100%;
	max-height: calc(100vh - 157px - 100px);
	overflow-y: auto;
}

.page-content.popup .inner		{padding-bottom:0}
.page-content.popup .col-container {height:620px;}
.page-content.popup .scroll-container { height: 100%; overflow-y: auto; }

/*.page-content.popup .scroll-container::-webkit-scrollbar { background-color: #fff; width: 3px; }
.page-content.popup .scroll-container::-webkit-scrollbar-track { width: 1px }*/

.page-content.popup .scroll-container::-webkit-scrollbar { width: 20px; }
.page-content.popup .scroll-container::-webkit-scrollbar-track { background: var(--hlc-midnight-blue); border-left: 9px solid var(--hlc-light-blue); border-right: 9px solid var(--hlc-light-blue); }
.page-content.popup .scroll-container::-webkit-scrollbar-thumb { background: var(--hlc-midnight-blue); border-left: 4px solid var(--hlc-light-blue); border-right: 6px solid var(--hlc-light-blue); }

.col-container { margin-left: -12px; margin-right: -12px; width: 932px; max-width: 100%; font-size: 0 }
.col-container .col-5			{display:inline-block; vertical-align: top; width:20%; padding:12px;}
.col-container .col-5 .panel	{background-color:#ffffff; padding: 12px; text-align: center; position: relative;}
.col-container .col-5 .panel h3 {
	font-size: 14px;
	color: var(--hlc-midnight-blue);
	background-color: transparent;
	font-family: 'GT Ultra Regular', sans-serif;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	line-height: 1.3em;
	padding: 0;
}
.col-container .col-5 .panel p	{font-size:14px; color:var(--hlc-midnight-blue); line-height: 1.3em;}
.panel-actions					{display:flex; justify-content: space-between; margin-top: 15px;}

.col-container .col-5 .panel.active:after	{width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #ffffff transparent; position: absolute; content: ''; left:50%; margin-left: -20px; bottom:-24px}

.expander-panel				{padding:0 20px; float: left; display: none; width:100%;}
.expander-panel-inner		{background-color:#ffffff; padding: 26px; position: relative;}
.expander-panel-inner h4	{font-size:24px; color: var(--hlc-midnight-blue); font-family: 'GT Ultra Regular', sans-serif; line-height: 1.4em; border-bottom:2px solid var(--hlc-midnight-blue); padding-bottom: 10px; margin-bottom: 15px;}

.expander-panel-inner p		{font-size:18px; color: var(--hlc-midnight-blue); font-family: var(--hlc-gt-ultra); line-height: 1.4em;}

.expander-panel-inner > :last-child { 
	margin-bottom: 0; 
}

.expander-panel a.close {
	position: absolute;
	right: 15px;
	top: 15px;
	background-color: var(--hlc-midnight-blue);
	padding: 7px;
}

/* HOGAN LOVELLS PLUS BUTTON */
.plus-btn			{width:28px; height: 28px; border:2px solid var(--hl-light-green); display: block; position: relative; transition:0.2s ease-out}
.plus-btn:before {
	width: 2px!important;
	height: 10px!important;
	background-color: var(--hlc-midnight-blue);
	background-image: none!important;
	display: block;
	content: '';
	position: absolute;
	left: 11px;
	top: 7px;
}

.plus-btn:after {
	width: 10px!important;
	height: 2px!important;
	background-color: var(--hlc-midnight-blue);
	background-image: none !important;
	display: block;
	content: '';
	position: absolute;
	left: 7px;
	top: 11px;
}

.plus-btn:hover		{background-color:var(--hl-light-green);}
.plus-btn.rounded	{border-radius:28px;}

.panel.active .plus-btn:before { display:none; }

/* 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; }

.icon-nav.next-prev li.disabled { opacity: 0.5; }

#tool-tip {position: absolute; top:10px; left:10px; display: none; border: 1px var(--hlc-midnight-blue) solid; background-color: #fff; z-index: 1000; padding: 5px; border-radius: 3px; color:var(--hlc-midnight-blue); font-size:14px; font-family: 'GT Ultra Regular', sans-serif;}





