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

/* GLOBAL */
form	{width:100%; height: 100%}
html 	{width:100%; height: 100%;}
body 	{line-height:1; font-family: 'Montserrat', sans-serif; width:100%; height: 100%;}
body.overflow {overflow:hidden;}

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

h1	{font-size:72px; font-weight: 900; color:#fedb00; line-height: 0.9em; margin-bottom: 0.3em;}
h2	{font-size:65px; font-weight: 900; line-height: 0.9em; margin-bottom: 0.3em;}
p	{font-size:18px; line-height: 1.4em; font-weight: 300; margin-bottom: 1em;}

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; z-index: 10}
strong  {font-weight:700;}

.col-row	{font-size:0;}

.inner	{width:1240px; padding-left: 20px; padding-right: 20px; max-width:100%; margin: auto; position: relative; z-index: 1}

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


.green-table {font-size: 14px; background-color: #fff;  line-height: 1.4em !important;}
.green-table td {background-color: #f4f8db; padding: 0px 10px; color: #002855 !important;}
.green-table td h6,
.green-table td h2 {margin: 5px 0px !important; line-height: 1.4em !important;}


.green-table tr {border-bottom: 4px solid #fff;}


.section	{background-size:cover; background-position: center;}

.intro-text		{text-align:center; margin: auto; margin-bottom: 40px;}
.intro-text	h2	{margin-bottom:0.6em;}
.intro-text p	{width:700px; max-width: 100%; margin-left: auto; margin-right: auto;}
.col-2			{width:50%; display: inline-block; vertical-align: top;}

.grayscale   {/*-moz-filter:grayscale(100%); -webkit-filter:grayscale(100%); -ms-filter:grayscale(100%); filter:grayscale(100%);*/}

.floating-image	{float: left; margin: 0 20px 20px 0}

/* LIVE CHAT OVERRIDE */
#designstudio-button {top: 239px !important;}

/* HERO CONTAINER */

.no-click {cursor: default !important;}
nav .hide {display: none !important;}

.navigation-click {position:relative; z-index:100;}

a.logo		{display:block; position: absolute; left: 20px; top: 50px;}
a.logo img	{width:140px;}

/* gradient removed
section.hero-container:after	{position:absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; display: block;  background-image: linear-gradient(to right, rgba(0,0,0,0.95),rgba(0,0,0,0.4),rgba(0,0,0,0),rgba(0,0,0,0.5));}

section.hero-container:after	{position:absolute; left: 0; top: 0; width: 0%; height: 0%; content: ''; display: block;  background-image: linear-gradient(to right, rgba(0,0,0,0.95),rgba(0,0,0,0.4),rgba(0,0,0,0),rgba(0,0,0,0.5));} */
section.hero-container .inner	{/*height:110%;*/ height:calc(100% - 130px)}




.fixed-right-col                {position:fixed; height:100%; right:0; top:0; z-index:55;}

.fixed-right-col .other-navigation          {position:relative; background-color:#0097a9; -moz-transition:.2s ease-out; transition:.2s ease-out;}
.fixed-right-col .other-navigation ul       {z-index:2; position:absolute; top:144px; right:-56px; list-style:none; font-size:0; padding:0px 13px; width:185px; -moz-transform:rotate(90deg); transform:rotate(90deg);}
.fixed-right-col .other-navigation ul li    {color:#0097a9; font-size:16px; font-weight:300; display:inline-block; padding:0px 5px; -moz-transition:.2s ease-out; transition:.2s ease-out; }
.fixed-right-col .other-navigation ul li a  {text-decoration:none;}

.fixed-right-col .other-navigation:before   {content:''; width:1px; background-color:inherit; position:absolute; right:36px; height:67px; top:100%;}
.fixed-right-col .other-navigation:after    {content:''; width:5px; background-color:inherit; position:absolute; right:34px; height:1px; top:67px;}

.fixed-right-col .page-navigation ul                {z-index:2; position:absolute; top:calc(50% - 13px); right:32px; list-style:none; font-size:0; padding:13px 0px; color:#FFF;}
.fixed-right-col .page-navigation ul li             {text-align:right; width:140px; font-size:16px; font-weight:300; line-height:1.3em; margin-bottom:4px; position:relative; height:18px; cursor:pointer; border-color:#FFF; z-index:2;}
.fixed-right-col .page-navigation ul li:last-child  {margin-bottom:0;}
.fixed-right-col .page-navigation ul li a           {display:block; padding-right:26px; position:relative; text-decoration:none;  visibility:hidden; opacity:0; -moz-transition:.2s ease-out; transition:.2s ease-out; z-index:1;}
/*.fixed-right-col .page-navigation ul li:after       {content:''; width:5px; height:5px; background-color:#96999b; border-radius:20px; position:absolute; right:2px; top:8px; }*/
.fixed-right-col .page-navigation ul li span        {content:''; width:5px; height:5px; background-color:#FFF; border-radius:20px; position:absolute; right:2px; top:8px; border-color:#FFF; border:1px solid transparent}

.fixed-right-col .page-navigation ul li:hover a     {opacity:1; visibility:visible;}
.fixed-right-col .page-navigation ul li:hover span,
.fixed-right-col .page-navigation ul li.active span {right:1px; width:7px; height:7px; top:7px; background-color:transparent !important; border-color:inherit;}

.fixed-right-col span.back-to-top       {font-size:12px; width:73px; height:42px; display:inline-block; color:#FFF; font-weight:300; position:absolute; right:0px; text-align:center; bottom:25px; line-height:43px; border-color:#FFF;}
.fixed-right-col span.back-to-top:after {content:''; width:0px; border-left:1px solid #FFF; border-color:inherit; position:absolute; right:36px; height:100px; top:100%;}

.fixed-right-col span.back-to-top.arrow {font-size:17px; cursor:pointer; display:none;}

.fixed-right-col .keyline {width:1px; background-color:#FFF; position:fixed; height:100px; top:0; right:36px;}

.nav-actions						{position:fixed; z-index:2; right:40px; top: 45px; font-size: 0}
.nav-actions a						{vertical-align: middle; display: inline-block; margin-left: 10px;}
.nav-actions a.social-link			{width:24px; height: 24px;  border:1px solid #ffffff; border-radius: 24px; text-align: center; line-height: 22px; font-size: 14px; color:#ffffff; transition: 0.2s ease-out}
.nav-actions a.social-link:hover	{background-color:#c6007e}
.nav-actions a.nav-icon			    {margin-left: 30px;}

a.social-link.contact {display:none;}

.nav-icon      				{width:46px; height:37px; z-index:5; position:relative; right:0px; top:0px; cursor:pointer; display:none; margin-left:15px;}
.nav-icon span  			{width:100%; display:block; height:3.5px; background-color:#707070; position:absolute; top:0; left:0; border-radius:1px; transition:.2s cubic-bezier(0,0,.21,1);}
.nav-icon span:nth-child(1) {}
.nav-icon span:nth-child(2) {top:17px;}
.nav-icon span:nth-child(3) {top:33px;}

.nav-icon.open					  {transform: translateY(6px)}
.nav-icon.open span:nth-child(1) {top:9px; transform:rotate(45deg);}
.nav-icon.open span:nth-child(2) {opacity:0; transform:scale(0);}
.nav-icon.open span:nth-child(3) {top:9px; transform:rotate(-45deg);}


/* CONTACT US PANEL */

.contact-panel              {width:345px; max-width:100%; padding:25px 70px 25px 25px; background-color:rgba(255,255,255,0.95); border-radius:5px 0px 0px 5px; position:fixed; right:0; -moz-transform:translateX(100%); transform:translateX(100%); top:0; -moz-transition: 0.35s ease-out; transition: 0.35s ease-out; z-index:999999;}
.contact-panel.active       {-moz-transform:translateX(0%); transform:translateX(0%);}
.contact-panel .contact-inner {position:relative;}
.contact-panel .contact-inner span {font-size:18px; display:block; color:#c6007e; font-weight:700; margin-bottom:30px; position:relative;}
.contact-panel .contact-inner p {font-size:13px;font-weight:400;color:#97999b;}

.contact-panel .contact-inner .contact-toggle {width:15px; height:15px; background-repeat:no-repeat; background-position:left top; background-image:url('/_assets/icon-close-pink.png'); background-size:15px; position:absolute; right:0; top:1px;}

.contact-panel .contact-inner ul {list-style:none; margin-top:25px; margin-bottom:25px;}
.contact-panel .contact-inner ul li {font-size:0; display:block;}
.contact-panel .contact-inner ul li span.icon {display:inline-block; vertical-align:top; width:37px; border:none; height:35px; padding:0; background-repeat:no-repeat; background-position:left 4px; border-radius:0; margin-bottom:0;}
.contact-panel .contact-inner ul li span.text {display:inline-block; padding-left:30px; border-left:1px solid #bfc0c1; vertical-align:top; font-size:13px;font-weight:400; color:#97999b; line-height: 1.3em; margin-bottom:0; padding-bottom:30px; width:210px;}
.contact-panel .contact-inner ul li span.text a {color:inherit;text-decoration:none;}

.contact-panel .contact-inner ul li:last-child span.text {padding-bottom:1px;}

.contact-panel .contact-inner .social a						{vertical-align: middle; display: inline-block; margin-right: 10px;}
.contact-panel .contact-inner .social a.social-link			{width:24px; height: 24px;  border:1px solid #c6007e; border-radius: 24px; text-align: center; line-height: 22px; font-size: 14px; color:#c6007e; transition: 0.2s ease-out}
.contact-panel .contact-inner .social a.social-link:hover	{background-color:#c6007e;color:#FFF;}

.home-section ,
.home-section.text-left         {background-repeat:no-repeat; background-position:center; background-size:cover;}
.home-section.total-vh          {min-height: 100vh}
.home-section .col-2.right      {padding-right:55px;}

.hero-text		{width:600px; max-width:100%;}
.hero-text h1	{font-weight: 900; color:#0097a9; line-height: 0.9em; margin-bottom: 0.3em;}
.hero-text p	{font-size:17px; color:#ffffff; font-weight: 300; line-height: 1.3em; margin-bottom: 1.4em;}

#home ul.partners            	    {overflow:hidden; white-space:nowrap;}
#home   .partners-toggle           {display:inline-block;position:relative; color:#FFF; padding:0px 20px 0 0; margin-bottom: 15px; -moz-transition:0.15s ease-out; transition:0.15s ease-out; font-weight: 700; z-index:50;}
#home   .partners-toggle:before    {width:1500px; position:absolute; top:50%; display: block; content:''; border-top:1px solid #ffffff; right:calc(100% + 20px);}
#home   .partners-toggle > span    {content:''; width:13px; height:13px; background-image:url(/_assets/icon-plus.png); display:inline-block; vertical-align:middle; background-size:cover; margin-left:10px; -moz-transition:0.2s ease-out; transition:0.2s ease-out; display: none !important}
#home   .partners-toggle.active > span {-moz-transform:rotate(45deg); transform:rotate(45deg);}

#home   .partners-container        {text-align:left; overflow:hidden; height:130px;}
#home   .partners-container .inner:before {display:none;}
#home   .partners-container ul     {/*position:absolute; bottom:0px; left:0;*/ width:100%;}

.partners-container .inner:before	{width:1500px; position: absolute; top: 50%; display: block; content: ''; border-top:1px solid #ffffff; right: calc(100%)}
.partners-container			{width:100%; z-index: 100;}
.partners-container ul		{font-size:0;}
.partners-container ul li	{width:11.111%; display:inline-flex; justify-content: center; align-items: center; height: 55px; padding: 0 10px; text-align: center; vertical-align: middle}
.partners-container ul li.partners-toggle	{padding:0; font-size: 16px; font-weight: 300;}
.partners-container ul li.partners-toggle a	{color:#ffffff; text-decoration: none;}

.partner-cell												{/*visibility:hidden; opacity: 0;*/ visibility:visible; opacity: 1; transition: 0.2s ease-out;}
.partner-cell img											{max-height: 55px; width: auto}
.partners-container ul li.partners-toggle a:after			{width:13px; height: 13px; background-image: url(/_assets/icon-plus.png); display: inline-block; vertical-align: middle; background-size: cover; content: ''; margin-left: 15px; transition: 0.2s ease-out;}
.partners-container ul li.partners-toggle.active a:after	{transform:rotate(45deg); margin-left: -30px}
.partners-container ul li.partners-toggle a span			{transition: 0.2s ease-out; display: inline-block;}
.partners-container ul li.partners-toggle.active a 	span	{opacity:0; visibility:hidden; transform: translateY(10px);}
.partners-container ul li.partner-cell.active				{transform: translateY(0);}
.partners-container ul li.active							{visibility:visible; opacity: 1}



/* HOME PAGE 2021 2023 */

.home form {height: unset; overflow: hidden;}

#home.home-2021 .hero-text		{width:510px; padding: 25px 0}
#home.home-2021 .hero-text h1	{font-size: 47px; color:#ffffff;  max-width: 100%; font-weight: 800; margin-bottom: 0.5em; line-height: 1em;}
#home.home-2021 .hero-text p	{font-size: 19px; color:#ffffff;  max-width: 100%; font-weight: 400}
#home.home-2021 .hero-text p:last-child	{margin-bottom: 0}

#home.home-2021 .cols							{display: flex; align-items: center; justify-content: space-between; width: 100%;}
#home.home-2021.hero-container .inner.inner-top	{display: flex; align-items: center; position: relative; z-index: 10}

section.hero-container						{min-height: 505px; padding: 105px 0 0; background-repeat: no-repeat; background-position: center; position: relative; flex-direction: column; overflow: hidden; justify-content: space-between;}

/* CIRLCES */
.circle-animation-col			{width:525px; height: 520px; flex-shrink: 0}

.circle-animation				{width:100%; height: 100%; position: relative;}
.circle-outer					{width:325px; height: 325px; transition: 0.4s ease-out; cursor: pointer}

.circle-animation-col .circle			{width:100%; height: 100%; border-radius: 500px; border:2px solid #c4d600; content: ''; position: absolute; left: 0; top:0; background-color: rgba(196,214,0,0);  transition: 0.4s ease-out;}
.circle-animation-col .circle:before	{width:30px; height: 30px; border-radius: 30px; background-color: #e3e88e; content: ''; position: absolute; left: 57px; top:10px; opacity: 0}

.circle-content					{text-align: center; display: inline-block; position: relative; z-index: 20}
.circle-content p				{font-size: 19px; line-height: 1.1em; color:#ffffff; margin-bottom: 10px; font-weight: 900; text-transform: uppercase;}
.circle-content svg				{margin-bottom: 10px;}
.circle-content .plus			{width:20px; height: 20px; display: inline-block; position: relative; }
.circle-content .plus:before	{width:2px; height: 100%; background-color: #ffffff; border-radius: 2px; content: ''; position: absolute; left: 50%; top:0; margin-left: -1px; transition: 0.4s ease-out}
.circle-content .plus:after		{width:2px; height: 100%; background-color: #ffffff; border-radius: 2px; content: ''; position: absolute; left: 50%; top:0; margin-left: -1px; transform: rotate(90deg); transition: 0.4s ease-out}

.circle-content .dropdown-container		{/*width:317px;*/ width:290px; position: absolute; left: 50%; margin-left: -145px; top:calc(100% + 5px); display: none;}
.circle-content .dropdown-triangle		{width: 0; height: 0; border-style: solid; border-width: 0 21.5px 22px 21.5px; border-color: transparent transparent #ffffff transparent; content: ''; position: relative; z-index: 5; transform: translateY(2px); display: block; margin: auto}

.circle-content .dropdown						{background-color: #ffffff; padding: 20px 32px; text-align: left; box-shadow: 0 0 20px rgba(0,0,0,0.5);}
.circle-content .dropdown h2					{/*font-size: 22px;*/ font-size: 20px; margin-bottom: 10px; color:#0097a9}
.circle-content .dropdown ul					{/*font-size: 14px;*/ font-size: 12px;list-style: none; font-weight: 600}
.circle-content .dropdown ul li					{border-bottom: 1px dotted #0097a9; line-height: 1.2em;}
.circle-content .dropdown ul li a				{text-decoration: none; padding: 7px 0; display: flex; justify-content: space-between; align-items: center; color:#002855}
.circle-content .dropdown ul li a span			{width:17px; height: 17px; border-radius: 17px; border:1px solid #0097a9; flex-shrink: 0; position: relative; margin-left: 5px;}
.circle-content .dropdown ul li a span:before	{width:1px; height: 8px; background-color: #0097a9; content: ''; position: absolute; left: 50%; top:4px;}
.circle-content .dropdown ul li a span:after	{width:1px; height: 8px; background-color: #0097a9; content: ''; position: absolute; left: 50%; top:4px; transform: rotate(90deg);}
.circle-content .dropdown ul li a:hover			{color:#0097a9}

.circle-1					{position: absolute; left: 0; top:0;}
.circle-1 .circle-content	{margin: 93px 0px 0px 33px}

.circle-2					{position: absolute; right: 0; top:0;}
.circle-2 .circle-content	{margin: 91px 0px 0px 160px}

.circle-3					{position: absolute; left: 50%; bottom:0; margin-left: -162.5px;}
.circle-3 .circle-content	{margin: 155px auto 0 auto; display: block;}

/* CIRCLE HOVERS */
.circle-outer:hover					{transform: scale(1.1) perspective(1px) translateZ(0); transform-origin: center; z-index: 25; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased;}
.circle-outer:hover .circle			{border-width: 5px; border-color:#e3e88e; background-color: rgba(196,214,0,0.8)}
.circle-outer:hover .plus:before,
.circle-outer:hover .plus:after		{background-color:#0097a9}

svg #path						{transition: 0.4s ease-out}
/*
Set inline on the home page
.circle-outer:hover svg #path	{fill:#0097a9}
*/


/* CIRLCES ANIMATION */
.circle-1 .circle	{opacity: 0; animation: fade-in 0.75s cubic-bezier(0.65, 0, 0.35, 1) forwards, rotater 6s linear infinite;}
.circle-3 .circle	{opacity: 0; animation: fade-in 0.75s cubic-bezier(0.65, 0, 0.35, 1) forwards 0.5s, rotater 6s linear infinite;}
.circle-2 .circle	{opacity: 0; animation: fade-in 0.75s cubic-bezier(0.65, 0, 0.35, 1) forwards 1s, rotater 6s linear infinite;}

.circle-1 .circle-content	{opacity: 0; animation: fade-in 0.75s cubic-bezier(0.65, 0, 0.35, 1) forwards 1.2s;}
.circle-3 .circle-content	{opacity: 0; animation: fade-in 0.75s cubic-bezier(0.65, 0, 0.35, 1) forwards 1.7s;}
.circle-2 .circle-content	{opacity: 0; animation: fade-in 0.75s cubic-bezier(0.65, 0, 0.35, 1) forwards 2.2s;}

.circle-1 .circle.spin,
.circle-2 .circle.spin,
.circle-3 .circle.spin	{transform: rotate(0deg); animation: rotater 6s linear infinite, fade-in 0.75s cubic-bezier(0.65, 0, 0.35, 1) forwards 1.2s; transition: 0.2s ease-out;}

.circle-1 .circle.spin:before,
.circle-2 .circle.spin:before,
.circle-3 .circle.spin:before	{opacity: 1}

@keyframes rotater {
	0% 		{transform: rotate(1deg);}
	100%	{transform: rotate(360deg);}
}

@keyframes fade-in {
	to {opacity: 1}
}

/* TECHNOLOGY PAGE CIRLCE ANIMATION */
.technology-page.text-page .circle-animation-col	{width:375px; height: 375px;}
.technology-page.text-page .circle-outer			{width:230px; height: 230px;}
.technology-page.text-page .circle-icon	svg			{height: auto; width: 45px; margin-bottom: 10px;}
.technology-page.text-page .circle-content p		{font-size: 15px; margin-bottom: 8px; line-height: 1em}

.technology-page.text-page .circle-1 .circle-content 	{margin: 61px 0px 0px 20px;}
.technology-page.text-page .circle-2 .circle-content 	{margin: 50px 0px 0px 105px;}
.technology-page.text-page .circle-3 .circle-content 	{margin: 95px auto 0;}

.technology-page.text-page .circle-3				{margin-left: -115px;}

.technology-page.text-page .circle-animation-col .circle:before	{width:22px; height: 22px; left: 33px;}

.technology-page.text-page .circle-content .dropdown ul		{margin:0}
.technology-page.text-page .circle-content .dropdown ul li	{margin-bottom: 0}

.technology-page.text-page .circle-content .dropdown ul li a span:after		{left: 7px;}
.technology-page.text-page .circle-content .dropdown ul li a span:before	{left: 7px;}

/* TECHNOLOGY PAGE */
.two-col.bg-cover						{background-size: cover; background-repeat: no-repeat;}

.technology-page.text-page .col-left						{width:470px;}
.technology-page.text-page .col-left h1						{font-size: 42px; text-transform: uppercase; color:#ffffff; border:none; margin-top: 20px; }
.technology-page.text-page .col-left-inner					{padding-top: 110px; padding-bottom: 20px; }
.technology-page.text-page .col-left-inner .breadcrumb		{margin-bottom: 0}
.technology-page.text-page .col-left-inner .breadcrumb ul	{margin-bottom: 1em}

.technology-page.text-page .col-right	{width:calc(100% - 470px);}
.technology-page .col-right-inner		{padding-top: 110px; padding-left: 70px;}
.technology-page .col-right-inner hr	{border-top:1px solid #000000; display: block; margin: 30px 0 0}

h2.accordion-header				{font-size: 19px; margin-bottom: 0.8em; color:#0097a9; font-weight: 900; text-transform: uppercase; display: flex; justify-content: space-between; align-items: flex-start}
h2.accordion-header span		{width:26px; height: 26px; border-radius: 25px; border:2px solid #0097a9; display: flex; justify-content: center; align-items: center}
h2.accordion-header span:before	{width:12px; height: 2px; background-color: #0097a9; display: block; content: ''; position: absolute; border-radius: 1px;}
h2.accordion-header span:after	{width:12px; height: 2px; background-color: #0097a9; display: block; content: ''; transform: rotate(90deg); border-radius: 1px;}

.tech-accordion .white-panel		{padding: 50px; background-color: #ffffff; margin-bottom: 40px;}
.tech-accordion .white-panel p,
.tech-accordion .white-panel ul		{font-size: 17px;}
.tech-accordion .white-panel ul li	{margin-bottom: 5px;}
.tech-accordion h2.accordion-header span { transition: all 0.5s ease-in-out; }

/*.tech-accordion .white-panel { display: none; }*/
/*.tech-accordion .white-panel.expanded { display: block; }*/

/* TILE CAROUSEL */
.slick-dots		{display: flex; justify-content: center;}
.slick-dots li	{width:15px; height: 15px; border-radius: 15px; background-color: #000000; opacity: 0.2; margin: 0 3px;}
.slick-dots li.slick-active	{opacity: 1;}

.slick-arrow	{width: 34px; height: 66px; background-image: url(/_assets/icon-arrow-slick.png); background-size: cover; background-color: transparent; position: absolute;}

.tech-listing-section h2	{font-size: 44px; text-transform: uppercase;}

.tech-listing-section.coloured-home-section	h2,
.tech-listing-section.coloured-home-section	p,	
.tech-listing-section.coloured-home-section .intro-text p,
.tech-listing-section.coloured-home-section .col-4 h3,
.tech-listing-section.coloured-home-section .col-4 p	{color:#ffffff}

.tech-listing-section.coloured-home-section .panel-video .panel-image:before	{width:40px; height: 40px; background-image: url(/_assets/icon-play.png); background-size: cover; content: ''; z-index: 5; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%)}


/* STICKY FOOTER */
.sticky-footer					{background-color:#002855; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100; display: none}
.sticky-footer .inner			{display: flex; justify-content: flex-start; height: 50px;}
.sticky-footer ul				{display: flex; list-style: none; align-items: center; font-size: 15px; font-weight: 500}
.sticky-footer ul li			{margin-right: 70px;}
.sticky-footer ul li a			{display: inline-flex; align-items: center; text-decoration: none; color: #ffffff; flex-direction: row-reverse; transition: 0.2s ease-out}
.sticky-footer ul li svg		{margin-right: 10px;}
.sticky-footer ul li a:hover	{color:#c4d600}
.sticky-footer ul li:last-child	{margin-right: 0}

.sticky-footer ul li a.li svg     {transform: translateY(-3px);}



/* QUOTE SECTION */
.quote-section						{position:relative; background-image: linear-gradient(to right, #eaeae9,#ffffff,#eaeae9); overflow: hidden;}
.quote-section blockquote			{padding:90px 50px 90px 70px; width:680px; max-width:100%; margin: auto; background-image: url(/_assets/quote-bg.png); background-position:20px center; background-size: 150px 148px; background-repeat: no-repeat; z-index: 2; position: relative; font-weight: 300}
.quote-section blockquote 			{font-size:17px; color:#97999b; line-height: 1.4em;}
.quote-section blockquote p			{margin-bottom:1.3em;}
.quote-section blockquote cite		{color:#c6007e; font-style: normal;}

.quote-section blockquote:before	{position:absolute; left: -100%; top:50%; width:100%; border-top:1px solid #c6007e; margin-top: -0.5px; display: block; content:''; z-index: 2}
.quote-section blockquote:after		{position:absolute; right: -100%; top:50%; width:100%; border-top:1px solid #c6007e; margin-top: -0.5px; display: block; content:''; z-index: 2}

.quote-section.dark						{background-color:#002855; background-image: none;}
.quote-section.dark blockquote p		{color:#ffffff;}
.quote-section.dark blockquote cite		{color:#c4d600;}
.quote-section.dark blockquote:before	{border-top:1px solid #c4d600;}
.quote-section.dark blockquote:after	{border-top:1px solid #c4d600;}
.quote-section.dark blockquote 			{background-image:url(/_assets/quote-bg-white.png);}

/* SERVICES */
.services		{padding:85px 0; background-color: #0097a9;}
.services h2	{color:#ffffff; margin-bottom: 0.4em;}
.services p		{font-size:18px; color:#ffffff; font-weight: 300;}

.services-col			{display:inline-block; vertical-align: top; width: 400px; max-width:100%; text-align: center; padding: 35px 0 25px; position: relative;}
.services-col p			{font-size:20px;}
.services-col img.plus	{width:20px; margin-top: 15px; transition: 0.2s ease-out}
.services-col .panel	{position:relative; display: inline-block;}
.services-col .panel:hover img.plus	{transform:rotate(90deg)}

.icon				{width:66px; height: 66px; border:1px solid #ffffff; border-radius: 66px; margin-left: auto; margin-right: auto; margin-bottom: 30px; transition: 0.2s ease-out; position: relative; overflow: hidden;}
.icon img			{width:200%; height: 66px; position: absolute; left: 0; top: -1px; max-width:unset}
.panel:hover .icon img	{left:-100%;}

.icon-btn				{font-size:18px; color:#ffffff; text-decoration: none; margin-right: 50px;}
.icon-btn .icon			{width:40px; height: 40px; display: inline-block; vertical-align: middle; margin-bottom: 0; margin-right: 10px;}
.icon-btn .icon	img		{width:200%; height: auto;}
.icon-btn span			{display:inline-block; vertical-align: middle; font-weight: 300; text-decoration: none;}
.icon-btn:hover .icon	{}

.icon-btn:hover .icon img	{left:-100%;}


/* INDUSTRIES */
.industries				{background-repeat: no-repeat; padding: 135px 0 90px; position: relative;}
.industries-text		{color:#000000}
.industries-text p		{width:360px; max-width:100%; color:#c6007e;}
.col-background			{height:100%; width: 50%; position: absolute; left: 0; bottom: 0; background-position:center; background-size: cover; background-repeat: no-repeat;}
.col-background.right	{left:auto; right:0}
.col-2.industries-right	{padding-left:80px; padding-right:55px;}
.circle-listing							{font-size:0; position: relative; margin-bottom: 45px; -moz-transition: 0.2s ease-out; transition: 0.2s ease-out;}
.circle-listing .circle					{width:20%; display: inline-block; vertical-align: middle;}
.circle-listing .circle img				{width:100px;}
.circle-listing .circle-text			{width:80%; display: inline-block; vertical-align: middle; padding-left:15px;}
.circle-listing .circle-text h3			{font-size:27px; font-weight: 700; margin-bottom: 5px; transition: 0.2s ease-out}
.circle-listing .circle-text h3:after	{width:20px; height: 20px; background-image: url(/_assets/icon-plus-pink.png); background-size: cover; display: inline-block; vertical-align: middle; content: ''; transform: translateY(-2px); margin-left: 15px; transition: 0.2s ease-out}
.circle-listing .circle-text p			{color:#c6007e; font-size: 12px;}
.circle-listing .circle-text a			{text-decoration:none;}

.circle-listing:hover .circle-text h3:after	{transform: translateY(-2px) rotate(90deg);}
.circle-listing:hover .circle-text h3		{color:#c6007e;}

.fade-out .circle-listing           {opacity:0.3;}
.fade-out .circle-listing.active    {opacity:1;}

.industries-right.fade-out:hover > .circle-listing          {opacity:0.3;}
.industries-right.fade-out:hover > .circle-listing:hover    {opacity:1;}

a.close-industries  {width:32px; height:34px; background-repeat:no-repeat; background-size:32px; background-position:center; background-image:url('/_assets/icon-close.png'); position:absolute; top:150px; right:50px; z-index: 100;}
a.close-popup       {width:16px; height:17px; background-repeat:no-repeat; background-size:16px; background-position:center; background-image:url('/_assets/icon-close.png'); position:absolute; top:-35px; right:0px;}


/* WHY ARUM */
.why-arum-section		{min-height:768px; background-size: cover; background-repeat: no-repeat; padding-top: 135px;}
.why-arum-section h2	{color:#ffffff;}
.why-arum-section p		{color:#002855;}
/*.why-arum-section .col-2.right {padding-right:55px;}*/
.col-2.right	{float:right}		
.buttons 		{margin-top:30px;}
.buttons .btn	{margin-right:16px; margin-bottom: 16px;}

/* ABOUT */
.text-left				{padding: 135px 0; background-repeat: no-repeat; background-size: cover; color:#ffffff;}
.text-left .col-2 p		{width:480px; max-width: 100%;}
.about .buttons			{margin-top:50px;}


/* ABOUT ARUM - HOME PAGE */
#about-arum .col-2 {width: 65%;}
#about-arum .col-2 p {width: 100%;}


/* THOUGHT LEADERSHIP ARUM - HOME PAGE */

#thought-leadership .panel-text p {display: none; height: 1px;}


/* NEWS */
.news				{padding:75px 0;}
.news .intro-text p	{color:#97999b;}
.news .col-4		{padding:30px; width: 25%; display: inline-block; vertical-align: top;}
.news .col-3		{width: 33.3%;}

.news .col-4 .panel-image {border-top:2px solid #c6007e; padding-top: 67%; width: 100%;}
.news .col-4 img:not(.premium-content)	{width:100%;}
.news .col-4 img.premium-content {position:absolute; top:10px; right:10px;}	
.news .col-4 h3		{color:#000000; font-size: 20px; font-weight: 300; line-height: 1.2em; margin-bottom: 0.5em;}
.news .col-4 p		{color:#97999b; font-size: 15px; font-weight: 300;}
.news .panel-text	{border-top:1px solid #c6007e; padding-top: 18px; margin-top: 18px; margin-bottom: 18px;}
.plus-circle		{width:26px; height: 26px; transition: 0.2s ease-out; border-radius: 25px; background-repeat: no-repeat; background-position: center; display: block; border:1px solid #c6007e; margin-left: auto; margin-right: auto; position: relative;}

.plus-circle:before	{width:16px; height: 2px; border-radius: 2px; background-color: #c6007e; content:''; display: block; left: 50%; margin-left: -8px; top: 50%; margin-top: -1px; position: absolute;}
.plus-circle:after	{width:2px; height: 16px; border-radius: 2px; background-color: #c6007e; content:''; display: block; left: 50%; margin-left: -1px; top: 50%; margin-top: -8px; position: absolute;}

.news .col-4 .panel a.cover				{z-index:10}
.news .col-4 .panel						{position: relative; transition: 0.2s ease-out;}
.news .col-4 .panel .panel-image img	{position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: cover;}
.news .col-4 .panel .panel-image		{transition: 0.2s ease-out; position: relative;}
.news .col-4 .panel:hover .panel-image	{filter: brightness(0.5);}
.news .col-4 .panel:hover .plus-circle	{transform:rotate(90deg)}

.news.the-team .col-4 .panel-image {border-top:2px solid #c4d600;}
.news.the-team .col-4 .panel-text h3 {color:#97999b; padding-right:35px; position:relative;}
.news.the-team .col-4 .panel-text h3 .plus-circle {position:absolute; right:0; top:0;}

.news.the-team .panel-text                                  {border-color:#c4d600;}
.news.the-team .col-4 .panel-text h3 .plus-circle           {border-color:#c4d600;}
.news.the-team .col-4 .panel-text h3 .plus-circle:before, 
.news.the-team .col-4 .panel-text h3 .plus-circle:after     {background-color:#c4d600;}

.center		{text-align:center; padding-top: 30px;}

.panel-image .tag	{position: absolute; top:0; right: 0; font-size: 10px; color:#ffffff; background-color: #c6007e; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 5; padding: 5px;}

/* CAREERS */
.careers		{min-height: 635px;}

/* CLIENTS */        
.partners-listing .partners   {padding-top:0;}
.partners-listing .partner    {background-repeat:no-repeat;background-position:center; padding-top:50%; background-size:contain; position:relative; opacity:0.15; -moz-transition:.2s; transition:.2s;}
.partners-listing .partner.active {opacity:1;}
.partners-listing .partners-filter            {padding-top:45px; padding-right:45px;}
.partners-listing .partners-filter .col-3     {width:33.33%; display:inline-block; vertical-align:top; text-align:right; margin-bottom:15px}

.client-marquee                 {width:100%; padding: 50px 0; margin:0 auto; overflow:hidden; white-space:nowrap;}
.client-marquee-inner           {/*display:inline-block;*/}
.client-marquee .slide          {display:inline-table; padding:0 25px; height:90px; width:200px; max-width:200px; position:relative;vertical-align:top;}
.client-marquee .slide-inner    {display:table-cell; vertical-align:middle;}
.client-marquee .slide img      {max-width:100%; max-height: 80px; display: block; margin: auto}


/* TWO COL PAGE */

.min-vh				{min-height:100vh;}
.min-vh .col-left	{min-height:100vh;}

.two-col					{position:relative;}
.col-left-inner				{width:400px; padding-top: 145px;}
.col-left-inner h1			{font-size:45px; border-bottom:1px solid #000000; display: block; padding-bottom: 25px; margin-bottom: 50px;}
.col-left-inner ul,
.col-left-inner p			{font-size:18px; color:#97999b; line-height:1.4em;}
.col-left-inner .breadcrumb	{margin-left:-11px;}

/* services body copy to black */
.services-page .col-left-inner ul,
.services-page .col-left-inner p	{color: #000;}



.col-right-inner			{padding-top: 145px; padding-left: 110px;}

.icon-list						{margin-bottom:30px;}
.icon-list h2					{font-weight: 300; font-size: 20px; margin-bottom: 15px; position: relative; color:#ffffff;}
.icon-list h2 span				{display:inline-block; vertical-align: middle;}
.icon-list h2 a					{text-decoration:none;}
.icon-list ul					{list-style:none; font-size:14px; font-weight: 300; padding-left: 50px; display: none;}
.icon-list li					{font-size:16px; margin-bottom: 13px; position: relative;}
.icon-list li a					{color:#ffffff; text-decoration: none;}
.icon-list .icon				{width:36px; height: 36px; border-width: 1px; display: inline-block; vertical-align: middle; margin-bottom: 0; margin-right: 10px;}
.icon-list .icon img			{width:70px; height:37px; top: -1px;}
.icon-list h2.active .icon img	{left:-35px;}
.icon-list li:before,
.icon-list h2:before			{width:31px; height: 8px; display:none; background-image: url(/_assets/icon-arrow-green.png); content:''; position: absolute; left: -40px; background-size: cover; top: 12px;}
.icon-list li:before	{top:4px}
.icon-list li.active:before,
.icon-list h2.active:before		{opacity:1; display:block;}

.icon-list.services-listing:hover > ul {display:block;}
.icon-list.services-listing:hover > ul > li:not(.active):hover:before,
.icon-list.services-listing:hover > h2:not(.active):before               {display:block; background-image: url(/_assets/icon-arrow-white.png);}
.icon-list.services-listing:hover h2 .icon img              {/*left:-35px;*/}

.lime h2.active                                             {color:#c4d600;}

.lime h1 {color:#c4d600;}

.lime .icon-list li.active a {color:#FFF;}

.lime .icon-list.services-listing:hover > h2:not(.active) {color:#FFF;}

/* BREADCRUMB */
.breadcrumb                 {display:inline-block; margin-bottom:35px;}
.breadcrumb ul              {text-align:center; font-size:0; font-weight: 300; margin-left:0 !important;}
.breadcrumb ul li           {display:inline-block; font-size:14px; height:15px; vertical-align:top; text-transform:uppercase; padding:0px 11px; position:relative; color:#d9d9d6; border-color:#d9d9d6; max-width:250px;}
.breadcrumb ul li:after     {content:'//'; top:0; color:inherit; position:absolute; right:-6px; letter-spacing:0.5px;}
.breadcrumb ul li:last-child:after {display:none;}
.breadcrumb ul li a         {text-decoration: none; color: inherit; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.breadcrumb ul li:hover a   {border-bottom:1px solid #000; border-color:inherit;}
/*.breadcrumb ul li.active    {color:#97999b; border-color:#97999b;}*/

.breadcrumb ul li:first-child   {color:#d9d9d6; border-color:#d9d9d6;}
.breadcrumb ul li:nth-child(2)  {color:#97999b; border-color:#97999b;}
.breadcrumb ul li:nth-child(3)  {color:#000; border-color:#000;}



.breadcrumb.white ul li        {color:#FFF !important; border-color:#FFF !important;}

/* FULL-WIDTH LISTING */
.full-width-listing {}
.full-width-listing .page-body      {padding-top:120px; padding-bottom:45px; text-align:center; color:#97999b;}
.full-width-listing .page-body h1   {text-transform:uppercase; color:#000; font-size:45px;}

.full-width-listing .page-body hr       {display:inline-block; width:65%; border-color:#000; margin: 15px 0px 30px 0px;}
.full-width-listing .page-body-inner    {width:960px; margin-left: auto; margin-right: auto; max-width: 100%;}


/* TEXT PAGE */
.text-page h1					{font-size:34px; text-transform: none; line-height: 1em;}
.two-col-uneven .col-left		{width:35%;}
.two-col-uneven .col-left-inner	{width:100%; padding-right: 65px;}
.two-col-uneven .col-right		{width:65%;}
.two-col-uneven .col-right-inner	{padding-bottom:40px;}
.two-col-uneven .col-background	{width:35%;}

.two-col-even .col-left				{width:50%;}
.two-col-even .col-left-inner		{width:100%; padding-right: 160px;}
.two-col-even .col-right			{width:50%;}
.two-col-even .col-right-inner		{padding-bottom:40px; padding-left: 55px;}
.two-col-even .col-background		{width:50%;}
.two-col-even .col-left h1			{text-transform:uppercase; font-size: 45px;}

.text-page .col-left:before		{background-color:red; position: absolute; right:calc(100% - 20px); content:''; top: 0; height: 100%; width: 5000px}
.text-page .col-left h1			{color:#000000; margin-bottom: 25px;}
.text-page .col-left .breadcrumb li,
.text-page .col-left .breadcrumb li a	{color:#ffffff;}
.text-page .col-left .breadcrumb li:hover a {border-color:#FFF;}
.text-page .col-left-inner p		{font-size:18px; color:#ffffff;}

.text-page.thought-leadership .col-left-inner {overflow:hidden;}
.text-page .read-time       {display:inline-block; font-size:18px; color:#FFF; position:relative; float:right; margin-top:20px; padding-left:10px;}
.text-page .read-time:after {width:1500px; position:absolute; top:50%; display:block; content:''; border-top:1px solid #ffffff; right:calc(100%);}

.col-left .buttons 					{font-size:0}
.col-left .buttons .btn				{width:32%; margin: 0; border:none; color:#002855; font-size: 14px; background-color: rgba(255,255,255,0.5);}
.col-left .buttons .btn.back		{background-color: rgba(255,255,255,1); background-image: url(/_assets/icon-double-chevron.gif); background-size: 22px 19px; background-repeat: no-repeat; background-position: 10px center; text-align: right;}
.col-left .buttons .btn.next		{margin-left:2%; background-image: url(/_assets/icon-single-chevron-right.gif); background-size: 14px 20px; background-repeat: no-repeat; background-position: 92% center;}
.col-left .buttons .btn.previous	{margin-left:2%; background-image: url(/_assets/icon-single-chevron.gif); background-size: 14px 20px; background-repeat: no-repeat; background-position: 10px center; text-align: right;}
.col-left .buttons .btn:hover		{background-color:rgba(255,255,255,1)}

.logos-left		{margin-left:0 !important; margin-bottom:0 !important; margin-top:60px !important;}
.logos-left	li	{border-bottom:1px solid #000000; display: block; margin-bottom: 40px; padding-bottom: 40px;}

/* TEXT COL*/
.text-col h1	{font-weight:700; font-size: 22px; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em; color:#002855;}
.text-col h2	{font-weight:700; font-size: 18px; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em; color:#002855;}
.text-col h3	{font-weight:600; font-size: 14px; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em; color:#002855;}
.text-col h4	{font-weight:400; font-size: 14px; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em; color:#002855;}
.text-col h5	{font-weight:600; font-size: 14px; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em; color:#002855;}
.text-col h6	{font-weight:300; font-size: 14px; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em; color:#002855;}
.text-col p		{font-weight: 500; color:#000000; font-size: 14px; line-height: 1.4em;}
.text-col ol,
.text-col ul	{font-weight: 500; color:#000000; font-size: 14px; line-height: 1.4em; margin-left: 20px; margin-top: 1em; margin-bottom: 2em;}
.text-col ol li,
.text-col ul li	{margin-bottom:15px;}

.col-left ul	{font-weight: 300; font-size: 18px; line-height: 1.4em; margin-left: 20px; margin-top: 1em; margin-bottom: 2em; color:#fff;  /*color:#97999b;*/}
.col-left ol li,
.col-left ul li	{margin-bottom:15px;}


/* PARTNER FILTER SWITCH */
.switch                         {font-size:0; position:relative;}
.switch.inline                  {display:inline-block; padding-left:20px; vertical-align:middle;}
.switch .status-text            {vertical-align:middle; font-size:13px;}
.switch .switch-status          {vertical-align:middle; position:relative; display:inline-block; width:45px; height:25px; margin:0px 10px;}
.switch .slider                 {position:absolute; cursor:pointer; top:0; left:0; right:1px; bottom:0; background-color:#828789; -webkit-transition:.4s; transition:.4s; }
.switch .slider:before          {position:absolute; content:""; height:17px; width:17px; right:3px; bottom:4px; background-color:#FFFFFF; -webkit-transition:.4s; transition:.4s; z-index:9; }
.switch .slider.round           {border-radius:34px;}
.switch .slider.round:before    {border-radius:50%; }
.switch input                   {display:none;}
.switch input:checked + .slider {background-color:#0097a9;}
.switch input:focus + .slider   {box-shadow:0 0 1px #0097a9;}

.switch input:checked + .slider:before                          {-webkit-transform:translateX(-21px); -ms-transform:translateX(-21px); transform:translateX(-21px);}
.switch input:checked + .slider + span.status-text .closed      {visibility:hidden; opacity:0;}
.switch input:checked + .slider + span.status-text .open        {visibility:visible; opacity:1;}


.switch.pink input:checked + .slider    {background-color:#c6007e;}
.switch.pink .status-text               {color:#c6007e;}

/* COLOUR VARIATIONS */
.why-arum.text-page .col-left:before,
.why-arum.text-page .col-left				{background-color:#c4d600}
.why-arum.text-page .text-col ul li a,
.why-arum.text-page .text-col ol li a,
.why-arum.text-page .text-col p a			{color:#c4d600}

.about-arum.text-page .col-left:before,
.about-arum.text-page .col-left				{background-color:#0097a9;}

.thought-leadership.text-page .col-left:before,
.thought-leadership.text-page .col-left				{background-color:#c6007e;}

.about-arum.text-page .text-col ul li a,
.about-arum.text-page .text-col ol li a,
.about-arum.text-page .text-col p a,
.about-arum.text-page .text-col h1,
.about-arum.text-page .text-col h2,
.about-arum.text-page .text-col h3,
.about-arum.text-page .text-col h4,
.about-arum.text-page .text-col h5,
.about-arum.text-page .text-col h6
{color:#c6007e;}

.timeline-arum.text-page .text-col ul li a,
.timeline-arum.text-page .text-col ol li a,
.timeline-arum.text-page .text-col p a,
.timeline-arum.text-page .text-col h1,
.timeline-arum.text-page .text-col h2,
.timeline-arum.text-page .text-col h3,
.timeline-arum.text-page .text-col h4,
.timeline-arum.text-page .text-col h5,
.timeline-arum.text-page .text-col h6
{color:#0097a9;}

.thought-leadership.text-page .col-left h1      {color:#FFF; padding-bottom:20px;}
.thought-leadership.text-page .col-left h1 span {display:block;text-align:left; font-weight:400; font-size:18px; padding-top:12px;}
.thought-leadership.text-page .text-col ul li a,
.thought-leadership.text-page .text-col ol li a,
.thought-leadership.text-page .text-col p a,
.thought-leadership.text-page .text-col h1,
.thought-leadership.text-page .text-col h2,
.thought-leadership.text-page .text-col h3,
.thought-leadership.text-page .text-col h4,
.thought-leadership.text-page .text-col h5,
.thought-leadership.text-page .text-col h6
{color:#c6007e;}


.news-text-page.text-page .text-col ul li a,
.news-text-page.text-page .text-col ol li a,
.news-text-page.text-page .text-col p a,
.news-text-page.text-page .text-col h1,
.news-text-page.text-page .text-col h2,
.news-text-page.text-page .text-col h3,
.news-text-page.text-page .text-col h4,
.news-text-page.text-page .text-col h5,
.news-text-page.text-page .text-col h6
{color:#0097a9;}

.news-text-page.text-page .col-left h1 span {display:block;text-align:left; font-weight:400; font-size:18px; padding-top:12px;}


/* where-we-have-worked */
.where-we-have-worked #whereWeHaveWorked {padding-top: 60px; }
.where-we-have-worked h2 {font-size: 35px; }


/* MANAGEMENT TEAM */

.team-listing               {}
.team-listing .panel:hover .plus-circle {transform:none !important;}
/* .team-listing .panel.active .panel-image {padding-top:58.5%;} */
.team-listing .col-row      {padding-bottom:100px;}
.team-listing .panel-image  {background-repeat:no-repeat;background-position:center; padding-top:50%; background-size:cover; position:relative; border-top: 2px solid #0097a9;}
.team-listing .panel-text   {position:relative; padding-bottom:25px; border-bottom:1px solid #97999b; padding-right:35px;}
.team-listing .panel-text p {margin-bottom:0;}
.team-listing .panel-text .plus-circle {position:absolute; top:19px; right:0;}
.team-listing .panel:hover .panel-image {filter:unset !important;}

.team-listing .panel-text .text-hover                   {position:absolute; top:-20px; border-top:1px solid #0097a9; background-color:#f3f3f3; padding:12px 12px; z-index:100; display:none; box-shadow: 3px 2px 7px 0px #bbb;}
.team-listing .panel-text .text-hover p                 {font-weight:500;}
.team-listing .panel-text .text-hover .header           {padding-bottom:24px; border-bottom:1px solid #97999b; margin-bottom:15px; padding-top:7px;}
.team-listing .panel-text .text-hover .header p         {font-size:15px;}
.team-listing .panel-text .text-hover .header .plus-circle {right:12px; cursor:pointer;}
.team-listing .panel-text .text-hover .header .plus-circle:after {display:none;}



.team-listing .panel-text .text-hover p                 {color:#97999b; font-size:14px;}

/* INDUSTRIES PAGE */
.industries-page .col-left p		{color:#ffffff; width: 100%;}
.industries-page .col-left h1		{font-size:45px; color:#000000; border-bottom:1px solid #000000; margin-bottom: 40px; padding-bottom: 30px;}
.industries-page .col-left-inner	{padding-top:100px; max-width:100%;}

.buttons.buttons-industries	.btn			{width:auto; color:#ffffff; background-color: transparent; border:1px solid #ffffff; margin-right: 15px;}
.buttons.buttons-industries	.btn:hover		{background-color:rgba(255,255,255,0.5);}

/* NEWS PAGE */
.news-page		{background-color:#0097a9;}
.news-page h1	{margin-bottom:40px;}
.news-page p	{color:#ffffff;}

.news-page .panel-text				{border-color:#ffffff;}
.news-page .panel-text h3			{color:#fedb00; font-size: 20px;}
.news-page .panel-text p			{color:#ffffff;}
.news-page .panel .plus-circle		{border-color:#ffffff;}
.news-page .plus-circle:after,
.news-page .plus-circle:before		{background-color:#ffffff;}
.news-page  .col-4 img				{border-color:#ffffff;}
.news-page .news					{padding-top:0}

.pagination							    {font-size:0; font-weight: 300; list-style: none; text-align: center; margin: 40px 0; border-top:1px solid #ffffff; padding-top: 40px;}
.pagination a, .pagination span > span  {text-decoration:none; display: block; font-size:12px; color:#ffffff; border:1px solid #ffffff; width: 25px; height: 25px; border-radius: 25px; line-height: 23px; text-align: center; display: inline-block; margin: 0 5px; vertical-align: top;}
.pagination a.paging-arrow img		    {width:6px; height: 9px;}
.pagination a.paging-arrow.paging-previous img	{transform:rotate(180deg);}
.pagination a:hover,
.pagination span > span:hover, 
.pagination span > span.active          {background-color:rgba(255,255,255,0.5);}

/* CALLBACK */
.services-callback-form .callback-form-response p           {font-weight:500; font-size:14px; color:#666;}
.services-callback-form .callback-form-response.success p   {color:#000;; font-size:22px;}
.services-callback-form h2 									{font-size: 25px; margin-bottom: 0.5em; font-weight: normal; color: #c4d500;}
.services-callback-form .form-cell textarea,
.services-callback-form  .form-cell input[type="text"] 		{border-color: #C6D239; }
.services-callback-form p,
.services-callback-form .form-cell label					{color: #8B9095; margin-bottom: 10px; width: calc(100% - 30px);}
.services-callback-form p a									{color: #8B9095 !important}
.services-callback-form .form-cell.form-cell-submit button	{float: none; border-radius: 0; background-color: #002B53; margin-top: 5px;}



/* CONTACT US */
.contact-page .two-col-even .col-left	{width: 40%}
.contact-page .two-col-even .col-right	{width: 60%}

.text-col-contact h2				{font-size: 29px;}
.contact-cols						{display: flex; justify-content: space-between;}
.contact-item						{display: flex; margin-bottom: 35px; align-items: center}
.contact-item.top					{align-items: flex-start}
.contact-item span					{width: 40px; flex-shrink: 0; text-align: center; margin-right: 20px;}
.contact-item span svg 				{width: 30px; height: auto;}
.contact-item span svg path			{fill:#C6D239}
.contact-item span svg.icon-alert	{width: 40px;}
.contact-item p,
.contact-item p a					{color:#002B53 !important; text-decoration: none; font-size: 15px; font-weight: 500; margin-bottom: 7px;}
.contact-item p:last-child			{margin-bottom: 0}
.contact-item p a					{cursor: pointer}
.contact-item p a:hover				{text-decoration: underline}

.col-contact-left	{width: 50%}
.col-contact-right	{width: 50%; flex-shrink: 0}

.col-contact-right	{padding-left: 30px; border-left: 1px solid #C6D239; margin-left: 20px;}

.col-contact-right .services-callback-form h2			{margin-top: 0; font-size: 16px; font-weight: 500; color:#002B53}
.services-callback-form .form-cell input[type="text"]	{border-color: #C6D239}

/* FOOTER */
footer					{background-color:#97999b; padding: 50px 0; text-align: center;}
.logo-footer			{margin-bottom:30px; display: block;}
.logo-footer img		{width:140px;}
footer ul				{font-size:0; text-align: center; margin-bottom: 30px;}
footer ul li 			{font-size:14px; display: inline-block; font-weight: 300; margin: 0 10px;}
footer ul li a			{color:#ffffff; text-decoration: none;}
footer ul li a:hover	{color:#c4d600;}

.social-footer				{margin-bottom:0; display: flex; align-items: center; justify-content: center}
.social-footer li 			{font-size:28px; margin: 0 5px; text-align: center;}
.social-footer li a:hover	{color:#c4d600;}

.social-footer li a:hover path	{fill:#C1D504}



footer .footer-logos {margin-top: 40px; }
footer .footer-logos img {height: 70px; width: auto;}
footer .footer-logos ul li {margin: 30px; }




/* TIMELINE */
.timeline-container h2				{font-size:17px; color:#0097a9; font-weight: 700}
.timeline:after						{border-right:2px solid #0097a9; position: absolute; content:''; height: 100%; top: 0; left: 45px}
.timeline							{list-style:none; position: relative; padding-top: 20px; padding-bottom: 20px;}
.timeline li						{position:relative; display: inline-block; padding: 20px 0; margin-bottom: 0 !important; cursor: pointer;}
.timeline li:hover .timeline-item	{opacity: 1; visibility: visible; transform: translateX(0)}
.timeline li:hover p.date-up:before	{transform:scale(1.2) translateX(1px); border:1px solid #c6007e; background-color: #ffffff;}
.timeline li:hover p.date-up span	{opacity:0}
.timeline li p.date-up span			{transition:0.5s ease-out}

.timeline li:first-child:before,
.timeline li:last-child:before	{width:20px; border-top:2px solid #0097a9; display: block; position: absolute; top: -20px; left: 36px; content: '';}
.timeline li:last-child:before	{top:auto; bottom: -20px;}

.timeline p.date-up					{color:#97999b; font-size: 13px; position: relative; width: 50px; margin-bottom: 0; z-index: 1;}
.timeline p.date-up:before			{width:8px; height: 8px; border-radius: 8px; background-color: #0097a9; display: block; content: ''; position: absolute; right: 0; top: 5px; transition: 0.1s ease-out}

.timeline-item		{width:330px; opacity: 0; visibility: hidden; position: absolute; left: 46px; top: 29px; padding-left: 85px; border-top:1px solid #c6007e; z-index: 0; transition: 0.5s ease-out; transform: translateX(5px)}
.timeline-item h3	{margin-top:0; font-size: 18px; color:#c6007e !important; background-color: #ffffff; transform: translateY(-10px); padding: 0 10px; margin-left: -10px; display: inline-block; margin-bottom: 0px}

.timeline li.bottom-item .timeline-item		{bottom:29px; top: auto; border-bottom:1px solid #c6007e; border-top:none;}
.timeline li.bottom-item .timeline-item h3	{transform: translateY(10px);}
.timeline li.bottom-item .timeline-item p	{margin-bottom:0; margin-top: 15px;}

/* BUTTON */
.btn				{font-size:14px; border:1px solid #ffffff; border-radius: 3px; display: inline-block; color:#ffffff; font-weight: 300; padding: 10px 15px; text-decoration: none; transition: 0.2s ease-out}
.btn.arrow:after	{width:6px; height: 9px; background-image: url(/_assets/icon-chevron.png); display: inline-block; vertical-align: middle; content: ''; background-size: cover; margin-left: 10px; transform: translateY(-1px)}
.btn:hover			{background-color:#c6007e; border-color:#c6007e;}

.btn.white						{background-color:rgba(255,255,255,0.5); border:none; color:#002855;}
.btn.white.arrow:after			{background-image:url(/_assets/icon-chevron-blue.png);}
.btn.white:hover				{color:#ffffff; background-color:#c6007e;}	
.btn.white:hover.arrow:after	{background-image:url(/_assets/icon-chevron.png);}

.btn.lightgreen						{background-color:#e1e79a; border:none; color:#032a5e !important;}
.btn.lightgreen.arrow:after			{background-image:url(/_assets/icon-chevron-blue.png);}
.btn.lightgreen:hover				{color:#ffffff !important; background-color:#c4d42c;}	
.btn.lightgreen:hover.arrow:after	{background-image:url(/_assets/icon-chevron.png);}

.btn.teal						{background-color:#0097a9; border:none; color:#ffffff !important;}
.btn.teal.arrow:after			{background-image:url(/_assets/icon-chevron.png);}
.btn.teal:hover				{color:#ffffff !important; background-color:#000000;}	
.btn.teal:hover.arrow:after	{background-image:url(/_assets/icon-chevron.png);}


.btn.pink			{background-color:#c6007e; color:#ffffff; border:none;}
.btn.pink:hover		{background-color:#000000;}

.btn.lime			{background-color:#c4d600; color:#ffffff; border:none;}
.btn.lime:hover		{background-color:#000000;}

.btn.teal			{background-color:#0097a9; color:#ffffff; border:none;}
.btn.teal:hover		{background-color:#000000;}

.btn.white.border				{border:1px solid #c6007e; color: #000000}
.btn.white.border.plus:after	{background-image:url(/_assets/icon-plus-pink.png)}

.btn.teal.border				{background-color: #ffffff; border:1px solid #0097a9; color: #000000 !important}
.btn.teal.border.plus:after		{background-image:url(/_assets/icon-plus-teal.png)}

.btn.teal.border.active.plus:after	{background-image:url(/_assets/icon-minus-teal.png)}

.btn.white.border:hover				{background-color: #c6007e; color: #ffffff}
.btn.white.border.plus:hover:after	{background-image:url(/_assets/icon-plus-white-2.png)}



.btn.plus:after		{width:16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(/_assets/icon-plus.png); background-size: cover; content: ''; margin-left: 15px; margin-top: -1px;}

/* CALLBACK FORM */

.callback-form                                	{display:none; position:fixed; width:100%; height:100%; z-index:200; left:0; top:0; background-color:rgba(0,0,0,0.8);}
.callback-form .form-container                	{position:absolute; top:50%; left:50%; width:500px; background-color:#FFF; font-size:0; padding:35px 35px; -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.callback-form .callback-form-response p            {font-weight:500; font-size:16px; color:#F00;}
.callback-form .callback-form-response.success p    {color:#000;; font-size:22px;}
.callback-form h2 									{font-size: 25px; margin-bottom: 0.5em; font-weight: normal;}
.cblast {display: none !important;}


/* BLOG SUBSCRIPTION */

.blog-subscription-container                                	{display:none; position:fixed; width:100%; height:100%; z-index:200; left:0; top:0; background-color:rgba(0,0,0,0.8);}
.blog-subscription-container .form-container                	{position:absolute; top:50%; left:50%; width:500px; background-color:#FFF; font-size:0; padding:45px 45px; -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.blog-subscription-container .blog-form-response p              {font-weight:500; font-size:16px; color:#F00;}
.blog-subscription-container .blog-form-response.success p      {color:#0097a9; font-size:22px;}



/* INSIGHTS SUBSCRIPTION */
.insights-subscription-container { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999999; background-color: rgba(0, 0, 0, 0.8); padding: 0 10px; }
.insights-subscription-container .form-container { position: relative; display: block; width: 100%; max-width: 800px; background-color: #002E5A; padding: 30px; border-radius: 10px; margin: 25vh auto 0 auto; }
.insights-subscription-container .form-container .btn-close { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; background-color: transparent; background-image: url("/_assets/icon-close.png"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.insights-subscription-container p { color: #ffffff; font-size: 18px; line-height: 1.5em;}
.insights-subscription-container p.lead { font-size: 20px; font-weight: bold; }
.insights-subscription-container .form-cell input[type=text] { display: block; width: 100%; background-color:#E9EAE8!important; border-radius: 5px; padding: 8px; font-size: 18px; margin: 0 0 20px 0; color: #000000; }
.insights-subscription-container .form-cell input[type=text].email { margin-bottom: 8px; }
.insights-subscription-container .form-cell input[type=text]:not(.error) { border: 0; }
.insights-subscription-container p.privacy { font-size: 13px; }
.insights-subscription-container .btn-sign-up,
.insights-subscription-container .btn-close-signup-popup { border: 1px solid #ffffff; border-radius: 5px; padding: 10px; position: relative; color: #ffffff; font-size: 18px; margin-top: 20px; background-color: transparent; transition: all 0.2s; }
.insights-subscription-container .btn-sign-up { padding-right: 40px; }
.insights-subscription-container .btn-sign-up:after { content: ""; position: absolute; right: 15px; top: 50%; margin-top: -7px; width: 9px; height: 14px; background-image: url("/_assets/icon-chevron.png"); background-size: cover; background-position: center; background-repeat: no-repeat; }
.insights-subscription-container .btn-sign-up:hover,
.insights-subscription-container .btn-close-signup-popup:hover { background-color: #ffffff; color: #002e5a; }
.insights-subscription-container .btn-sign-up:hover:after { background-image: url("/_assets/icon-chevron-blue.png"); }
.insights-subscription-container .form-errors { margin: 20px 0; padding: 14px; background-color: #cc6666; border-radius: 5px; }
.insights-subscription-container .form-errors ul { list-style: disc; margin-left: 20px; }
.insights-subscription-container .form-errors ul li { font-size: 14px; color: #ffffff; margin-bottom: 10px; }
.insights-subscription-container .form-errors ul li:last-child { margin-bottom: 0; }


/*
JM: I have updated so form bits could be used elsewhere...

.blog-subscription-container .form-cell						{position:relative; margin-bottom:16px; font-size:16px;}
.blog-subscription-container .form-cell span				{width:57px; height: 57px; border-radius: 57px; border:5px solid #dadff3; display: inline-block; background-color: #ffffff; position: absolute; left: 0; top: 0; text-align: center; line-height: 48px;}
.blog-subscription-container .form-cell input[type="text"]	{display:inline-block; width:100%; padding:16px; margin-top:7px; padding-left:10px; color: #003366; border:1px solid #c6007e; -webkit-appearance:none;}
.blog-subscription-container .form-cell button:hover		{background-color: #dadff3;}
.blog-subscription-container .form-cell.form-cell-submit	{padding-left:0; margin-top:25px; margin-bottom:0; display:block;}
.blog-subscription-container .form-cell.form-cell-submit button {float:right;}

.blog-subscription-container .form-cell input[type="checkbox"]      {width:17px; height:17px; display:inline-block; vertical-align:top; position:relative; top:1px;}
.blog-subscription-container .form-cell label                       {display:inline-block; width:90%; font-size:12px; vertical-align:top; line-height: 19px; padding-left:6px;}

.blog-subscription-container .form-cell input[type="text"].error    {border-color:#F00; background-color:rgba(255, 0, 0, 0.14);}
.blog-subscription-container .form-cell label.error                 {color:#F00; font-weight:500;}

*/
.blog-subscription-container  .form-cell span						{width:57px; height: 57px; border-radius: 57px; border:5px solid #dadff3; display: inline-block; background-color: #ffffff; position: absolute; left: 0; top: 0; text-align: center; line-height: 48px;}

.form-cell							{position:relative; margin-bottom:5px; font-size:15px;}
.form-cell textarea					{display:inline-block; width:100%; padding:16px; margin-top:7px; padding-left:10px; color: #003366; border:1px solid #c6007e; -webkit-appearance:none; height: 100px;}
.form-cell input[type="text"]		{display:inline-block; width:100%; padding:16px; margin-top:7px; padding-left:10px; color: #003366; border:1px solid #c6007e; -webkit-appearance:none; height: 40px}
.form-cell button:hover				{background-color: #dadff3;}
.form-cell.form-cell-submit			{padding-left:0; margin-top:15px; margin-bottom:0; display:block;}
.form-cell.form-cell-submit button 	{float:right;}
.form-cell input[type="checkbox"]   {width:17px; height:17px; display:inline-block; vertical-align:top; position:relative; top:1px;}
.form-cell label                    {display:inline-block; width:90%; font-size:12px; vertical-align:top; line-height: 19px; padding-left:6px;}
.form-cell input[type="text"].error {border-color:#F00; background-color:rgba(255, 0, 0, 0.14);}
.form-cell label.error              {color:#F00; font-weight:500;}

.form-cell .errored {background-color: #ffe3e3;}

.lime .form-cell textarea,
.lime .form-cell input[type="text"] {border:1px solid #c4d600;}

.teal .form-cell textarea,
.teal .form-cell input[type="text"] {border:1px solid #0097a9;}




/* SERVICES CALLBACK BUTTON & FORM */

.servicesCBButton 		{background-image: url('/_assets/icon-telephone_white.png'); background-size: 10%; background-size: 5%; background-position: 93% center;background-repeat: no-repeat; cursor: pointer;
						display: inline-block; padding: 8px; border-radius: 4px; width: 180px; height: 30px; margin-bottom: 20px; font-size: 14px;}
.lime .servicesCBButton	{background-color: #c4d500; color: #FFFFFF;}


/* CALLBACK FORM */

/*
.services-callback-form                                		{display:none; position:fixed; width:100%; height:100%; z-index:200; left:0; top:0; background-color:rgba(0,0,0,0.8);}
.services-callback-form .form-container                		{position:absolute; top:50%; left:50%; width:500px; background-color:#FFF; font-size:0; padding:35px 35px; -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
*/




/** NEW 2023 STYLES */


/* temp disabled

section.hero-container .hero-video 			{position:absolute; right:0; top:0; width:100%; height:100%;}
section.hero-container .hero-video-inner    {overflow:hidden; position:relative; width:100%; height:100%;}
section.hero-container .hero-video video    {width: auto; height: calc(100% - 105px); top: 105px; right:0; position: absolute;}



section.hero-container .hero-video	{position: absolute; right: 50%; transform: translateX(50%); top: 0; width: 100%; height: 100%; max-width: 1580px}

.hero-video-container		{width: 930px; height: calc(100% - 105px); top: 105px; right: 0; position: absolute;}
.hero-video-container video	{position: relative; left: 0; top: 0; width: 100%; height: auto; object-fit: cover; object-position: center; height: 523px;}



.hero-video-container:before	{width:0; height: 100%; position:absolute; left: 0px; top: 0; content: ''; z-index: 10; background: rgb(34,162,178); background: linear-gradient(-90deg, rgba(34,162,178,0) 0%, rgba(34,162,178,1) 100%);}
.hero-video-container:after		{width: 100px; height: 100%; position:absolute; right: 0px; top: 0; content: ''; z-index: 10; background: rgb(34,162,178); background: linear-gradient(90deg, rgba(34,162,178,0) 0%, rgba(34,162,178,1) 100%);}

*/


.full-width-gif				{width: 100%; height: auto;}

.text-image-2023			{background-color: #1D98A8;}
.text-image-2023 h2			{font-size: 37px; font-weight: 800; color: #C6D400; margin-bottom: 0.5em; line-height: 1em}
.text-image-2023 p			{font-size: 19px; color: #042A54; font-weight: 400} 
.text-image-2023 .cols 		{display: flex; justify-content: space-between; font-size: 0}
.text-image-2023 .col		{width: 50%;}
.text-image-2023 .col-text			{width: 530px; display: flex; align-items: center;}
.text-image-2023 .col-text-inner	{padding: 30px 0}
.text-image-2023 .col-image			{display: flex; align-items: flex-end}

.fixed-right-col,
.nav-actions a.social-link	{display: none}
	
.buttons-stacked		{display: inline-flex; align-items: flex-start; flex-direction: column;}
.buttons-stacked .btn	{margin-bottom: 15px;}

.industry-insights-panel-2023				{padding: 45px 0}
.industry-insights-panel-2023 .cols			{display: flex; justify-content: space-between; font-size: 0}
.industry-insights-panel-2023 .col			{width: 50%;}
.industry-insights-panel-2023 .col-insights	{width:530px; max-width: 100%;}

.industry-insights-panel-2023 h2	{font-size: 37px; font-weight: 800; color: #C2027F; margin-bottom: 0.5em; line-height: 1em}
.industry-insights-panel-2023 p		{font-size: 19px; color: #000000; font-weight: 400; width: 500px; max-width: 100%;} 
.industry-insights-panel-2023 .buttons-stacked	{margin-top: 10px;}

.panel-insight-2023					{position: relative;}
.panel-insight-2023 .panel-image	{border-top:2px solid #C5007D;}
.panel-insight-2023 .panel-text		{border-top:2px solid #C5007D; margin-top: 18px; padding-top: 18px;}
.panel-insight-2023 img				{width:246px; height: 246px; transition: 0.2s ease-out}
.panel-insight-2023 p				{font-size: 19px}
.panel-insight-2023 p.small			{font-size: 15px; font-weight: 700; margin-bottom: 0.25em}

.panel-insight-2023:hover .panel-image img	{filter: saturate(1.1) brightness(0.5);}

.insights-2023-cols					{display: flex; justify-content: space-between}
.insights-2023-cols .col			{width: 246px;}

.testimonial-carousel-section		{padding: 70px 0; background-color: #148596}
.testimonial-carousel-container		{position: relative;}
.testimonial-carousel				{background-image: url(/_assets/quote-mark.png); background-size: 109px 102px; background-repeat: no-repeat; background-position: center;}
.testimonial-carousel .slide		{text-align: center; padding: 0 90px;}
.testimonial-carousel .slide p		{font-size: 22px; font-weight: 400; color: #ffffff; margin-bottom: 0.5em}
.testimonial-carousel .slide cite	{font-size: 18px; font-weight: 600; color: #C1D504; font-style: normal}

.testimonial-carousel .slick-arrow	{position: absolute; top:50%; margin-top: -15px; font-size: 0; background-image: url(/_assets/slick-arrow.png); width: 18px; height: 33px; background-size: contain; background-repeat: no-repeat; z-index: 2}
.testimonial-carousel .slick-prev	{left: 0; transform: rotate(180deg)}
.testimonial-carousel .slick-next	{right: 0;}

.testimonial-carousel .slick-list	{height: 100%;}
.testimonial-carousel .slick-track	{display: flex;}

.podcast-intro p				{font-size: 19px; color: #000000; font-weight: 400}
.podcast-listing-row			{display: flex;}
.podcast-listing-row .expanded	{display: none}
.podcast-listing-row .buttons	{display: flex; margin-top: 0px; }
.podcast-image					{width: 246px; flex-shrink: 0; margin-right: 67px;}
.podcast-text					{border-top:2px solid #0097A9; padding-top: 20px; margin-bottom: 60px;}
.podcast-text p					{font-size: 17px; font-weight: 400}
.podcast-text p.date			{font-size: 15px; color: #000000; font-weight: 700}
.podcast-text h2				{font-size: 19px; font-weight: 400; margin-bottom: 0.5em}
.btn.play						{cursor: pointer; display: inline-flex; align-items: center;}
.btn.play svg					{margin-left: 10px;}
.toggle-expand					{cursor: pointer}

/* 2025 */
.mainMenu   {display: flex;}

p.header-btn-container {font-size: 0; display: inline-block; margin: 0 0 0 20px;}

.header-btn         {width: 195px; max-width: 100%; transition: 0.3s ease-out; display: block;}
.header-btn:hover   {opacity: 0.8; transform: translateX(5px);}

.header-right   {display: flex;}

@keyframes scroll {
	0% 		{transform: translateX(0);}
	100% 	{transform: translateX(calc(-175px * 8));}
}


footer	{background-color: #1D98A8}

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


/* H1 Font Size Fix */
/*
.col-left h1,
.col-left-inner h1 {font-size: 31px !important; line-height: 1.2em;}
*/

@media (max-width: 1200px) 
{
	.col-left h1,
	.col-left-inner h1 {font-size: 2.5vw !important;}
}

@media (max-width: 757px) 
{
	.col-left h1,
	.col-left-inner h1 {font-size: 29px !important;}
}

@media (max-width: 440px) 
{
	.col-left h1,
	.col-left-inner h1 {font-size: 6.5vw !important;}
}



/* 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) {  

}


@media (min-height: 700px) {
	
	.home-section.total-vh	{}
	
}




/* SERVICE QUOTE */
.service-quote										{display:flex;align-items:center;flex-direction:column;font-size: 16px;color:#fff;}
.service-quote img									{width:100%;}
.service-quote blockquote							{position:relative;padding:5px 0 0 30px;margin-top:20px;line-height: 1.5em;}
.service-quote cite									{display:block;margin-top:5px;font-weight:bold;}
.service-quote blockquote:before					{content:"";width:80px;height:80px;background-image: url(/_assets/quote-bg-white.png);background-size: 80px;background-repeat: no-repeat;position:absolute;top: 50%;left: 0;transform: translate(0, -50%);}







.accredited-systems-table {width: 100%;}
.accredited-systems-table td {width: 50%; height: 110px; padding: 20px; position: relative; text-align: center; vertical-align: middle;}
.accredited-systems-table td img {width: 100%; max-width: 190px; height: auto;}