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

/* GLOBAL */

html {width:100%;min-height:100%;}
body {
   line-height: 1;
   width: 100%;
   min-height: 100%;
   font-family: var(--hlc-gt-ultra);
   background-color: #ffffff;
   color: var(--hlc-midnight-blue);
}



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

section.standard-toolbar { 
   display: inline-block;
   width: auto;
   padding: 0; 
}

p {
   font-size: 16px;
   line-height: 1.3em;
   margin-bottom: 12px;
}



p.pageSubTitle {margin-left:39px; margin-top: 2px}



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; z-index:10;}

.logo {width: 242px; height: 77px; background-image: url(/_assets2026/HLC_LOGO_Blue-text.svg); display: block}

strong  {font-weight:normal; font-family: 'GT Ultra Regular', sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:normal;}

h1 {font-family: var(--hlc-gt-ultra); font-size:30px;}
h2 {font-family: var(--hlc-gt-ultra);}
h3 {font-size:16px;}

.f-left  {float:left;}
.f-right {float:right;}

.table              {display:table;}
.table .cell        {display:table-cell; height:100%; vertical-align:top;}

.table .cell.middle,
.table .cell.vertical    {vertical-align:middle;}
.table .cell.bottom     {vertical-align:bottom;}

section {position:relative; display:block; width:100%;}

.icon           {display:inline-block; font-size:0; color:#000;}
.icon:before    {font-size:26px;}

/* PAGE STYLES */

.wrapper {width:1366px; position:relative; margin:0 auto; display:block; padding:0px 40px; max-width:100%;}

.share-popup-v2.style-2024 button.share-icon,
ul.share-icons li .share-icon {background-color: var(--hl-light-green) !important}

.share-popup-v2.style-2024 button.share-icon          {background-image: url(/_assets2024/social-sharing-icons/icon-share-64-hl-dark-green.png)}
ul.share-icons.style-2024 li .share-icon.youtube      {background-image: url(/_assets2024/social-sharing-icons/youtube-64-hl-dark-green.png)}
ul.share-icons.style-2024 li .share-icon.linkedin      {background-image: url(/_assets2024/social-sharing-icons/linkedin-64-hl-dark-green.png)}
ul.share-icons.style-2024 li .share-icon.twitter      {background-image: url(/_assets2024/social-sharing-icons/twitter-64-hl-dark-green.png)}

.share-popup-v2.style-2024 button.share-icon:hover {}


/* HEADER */
header {
   background-color: transparent;
   padding-top: 40px;
   font-size: 0;
   position: relative;
   z-index: 5;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
}

header div.middle { 
   align-content: center;
   text-align: center;
}

header div.right { 
   text-align: right;
   align-content:center;
}

header .site-title {
   font-family: 'GT Ultra Median';
   font-size: 30px;
   line-height: 1.15em;
}

header .middle > :last-child { 
   margin-bottom: 0;
}

header ul.social-menu {display:inline-block; padding-top:16px;}
header ul.social-menu li {display:inline-block; margin-left:11px; width:28px; height:28px; vertical-align:top;}
header ul.social-menu li a {text-decoration:none;}
header ul.social-menu li span.icon {vertical-align:middle;}

header ul.social-menu li.free-text-search           {margin-left:0; margin-right:10px; width:auto; cursor:pointer;}
header ul.social-menu li span.icon-search:before    {font-size:30px;}

header ul.social-menu li.free-text-search input.search             {background-color:#f2f2f2; width:0; font-size:14px; position:relative; top:-2px; -moz-transition:.2s linear; transition:.2s linear;}
header ul.social-menu li.free-text-search.active input.search      {width:150px; margin-left:15px; padding:7px 10px;}

header ul.social-menu li.free-text-search .btn {width:0;height:0;padding:0; margin:0;}

header ul.social-menu li span.icon-search   {color:#a6a9ab;}
header ul.social-menu li span.icon-linkedin {color:#007bb6;}
header ul.social-menu li span.icon-twitter  {color:#1ca1f2;}
header ul.social-menu li span.icon-twitter:before {font-size:30px;}

header ul.social-menu li span.icon-search:before {margin:0;}


/* DEFAULT CONTENT */

section.default-content             {padding-top:184px;}
section.default-content .reduced    {display:inline-block; width:400px; position:relative; z-index:5;}
section.default-content h1          {font-size:48px; line-height:1.1em; margin-bottom:29px; color: #ffffff}
section.default-content p           {font-size:18px; color: #ffffff}
section.default-content p.subTitle {margin-top: -10px; margin-bottom: 30px; color: var(--hl-light-green)}

section.default-content .graphic    {display:block; position:absolute; top:-456px; right:-245px; z-index:2; max-width:100%;}

.enter-tool         {padding-top:27px; font-size:0; position:relative; display:inline-block;}
.enter-tool > img   {-moz-transition:0.2s; transition:0.2s;}
.enter-tool span    {position:absolute; top:50%; left:0; font-size:25px; width:100%; text-align:center; font-family: 'GT Ultra Regular', sans-serif;}

.enter-tool:hover img {-moz-transform:rotate(5deg); transform:rotate(5deg);}


/* TOOL */

section.tool                {margin-top:0px; padding-bottom:50px;}
section.tool .tool-holder   {position:relative; display:inline-block; width:100%; text-align:center; font-size: 0;}

section.tool .tool-holder #animation_container          {display:inline-block;background-color:rgba(255, 255, 255, 1.00); width:705px; height:705px; position:relative;}
section.tool .tool-holder #animation_container canvas   {width:100% !important; height:100% !important;}
section.tool .tool-holder #dom_overlay_container        {max-width:100%; max-height:100%;}

section.tool .col-2 {
   padding: 0;
   display: inline-block;
   position: relative;
   vertical-align: top;
   -moz-transition: .4s ease-in-out;
   transition: .2s ease-in-out;
}

section.tool .col-2.content         {width:0;height:660px;}
section.tool .col-2.tool-wheel      {width:100%; padding-top:0px;}

section.tool .tool-holder.split .col-2              {width:50%;}
section.tool .tool-holder.split .col-2.tool-wheel   {height:660px; padding-top:0; padding-left:40px;}
section.tool .tool-holder.split .col-2.content .content-holder:not(.hover).active {visibility:visible; opacity:1; margin-top: 18px;}

section.tool .tool-holder.split #animation_container {width:500px !important; height:500px !important;}
section.tool .tool-holder.split #animation_container canvas {vertical-align:middle; display:inline-block;}

section.tool .tool-holder .table.tool-table         {width:100%; height:100%;}
section.tool .tool-holder .table.tool-table .cell   {width:100%; height:100%;}

section.tool .content-holder {display:block; width:100%; height:100%; padding:28px 25px 28px 0px; overflow:hidden; visibility:hidden; opacity:0; position:absolute; top:10px; left:0;}

.content-holder.hover                   {position:absolute;top:0; left:0; visibility:hidden; opacity:0; z-index:10; padding:45px 25px 45px 40px; -moz-transition:.2s ease-in-out; transition:.2s ease-in-out;}
.content-holder.hover.active            {top:10px; left:22px; visibility:visible; opacity:1;}
.content-header                         {font-size:0; margin-bottom:39px; padding-left:25px;}
.content-header span.icon               {color:#FFF;}
.content-header span.icon:before        {font-size:40px; width:auto;}
.content-header span.icon-close:before  {font-size:23px;}
.content-header span.title              {color:#FFF; padding-left:18px; font-size:27px; font-family: var(--hlc-gt-ultra);}

.content-holder:not(.hover)[data-id="3"] .content-header span.icon:before {font-size:30px;}

.content-header .icon-contacts:before           {color:var(--hlc-midnight-blue);}
.content-header .icon-other-resources:before    {color:var(--hlc-midnight-blue);}

.content-holder[data-id="9"] .content-header .title {color:var(--hlc-midnight-blue);}
.content-holder[data-id="10"] .content-header .title {color:var(--hlc-midnight-blue);}

.content-holder[data-id="9"] .content-header span.icon-close:before,
.content-holder[data-id="10"] .content-header span.icon-close:before,
.content-holder[data-id="10"] .content-children ul li .icon-plus:before {color:var(--hlc-midnight-blue);}

.content-holder[data-id="10"] .content-children ul li:before {border-color:var(--hlc-midnight-blue);}
.content-holder[data-id="10"] .content-children ul li:after {background-color:var(--hlc-midnight-blue);}
.content-holder[data-id="10"] .content-children ul li {color:var(--hlc-midnight-blue);}
.content-holder[data-id="10"] .content-children ul li > strong {color:var(--hlc-midnight-blue);}

.content-children               {text-align:left; overflow-y:auto;}
.content-children ul            {list-style:none; margin-left:0; color:#FFF;}
.content-children ul li         {font-size:15px; line-height:1.4em; position:relative; margin-bottom:20px;font-family: var(--hlc-gt-ultra); padding-left:55px;}
.content-children ul li:after   {content:'';position:absolute; display:block; left:-42px; top:10px; width:50px; height:2px; background-color:rgba(255,255,255,0.4);}
.content-children ul li:before  {content:'';position:absolute; display:block; left:8px; top:0px; width:22px; height:22px; border-radius:25px; border:3px solid rgba(255,255,255,0.4);}

.content-children ul li:after,
.content-children ul li:before,
.content-children ul li .icon-plus          {-moz-transition:.1s ease-in-out; transition:.1s ease-in-out;}

.content-children ul li .icon-plus          {color:#FFF; position:absolute; left:15px; top:7px;}
.content-children ul li .icon-plus:before   {font-size:11px;}

.content-children ul li:hover .icon-plus    {left:17px;}
.content-children ul li:hover:after         {left:-40px;}
.content-children ul li:hover:before        {left:10px;}

.content-holder .content-children       {overflow-y:auto; padding-right:50px; padding-bottom:25px; max-height:509px; padding-left:25px;}

.content-holder.hover .content-children ul {list-style:disc; color:var(--hlc-midnight-blue); margin-left: 35px; margin-top: 10px;}
.content-holder.hover .content-children li {padding-left: 0px;}

.content-holder.hover .content-children li:before,
.content-holder.hover .content-children li:after {display: none;}




.content-header .list                       {display:inline-block; margin-left:13px;}
.content-holder.hover .content-header span.icon:before {color:var(--hlc-midnight-blue)333;}

.content-holder.hover h1 {color:var(--hlc-midnight-blue) !important; font-size:28px; margin-bottom:9px; line-height:1.3em; font-family: var(--hlc-gt-ultra);}
.content-holder.hover h2 {color:var(--hlc-midnight-blue); font-size:18px;  font-family: var(--hlc-gt-ultra);}
.content-holder.hover h3 {font-size:14px; line-height:1.3em; margin-bottom:5px; font-family: 'GT Ultra Regular', sans-serif;}
.content-holder.hover p,
.content-holder.hover li {font-size:14px; line-height:1.4em;}

.content-holder.hover .content-header                   {margin-bottom:18px; padding-top:13px;}
.content-holder.hover .content-header span.icon-close   {color:var(--hlc-midnight-blue);}
.content-holder.hover .content-header span.title        {color:var(--hlc-midnight-blue); font-size:17px;}
.content-holder.hover .content-header span.icon:before  {font-size:22px;}


.content-holder.search-holder {background-color:#eee5e1;}

.content-holder.search-holder .content-header span       {width: auto; height: auto}
.content-holder.search-holder .content-header span.icon  {background-color: transparent;}


.content-holder.search-holder .content-header span.icon:before {font-size:28px;}
.content-holder.search-holder .content-header span.icon:before,
.content-holder.search-holder .content-header span.title,
.content-holder.search-holder .content-children ul li {color:var(--hlc-midnight-blue);}

.content-holder.search-holder .content-children ul li .icon:before {
   color: var(--hlc-midnight-blue);
}
.content-holder.search-holder .content-children ul li:before {
   border-color: var(--hlc-midnight-blue);
}
.content-holder.search-holder .content-children ul li:after {
   background-color: var(--hlc-midnight-blue);
}

.search-box               {display:block; width:90%; float:left; padding-top:20px; position:relative;}
.search-box .search       {display:block; padding:14px 17px; color:var(--hlc-midnight-blue); width:100%; font-size:14px;}
.search-box .search-submit {position:absolute; right:3px; top:29px;}
.search-box .icon:before {
   color: var(--hlc-midnight-blue) !important;
   font-size: 25px !important;
}
.mobile-content .search-box {float:none; width:100%; padding-top:0; padding-bottom:25px;}
.mobile-content .search-box .search-submit {top:10px; right:8px;}

/* FLOATING BOXES AROUND CONTENT WHEEL */

.additional-page {
   visibility: hidden;
   opacity: 0;
   position: absolute;
   /*border: 2px solid var(--hlc-midnight-blue);*/
   background-color: var(--hlc-midnight-blue);
   color: #ffffff;
   border-radius: 100px;
   padding: 5px 5px;
   text-align: center;
   cursor: pointer;
   -moz-transition: .4s ease-in-out;
   transition: .4s ease-in-out;
   z-index: 10;
}

.additional-page .icon:before {
   color: var(--hl-light-green);
   width: auto;
   margin: 0;
}

.additional-page span.title {
   display: block;
   margin-top: 7px;
   font-size: 13px;
   color: inherit;
}

.additional-page .table {width:100%; height:100%;}

.additional-page.contacts {
   top: 80px;
   left: 140px;
   width: 95px;
   height: 95px;
   -moz-transition-delay: 1s;
   transition-delay: 1s;
}

.additional-page.other-resources   {left:42px; bottom:42px; border-color:#e1efd5; width:140px; height:140px; -moz-transition-delay:1.6s; transition-delay:1.6s;}
.additional-page.download          {right:75px; top:296px; border-color:#e5f6f5; width:115px; height:115px; -moz-transition-delay:1.3s; transition-delay:1.3s;}

.additional-page.load      {visibility:visible; opacity:1;}
.additional-page.loaded    {visibility:visible; opacity:1; -moz-transition-delay:0s; transition-delay:0s; -moz-transition-duration:.4s; transition-duration:.4s;}

.additional-page:hover,
.additional-page.active {
   background-color: var(--hl-light-green);
   color: var(--hlc-midnight-blue);
}

.additional-page:hover .icon:before,
.additional-page.active .icon:before {
   color: var(--hlc-midnight-blue);
}

.additional-page:hover svg path,
.additional-page.active svg path     {fill:var(--hlc-midnight-blue) !important;}

/*.additional-page.other-resources:hover,
.additional-page.other-resources.active {
   background-color: #e1efd5;
}
.additional-page.download:hover,
.additional-page.download.active {background-color:#e5f6f5;}*/

/*.additional-page .icon.icon-contacts:before {color:var(--hlc-midnight-blue);}
.additional-page .icon.icon-other-resources:before {color:var(--hlc-midnight-blue);}
.additional-page .icon.icon-download:before {color:#00a599;}*/


.tool-holder.split .additional-page.contacts          {top:45px; left:75px; width:80px; height:80px;}
.tool-holder.split .additional-page.other-resources   {left:80px; bottom:15px; width:105px; height:105px;}
.tool-holder.split .additional-page.download          {right:0px; top:62px; width:95px; height:95px; -moz-transition-duration:.5s;transition-duration:.5s;}


/* CONTACTS */

.contact-holder             {position:relative; font-size:0;}
.contact-holder .contact    {margin-bottom:20px;position:relative;}

.contact-holder .info {padding-left:20px; font-size:13px;}
.contact-holder .info span {display:block; line-height:1.2em;}
.contact-holder .info span.name {margin-bottom:15px;}

.contact-holder .info a {color:var(--hlc-midnight-blue); text-decoration:none;}
.contact-holder .info a:hover {text-decoration:underline;}

/* MOBILE */

.tool-mobile                    {display:none; width:100%;}

.tool-mobile > p {text-align:left; font-size:17px;}

ul.accordion-wheel              {list-style:none; margin-left:0;}
ul.accordion-wheel > li         {font-size:17px; font-family: var(--hlc-gt-ultra); text-align:left; margin-bottom:5px; position:relative;}
ul.accordion-wheel > li > .tool-parent {padding:18px 12px; cursor:pointer;}

ul.accordion-wheel > li > .tool-parent .title  {display:inline-block; color:#FFF; padding-left:7px;}

ul.accordion-wheel > li > .tool-parent > .icon-plus,
ul.accordion-wheel > li > .tool-parent > .fa                {position:absolute; right:10px; top:18px;}
ul.accordion-wheel > li > .tool-parent > .icon:before,
ul.accordion-wheel > li > .tool-parent > .fa:before         {width:auto; font-size:16px; color:#FFF;}

ul.accordion-wheel > li > .tool-parent > .fa            {-moz-transform:rotate(90deg); transform:rotate(90deg); right:20px; -moz-transition:.2s; transition:.2s;}
ul.accordion-wheel > li.active > .tool-parent > .fa     {-moz-transform:rotate(0deg); transform:rotate(0deg);}

ul.accordion-wheel > li[data-id="9"] .title,
ul.accordion-wheel > li[data-id="9"] .icon:before,
ul.accordion-wheel > li[data-id="9"] .fa:before  {color:var(--hlc-midnight-blue);}
ul.accordion-wheel > li[data-id="10"] .title,
ul.accordion-wheel > li[data-id="10"] .icon:before,
ul.accordion-wheel > li[data-id="10"] .fa:before {color:var(--hlc-midnight-blue);}

ul.accordion-wheel > li.search-results .title,
ul.accordion-wheel > li.search-results .icon:before,
ul.accordion-wheel > li.search-results .fa:before {color:var(--hlc-midnight-blue);}

ul.accordion-wheel > li.search-results .mobile-content ul > li:before {}
ul.accordion-wheel > li.search-results .search-title {display:block; padding-bottom:20px;}

ul.accordion-wheel > li.search-results .mobile-content ul > li:before {border-color:#828789;}
ul.accordion-wheel > li.search-results .mobile-content ul > li:after {background-color:#828789;}
ul.accordion-wheel > li.search-results .mobile-content ul > li .icon-plus:before {color:#828789;}
ul.accordion-wheel > li.search-results .mobile-content ul > li {color:var(--hlc-midnight-blue);}

ul.accordion-wheel > li .mobile-content                 {position:relative; padding:20px 15px; background-color:rgba(255,255,255,0.2); display:none; overflow:hidden;}
ul.accordion-wheel > li .mobile-content ul              {list-style:none; margin-left:0; color:#FFF;}
ul.accordion-wheel > li .mobile-content ul > li         {font-size:13px; line-height:1.4em; position:relative; margin-bottom:20px;font-family: var(--hlc-gt-ultra); padding-left:55px;}
ul.accordion-wheel > li .mobile-content ul > li:last-child {margin-bottom:0;}
ul.accordion-wheel > li .mobile-content ul > li:after   {content:'';position:absolute; display:block; left:-42px; top:10px; width:50px; height:2px; background-color:rgba(255,255,255,0.4);}
ul.accordion-wheel > li .mobile-content ul > li:before  {content:'';position:absolute; display:block; left:8px; top:0px; width:22px; height:22px; border-radius:25px; border:3px solid rgba(255,255,255,0.4);}

ul.accordion-wheel > li .mobile-content.active {visibility:visible; opacity:1; display:block;}

ul.accordion-wheel > li .mobile-content ul > li:after,
ul.accordion-wheel > li .mobile-content ul > li:before,
ul.accordion-wheel > li .mobile-content ul > li .icon-plus {-moz-transition:.1s ease-in-out; transition:.1s ease-in-out;}

ul.accordion-wheel > li .mobile-content ul > li .icon-plus {color:#FFF; position:absolute; left:14px; top:8px;}
ul.accordion-wheel > li .mobile-content ul > li .icon-plus:before   {font-size:11px;}

ul.accordion-wheel > li[data-id="10"] .mobile-content ul > li {color:var(--hlc-midnight-blue);}
ul.accordion-wheel > li[data-id="10"] .mobile-content ul > li:after {background-color:var(--hlc-midnight-blue);}
ul.accordion-wheel > li[data-id="10"] .mobile-content ul > li:before {border-color:var(--hlc-midnight-blue);}

ul.accordion-wheel > li .mobile-content .contact-holder img {width:85px;}

ul.accordion-wheel > li .mobile-content.content-holder > .content-children {padding:0; }/*overflow-y:unset;*/
ul.accordion-wheel > li .mobile-content .content-holder {position:fixed; top:0; left:0; width:100%; height:100%; padding:0; padding-right: 0px; padding-top:15px;}
ul.accordion-wheel > li .mobile-content .content-holder.hover .content-header {padding-right:25px;}
ul.accordion-wheel > li .mobile-content .content-holder.hover .content-children {height:85%; max-height:85%;}


/* 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; }

/* SHARE LIGHTBOX */
.share-page         {float:right;cursor:pointer; margin-bottom:20px;}
.share-page i.fa    {font-size:18px;color:#ab0063;}
.share-page span    {display:inline-block; padding-left:10px; font-size:15px; position:relative; top:-2px; color:#ab0063;}

ul.social-list						{}
ul.social-list li					{display:inline-block; font-size: 0; margin: 0 5px;}
ul.social-list li a					{display:block; background-color: #fff; width: 70px; height: 70px; line-height: 70px; font-size: 28px; color: #00addd; transition:0.2s ease-out}
ul.social-list li a:hover			{color:#fff;}
ul.social-list li.facebook a:hover	{background-color:#3B5998 !important;}
ul.social-list li.twitter a:hover	{background-color:#1da1f2 !important;}
ul.social-list li.linkedIn a:hover	{background-color:#0077b5 !important;}
ul.social-list li.google a:hover	{background-color:#dd4b39 !important;}
ul.social-list li.email a:hover	    {background-color:#828282 !important;}

.share-toggle                       {cursor:pointer;}

.share-fade			{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(142, 142, 142, 0.95); z-index: 105; display: none;}
.share-popup		{position:fixed; left: 50%; margin-left: -181px; top: 50%; margin-top: -151px;  width: 363px; height: 303px; z-index: 110; background-color: #fff; border-left:none; text-align: center; display: none}
.share-header		{background-color:#af005f; padding: 27px;}
.share-header h1	{font-size:19px; color: #FFF; font-weight: bold; display: inline-block; position: relative;}

.share-popup ul.social-list			{margin-top:30px;}
.share-popup ul.social-list li a	{width:50px; height: 50px; line-height: 50px; color: #fff; background-color:#bfb9b2; font-size: 20px;}

a.share-close		{display: block; margin-top: 115px; color: #af005f; font-size: 15px; font-weight: bold; text-decoration: none;}

/* SPINNER - loading.io */

.lds-ring { display: inline-block; position: fixed; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #4b2942; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #4b2942 transparent transparent transparent; }
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }



.content-header span.icon                 {width: 50px; height: 50px; background-color: var(--hlc-midnight-blue); display: inline-flex; align-items: center; justify-content: center}
.content-header span.icon-share,
.content-header span.icon-download-2,
.content-header span.icon-close           {background-color: transparent}

.content-header span:before   {background-repeat: no-repeat}

.content-header span.icon-contracting:before       {background-image: url(/influencers/_assets/icon-contracting.svg); width: 26px; height: 26px; display: block; content: '';}
.content-header span.icon-share:before             {background-image: url(/influencers/_assets/icon-share.svg); width: 27px; height: 21px; display: block; content: '';}
.content-header span.icon-download-2:before        {background-image: url(/influencers/_assets/icon-download.svg); width: 23px; height: 23px; display: block; content: '';}
.content-header span.icon-trademark:before         {background-image: url(/influencers/_assets/icon-trademark.svg); width: 24px; height: 12px; display: block; content: '';}
.content-header span.icon-regulatory:before        {background-image: url(/influencers/_assets/icon-regulatory.svg); width: 34px; height: 28px; display: block; content: '';}
.content-header span.icon-hot-topics:before        {background-image: url(/influencers/_assets/icon-hot-topics.svg); width: 36px; height: 40px; display: block; content: '';}
.content-header span.icon-industry:before          {background-image: url(/influencers/_assets/icon-guides-industry.svg); width: 32px; height: 32px; display: block; content: '';}
.content-header span.icon-country:before           {background-image: url(/influencers/_assets/icon-guides-country.svg); width: 29px; height: 38px; display: block; content: '';}
.content-header span.icon-events:before            {background-image: url(/influencers/_assets/icon-events.svg); width: 30px; height: 30px; display: block; content: '';}
.content-header span.icon-contacts:before          {background-image: url(/influencers/_assets/icon-contact.svg); width: 27px; height: 22px; display: block; content: '';}
.content-header span.icon-other-resources:before   {background-image: url(/influencers/_assets/icon-resources.svg); width: 28px; height: 28px; display: block; content: '';}

ul.accordion-wheel > li > .tool-parent > .icon-plus, ul.accordion-wheel > li > .tool-parent > .fa  {top: 24px;}

ul.accordion-wheel > li > .tool-parent                {display: flex; align-items: center}
ul.accordion-wheel > li > .tool-parent > .icon        {line-height: 0; width: 30px; height: 30px; display: inline-flex; justify-content: center; align-items: center; background: var(--hlc-midnight-blue)}
ul.accordion-wheel > li > .tool-parent > .icon:before {content: ''; background-size: cover; margin: 0}


ul.accordion-wheel > li > .tool-parent > .icon.icon-contracting:before  {background-image: url(/influencers/_assets/icon-contracting.svg); width: 18px; height: 18px;}
ul.accordion-wheel > li > .tool-parent > .icon.icon-trademark:before    {background-image: url(/influencers/_assets/icon-trademark.svg); width: 22px; height: 10px;}
ul.accordion-wheel > li > .tool-parent > .icon.icon-regulatory:before   {background-image: url(/influencers/_assets/icon-regulatory.svg); width: 22px; height: 18px;}
ul.accordion-wheel > li > .tool-parent > .icon.icon-hot-topics:before   {background-image: url(/influencers/_assets/icon-hot-topics.svg); width: 18px; height: 20px;}
ul.accordion-wheel > li > .tool-parent > .icon.icon-industry:before     {background-image: url(/influencers/_assets/icon-guides-industry.svg); width: 22px; height: 22px;}
ul.accordion-wheel > li > .tool-parent > .icon.icon-country:before     {background-image: url(/influencers/_assets/icon-guides-country.svg); width: 15px; height: 20px;}
ul.accordion-wheel > li > .tool-parent > .icon.icon-events:before     {background-image: url(/influencers/_assets/icon-events.svg); width: 20px; height: 20px;}
ul.accordion-wheel > li > .tool-parent > .icon.icon-contacts:before     {background-image: url(/influencers/_assets/icon-contact.svg); width: 20px; height: 16px;}
ul.accordion-wheel > li > .tool-parent > .icon.icon-other-resources:before     {background-image: url(/influencers/_assets/icon-resources.svg); width: 16px; height: 16px;}


.content-holder[data-id="2"] ul li,
.content-holder[data-id="4"] ul li,
.content-holder[data-id="7"] ul li  {color: #ffffff}

.content-holder[data-id="3"] .content-header span.title,
.content-holder[data-id="5"] .content-header span.title,
.content-holder[data-id="6"] .content-header span.title,
.content-holder[data-id="8"] .content-header span.title,
.content-holder:not(.hover)[data-id="3"] .content-header span.icon:before,
.content-holder:not(.hover)[data-id="5"] .content-header span.icon:before,
.content-holder:not(.hover)[data-id="6"] .content-header span.icon:before,
.content-holder:not(.hover)[data-id="8"] .content-header span.icon:before  {color: var(--hlc-midnight-blue);}

.content-holder[data-id="3"] .content-children ul li .icon-plus,
.content-holder[data-id="5"] .content-children ul li .icon-plus,
.content-holder[data-id="6"] .content-children ul li .icon-plus,
.content-holder[data-id="8"] .content-children ul li .icon-plus   {color: var(--hlc-midnight-blue);}

.content-holder[data-id="3"] .content-children ul li:before,
.content-holder[data-id="5"] .content-children ul li:before,
.content-holder[data-id="6"] .content-children ul li:before,
.content-holder[data-id="8"] .content-children ul li:before    {border-color: var(--hlc-midnight-blue);}

.content-holder[data-id="3"] .content-children ul li:after,
.content-holder[data-id="5"] .content-children ul li:after,
.content-holder[data-id="6"] .content-children ul li:after,
.content-holder[data-id="8"] .content-children ul li:after  {background-color:  var(--hlc-midnight-blue);}

.content-holder.hover .content-children li   {color:  var(--hlc-midnight-blue);


@keyframes lds-ring {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}


/* 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: 1170px) 
{
   .logo                {background-repeat: no-repeat}
   header               {display: flex; padding-top: 23px; flex-wrap: wrap; justify-content: space-between; width: 100%}
   header div.left      {order: 1}
   header div.right     {order: 2}
   header div.middle    {order: 3; width: 100%; margin: 20px 0;}
   
}

@media (max-width: 1024px) {
    /* IPAD (LANDSCAPE) */

    .additional-page.contacts { top: 0px; left: 75px; width: 80px; height: 80px; }
    .additional-page.other-resources { left: 80px; bottom: 15px; width: 105px; height: 105px; }
    .additional-page.download { right: 0px; top: 62px; width: 95px; height: 95px; }

    .tool-holder.split .additional-page.download { right: -20px; top: 45px; width: 95px; height: 95px; }
    .tool-holder.split .additional-page.other-resources { left: 50px; }

    section.tool .tool-holder.split #animation_container {width:450px !important;height:450px !important;}

   
}

@media (max-width: 960px) 
{

    section.tool .tool-holder.split .col-2 {width:100%; -moz-transition:none; transition:none;}
    section.tool .col-2.content {position:absolute; left:0; top:0; z-index:50;}
    section.tool .tool-holder.split .col-2.tool-wheel {padding-left:0;}

    section.tool .tool-holder #animation_container,
    section.tool .tool-holder.split #animation_container { width: 600px !important; height: 600px !important; }

}

@media (max-width: 768px) 
{
    /* IPAD (PORTRAIT) */



}

@media (max-width: 640px) 
{
    section.default-content {padding-top:25px;}
    section.default-content .graphic {display:none;}

    section.default-content .reduced {width:100%;}

    section.default-content h1 {font-size:38px;}
    section.default-content p {font-size:15px;}

    header {padding-top:20px;}

    .wrapper {padding:0px 20px;}

    .tool-mobile {display:block;}
    section.tool .col-2.content,
    section.tool .col-2.tool-wheel  {display:none;}

    header .f-left,
    header .f-right     {float:none; width:100%;}

    header .f-right .social-menu {padding-top:10px; float:right;} 
    header .site-title  {font-size:17px; padding-left:20px;}
	
	p.pageSubTitle {margin-left: 20px; font-size: 14px; }
	
	
	ul.accordion-wheel > li .mobile-content.content-holder > .content-children {max-height: unset; height: auto; padding-bottom: 25px;}

	.noscroll {overflow-y: hidden;}
   
   header .site-title   {font-size: 35px}
   
	.logo {width: 192px; height: 61px;}
   
}

@media (max-width: 500px) 
{
   header   {flex-direction: column}  
  section.standard-toolbar  {width: 100%; margin-top: 10px;}
   section.standard-toolbar .search-bar-container  {justify-content: flex-start; display: flex; flex-direction: column-reverse; align-items: flex-start}
   .logo {width: 242px; height: 77px; transform: translateX(-12px)}
}

@media (max-width: 414px) 
{
    /* IPHONE 6+, GOOGLE NEXUS 5X & GOOGLE NEXUS 6P */
}

@media (max-width: 375px) 
{
    /* IPHONE 6 */
}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
		p.pageSubTitle {font-size: 13px; }

}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
}