/* Import Roboto font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


@font-face {
    font-family: 'itc_lubalin_graph_stdbold';
    src: url('/lubalingraphstd-bold-webfont.woff2') format('woff2'),
         url('/lubalingraphstd-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Display Roboto font */
header,
section,
section h1,
section h2,
section h3,
section p,
section a,
section ul,
section .large-orange,
section .small-orange,
section .large-light-teal,	
section .small-light-teal,
footer
{font-family: 'Roboto', sans-serif!important;}

/* Button font bold */ 				 
section .large-orange,
section .small-orange,
section .large-light-teal,	
section .small-light-teal 
{font-weight: 700!important;}


section h1.lubalin-bold,
section h2.lubalin-bold,
section h3.lubalin-bold,
.lubalin-bold
{font-family: 'itc_lubalin_graph_stdbold', serif!important;}


.quotation-mark {
    position: absolute;
    top: 24px;
    left: -62px;
    font-size: 200px;
    z-index: -1;
}



html {scroll-padding-top: 65px;} 	
	

body {
	padding-left: 0!important;
	padding-right: 0!important;
	margin-left: 0!important;
	margin-right: 0!important;
	width: 100%!important;
	overflow-x: hidden;
    background:#F0F0F0;
}		
	
	
.row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}	
	
.cookie-message, 
.mobile-canvas,
.navigation-bar-extended,
.header,
.header-utility,
.footer-dividing-line,
.footer
	{display: none!important}	


.main-content {
    width: 100%!important;
    max-width: 1440px;
}

.content {    
    background: white;
    margin: 0 auto;
}


.container {padding: 0!important}	

#monetate_selectorHTML_f92ed8b4_0 {display: none!important}	

.pageType-ContentPage .main-content .col-xs-4 .content ul, 
.pageType-ContentPage .main-content .col-xs-4 .content ol, 
.pageType-ContentPage .main-content .col-xs-5 .content ul, 
.pageType-ContentPage .main-content .col-xs-5 .content ol {
	padding-left: 0!important;
	padding-right: 0!important;}
	
.col-xs-5, 
.col-sm-5, 
.col-md-5, 
.col-lg-5, 
.col-xs-4, 
.col-sm-4, 
.col-md-4, 
.col-lg-4, 
.col-xs-3, 
.col-sm-3, 
.col-md-3, 
.col-lg-3, 
.col-xs-2, 
.col-sm-2, 
.col-md-2, 
.col-lg-2, 
.col-xs-1, 
.col-sm-1, 
.col-md-1, 
.col-lg-1 {
	padding-left: 0!important;
	padding-right: 0!important;
}


.underline {text-decoration: underline;}
.do-not-break {white-space: nowrap;}

section {
    padding: 0 0 0 105px;
    overflow: hidden!important;
}
    
section ul {
    padding: 0!important;
    margin: 0 0 0 20px;
}

section ul.hero-list {margin-left: 60px;}

section ul li{margin-top: 10px;}
section ul li:first-of-type{margin-top: 0px;}



/* 
==================================================
- Nav / menu 
==================================================
*/


.left-bar-teal {
    position: absolute;
    top: 0;
    left: 0;
    width: 105px;
    background: #006272;
    color: white;
    height: 100%;
}


/* hamburger - menu hidden */
.hamburger {
  width: 90px;
  height: 70px;
  position: fixed;
  z-index: 100;
  top: 18px;
  left: calc(50% - 712px);
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

/* hamburger - menu shown */
.hamburger.active {
  left: calc(50% - 704px + 560px);
  transition: all 0.55s ease-in-out;
}

.hamburger.stick {
  top: 0px;
}

.hamburger div:nth-child(1) {
  margin-top: 20px;
}

.hamburger div {
  width: 33px;
  height: 3px;
  background-color: white;
  display: block;
  margin: 6px auto;
  transition: all 0.25s ease-in-out;
}


.hamburger.active #one {
  transform: translateY(9px) rotate(-135deg);
  transition: all 0.6s ease-in-out;
}
.hamburger.active #two {
  opacity: 0;
  transition: 0.4s ease;
}
.hamburger.active #three {
  transform: translateY(-9px) rotate(-45deg);
  transition: all 0.6s ease-in-out;
}



/* menu -menu hidden */
.menu-hide {
  position: fixed;
  top: 0px;    
  width: 0;
  left: calc(50% - 710px);
  height: 100%;
  background: #006272;     
  z-index: 10;
  overflow-x: hidden;
  transition: all 0.6s ease-in-out;
}

/* menu -menu shown */
.menu-hide.showThis {
  width: 650px;
  box-shadow: 200px 0 400px 0px rgba(0, 0, 0, .2);    
  transition: all 0.475s ease-in-out;
}

.menu-hide nav ul {
    font-weight: 500;
}
.menu-hide nav ul li {
  list-style-type: none;  padding:0;
  line-height: 54px;
  transition: all 0.5s ease;
}
.half-opacity-hover:hover {
    opacity: .5;
    color: white;
}

.menu-hide nav ul li a {
  width: 650px;    
  padding:0;
  text-decoration: none;
  color: #ffffff;
  font-weight: 400;
}

.the-menu-wrapper{
    max-width: 400px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;    
}

.the-menu-wrapper.showThis{
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.9s;      
}

.the-menu-wrapper a{
    color: white;
}

.menu-sub-links {
    font-size: 24px;
    text-indent: 40px;
}

.menu-not-link {
    color: #afe400;
}

.menu-not-link:hover {
    opacity: 1!important;
}

.contact {max-width: 400px;}





/* 
==================================================
- Header 
==================================================
*/
header {
    position: fixed;
	width: calc(100% - 105px);
	max-width: calc(1440px - 105px);
    height: 100px;
    z-index: 2;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

header.stick {
	height: 60px;
	text-align: left;
	padding: 0;
	background-color:rgba(255, 255, 255, 0.975);
    box-shadow: 0px 3px 6px 0px rgba(0, 98, 114, .1);
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;    
}


.wrap-container {
    height: 100%;
	padding: 0 20px;
	margin: 0 auto;
}


.branding {
	width: 332px;
	float: left;
	text-align: left;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.branding.stick {
	height: 60px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.logo-header {
	max-width: 100%;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;}

.logo-header.stick {
	max-width: 200px;
	height: 100%;
}

.header-button-box {
    display: flex;
    gap: 10px 20px;
    flex-flow: row wrap;
}
.header-button {
    background: white;
    color: #006272;
    box-shadow: 0px 10px 40px 0px rgba(0, 98, 114, .3);   
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;    
}

.header-button.stick {
    background: #006272;
    color: white;
    box-shadow: none;    
}
.sticky-change.stick:after {
    filter: invert(100%) sepia(1%) saturate(117%) hue-rotate(269deg) brightness(119%) contrast(100%)!important; /* Sets Icon color. Can be overidded locally. Generate color filter at: https://codepen.io/sosuke/pen/Pjoqqp */
}

.menu {
	width: 75%;
	float: left;
	text-align: right;
}

.listMenu {
	display: none;
}





/* ------------------------------- */    
/* Hero Image styles */
/* ------------------------------- */    

.hero-box {
    background-color: #D2D2D2;
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size:cover; /* Resize the background image to cover the entire container */	
}	


/* Hero image container */    
    .hero-container{position: relative;}
    
/* Hero image container */    
    .hero-image{width: 100%; visibility: hidden;}        
    
/* Gradient overlay on hero image - create contrast for white text */
    .hero-container:after {
        display: inline-block;
        position: absolute;
        background-image: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,0));
        top: 0;
        left:0;
        height: 36%;
        width: 100%;
        content: '';
    }
    
    p {font-size: 28}
/* ------------------------------- */    
/* END Hero Image styles */
/* ------------------------------- */      



.career-button-SM {
    font-family: "Roboto", "sans-serif";
    font-size: 16px;
    min-width: 154px;
    border: none;
    padding: 10px;
    border-radius: 5px;
}

.career-button-LG {
    font-family: "Roboto", "sans-serif";
    font-size: 20px;
    border: none;
    padding: 18px 40px;
    border-radius: 6px;
    cursor: pointer;  
    z-index: 99;    
}

input.career-button-LG {padding: 13px 40px!important;}

.default-padding {padding: 90px 120px 110px 140px;}
.default-padding-2 {padding: 70px 120px 70px 140px;}
.video-section {padding: 105px 80px;}


.margin-top-90 {margin-top: 90px;}
.margin-left-110 {margin-left: 110px;}


.revealUp {
    opacity: 0;
    visibility: hidden;
}

.career-tiles{
    box-shadow: 0px 15px 18px 1px rgba(0, 0, 0, .15);
 }

.tiles-text-left {
    display: flex;
    flex-direction: column;
    padding: 65px 80px 40px 70px; 
}

.tiles-text-right {
    display: flex;
    flex-direction: column;
    padding: 65px 70px 40px 70px; 
}

.tiles-text-left-2 {
    display: flex;
    flex-direction: column;
    padding: 105px 5px 40px 140px; 
}

.learn-more-arrow {
    font-size: 3rem;
    position: relative; 
    margin: 0 0 0 .3em; 
    vertical-align:bottom;
}   
.learn-more-arrow:after {
    content: url(data:image/svg+xml;base64,PHN2ZyAKIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogd2lkdGg9IjMzcHgiIGhlaWdodD0iMjVweCI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIGZpbGw9InJnYigyNTQsIDEyOSwgMCkiCiBkPSJNMzIuOTMyLDEyLjU0NSBDMzIuOTI1LDEyLjgzMyAzMi44NzUsMTMuMTA3IDMyLjU4NiwxMy4zOTAgTDIyLjc1MiwyMy44NDkgQzIyLjI5OSwyNC4zMzMgMjEuNDg5LDI0LjM2NiAyMS4wMDQsMjMuODg5IEMyMC41NDYsMjMuNDM3IDIwLjUyMywyMi42MjYgMjAuOTY2LDIyLjE1OCBMMjguODYwLDEzLjc3NCBMMi4yMDIsMTMuNzc0IEMxLjUyMywxMy43NzQgMC45NzMsMTMuMjI1IDAuOTczLDEyLjU0NSBDMC45NzMsMTEuODY1IDEuNTI0LDExLjMxNCAyLjIwMiwxMS4zMTQgTDI4Ljg2MCwxMS4zMTQgTDIwLjk2NiwyLjkzMSBDMjAuNTI0LDIuNDYzIDIwLjUyNiwxLjYxMyAyMS4wMDQsMS4xODIgQzIxLjUzOSwwLjY5OSAyMi4yOTIsMC43NjQgMjIuNzUyLDEuMjM5IEwzMi41ODYsMTEuNjk5IEMzMi43NjAsMTEuODgyIDMyLjkzMiwxMi4yNTkgMzIuOTMyLDEyLjU0NSBMMzIuOTMyLDEyLjU0NSBaIi8+Cjwvc3ZnPg==);
}     

/* Changes icon color on hover */     
.career-tiles div > div a:hover .learn-more-arrow:after {
    filter: invert(30%) sepia(63%) saturate(516%) hue-rotate(165deg) brightness(104%) contrast(95%)!important;  /* Sets Icon color. Can be overidded locally. Generate color filter at: https://codepen.io/sosuke/pen/Pjoqqp */
}    


.icon-callout-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 0;    
}

.icon-callout {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 25px;
}

.icon-callout-icon {
    margin-left: 130px;
}


.icon-callout-text {
    width: calc(100% - 480px);
}


.icon-callout-wrapper-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 0;    
}

.icon-callout-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 25px;
}

.icon-callout-text-2 {
    width: calc(100% - 113px);
}

.icon-callout-3 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 34px;
}

.icon-callout-text-3 {
    width: calc(100% - 200px);
}


.icon-callout-wrapper-4 {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 40px;    
}


.icon-callout-4 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 25px;
}

.icon-callout-text-4 {
    width: calc(100% - 113px);
    display: inline-flex;
}

.icon-callout-wrapper-5 {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 80px;    
}

#benefits-5 {margin-top: -60px;}

.grey-ebebeb {color:#ebebeb;}
.background-grey {background-color:#ebebeb;}
.background-grey-2 {background-color:#d7d7d7;}

.background-blue {background-color: #4ec3e0;}

.quote-author {
    margin-left: 25px;
    text-indent: -25px;
}

/* Adjust div container */        
.video-container {
    position:relative;
    padding-bottom: 56.25%;
    overflow:hidden;
    width:100%;
    height:auto;
}	


/* Adjust iFrame */            
.video-container iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}  

.text-next-to-video {
    width: calc(50% - 70px);
}

/* Transition */  
button.hover-rise {    
	transition: transform, box-shadow;
	transition-timing-function: ease-in-out;
}

button.hover-rise:hover {
	transform: translate(0, -3px)!important; 
	box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .05), 0 6px 40px 0 rgba(0, 0, 0, .075);
	cursor: pointer;
	transition-duration: .2s;    
}

.teal-sidebar {
    width: 345px;
    padding: 40px 20px 60px 20px;
    align-self: flex-start;
    border-radius: 0 0 80px 0;
    box-shadow: 20px 20px 40px 0px rgba(0, 98, 114, .45);
}

.teal-sidebar-inner p {
    margin: 0!important}

.teal-sidebar-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 17px 100%; }


.in-the-news {
    gap: 60px 34px;    
}

#contact-us {
    display: flex;
    flex-wrap: wrap;
}

.careers-form {
    padding: 120px;
}

.careers-form label {
    display: block;
    color: #006272;
}





.my-form .selectboxit-container {display: none}	


/* Style the label to display next to the inputs */
.my-form label {
	margin: 20px 0 1px 0;
	display: block;
	font-size: 16px;
	line-height: 1.66667;
	color: #006272;
}    

.my-form .form-row:first-of-type {
	margin-top: -30px;
}    

.my-form label span.required-fields {color:lightgrey;}    



/* Style inputs, select elements and textareas */
.my-form input[type=text],
.my-form input[type=email], 
.my-form input[type=tel],
.my-form input[type=number],
.my-form input[type=date],	
.my-form textarea {
	width: 100%;
	padding: 10px;
	font-size: 14px;
    font-weight: 400;
	border: none;
	border-radius: none;
}

input::placeholder, 
textarea::placeholder {
  opacity: 0.4;
}

.my-form input[type="checkbox"] {
	padding: 0;
	margin:0;
	vertical-align: middle;
	position: relative;
	top: -1px;
	*overflow: hidden;
}



.my-form  .selectboxit-container {display: none!important}	

.select-css {
	width: 100%;
	padding: 10px;
	font-size: 14px;
    font-weight: 400;
	border: none;
	border-radius: none;
    letter-spacing: normal!important;
    word-spacing: normal!important;
    text-transform: none!important;
    text-indent: 0px!important;
    text-shadow: none!important;
    display: block!important;
    text-align: start!important;
    background-color: white!important;
    -webkit-rtl-ordering: logical!important;
    cursor: text!important;
    -moz-appearance: none!important;
    -webkit-appearance: none!important;
    appearance: none!important;    
    background-image: url("data:image/svg+xml;base64,PHN2ZyAKIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogd2lkdGg9IjlweCIgaGVpZ2h0PSI4cHgiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMCwgOTgsIDExNCkiCiBkPSJNNC40NDksNy43MjggTDAuMTIwLDAuMjU5IEw4Ljc3NywwLjI1OSBMNC40NDksNy43MjggWiIvPgo8L3N2Zz4=")!important;
    background-size:auto!important;        
    background-repeat: no-repeat, repeat!important;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .5em top 50%, 0 0!important;
    /* icon size, then gradient */    
}	    

.select-css:invalid {
    color: gray!important;
    font-weight: 400!important;
}
.select-css option[value=""][disabled] {
    display: none!important;
}
.select-css option[default] {
   display: none;
}

/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
    display: none;
}


/* Hover style */
.select-css:hover {
    border-color: #888;
    background-color: #FFF!important;
}

.select-css:hover::after {
    color: #F39C12!important;
    background-color: #FFF!important;
}     



/* Set options to normal weight */
.my-form .select-css option {
	font-weight:normal;
}



/* Support for rtl text, explicit support for Arabic and Hebrew */
    *[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
        background-position: left .7em top 50%, 0 0;
        padding: .6em .8em .5em 1.4em;
    }

    
/* Disabled styles */
    .select-css:disabled, .select-css[aria-disabled=true] {
        color: graytext;
        background-image: url("data:image/svg+xml;base64,PHN2ZyAKIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogd2lkdGg9IjlweCIgaGVpZ2h0PSI4cHgiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMCwgOTgsIDExNCkiCiBkPSJNNC40NDksNy43MjggTDAuMTIwLDAuMjU5IEw4Ljc3NywwLjI1OSBMNC40NDksNy43MjggWiIvPgo8L3N2Zz4=")!important;
    }

    .select-css:disabled:hover, .select-css[aria-disabled=true] {
        border-color: #aaa;
    }







.my-form input[type="radio"],.my-form input[type="checkbox"] {display: inline-block;vertical-align: top!important;}
.my-form input[type="radio"]:hover,.my-form input[type="checkbox"]:hover {cursor: pointer!important;}  



input:focus, 
select:focus, 
textarea:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: 0.15rem dashed #006072 !important;
	outline-offset: 0.1rem !important;
	border-radius: unset !important;
}





/* Checkbox labels */    
.my-form .checkbox-label{
	margin: 10px 0 0 20px;
	text-indent: -20px;
	display: inline-block;
	vertical-align: top!important;
	font-size: 14px;
	line-height: 18px;
}

.my-form .checkbox-label input[type="checkbox"]{
	margin: 4px 2px 0 0;
}	


/* Radio labels */    
.my-form .radio-label{
	margin: 10px 0 0 20px;
	text-indent: -20px;
	display: inline-block;
	vertical-align: top!important;
	font-size: 14px;
	line-height: 18px;
}

.my-form .radio-label input[type="radio"]{
	margin: 2px 2px 0 0;
}		

input[disabled=disabled], input:disabled {opacity: .4;}


.margin-top-20 {margin-top: 20px}
.margin-top-30 {margin-top: 30px}



/* Transition */  
.hover-rise, 
.social-icons {    
	transition: transform, box-shadow;
	transition-timing-function: ease-in-out;
}

.hover-rise:hover,
.social-icons:hover {
	transform: translate(0, -3px)!important; 
	box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .05), 0 6px 40px 0 rgba(0, 0, 0, .075);
	transition-duration: .2s;
} 

.new-margins p {margin: 15px 0 5px 0!important}
.my-form .form-row {clear: both!important}
.my-form .two-column {width: 48%; display: inline-block; margin: 0!important;}    
.my-form .three-column {width: 31%; display: inline-block; margin: 0!important;}    		
.my-form .four-column {width: 23%; display: inline-block; margin: 0!important;}     
.my-form .fourish-column {width: 19.5%; display: inline-block; margin: 0!important;}    	
.my-form .float-right {float: right}
.cursor-pointer:hover{cursor: pointer!important;}         
.my-form .p-hanging-indent {text-indent: -9px}	
.fake-link {color: #428bca;}
.fake-link:hover {color: #2a6596; cursor: pointer;}



.max-width-970 {max-width: 970px!important;}

/* Rotate div holding arrow when checked - opening animation speed */
.accordion-solutions input:checked + label div .flip-arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;    
}      

/* Rotate div holding arrow when checked */    
.accordion-solutions .accordion__content {
    overflow: hidden;
    max-height: 0em;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}    
    
.info-bars {
    font-size: 20px;
    font-weight: 700;
    color: black;
    padding: 6px 10px 8px 0px!important;
    border-bottom: solid 1px;
}

.flip-arrow{
    float: right;
}

#dropdown-section p {
    margin-top: 30px!important;
}

.footer-grey-bar, 
.footer-bottom-bar {margin-top: -20px;}
.footer-buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 20px;
}
.footer-bottom-links a{margin: 10px 5px;}


a[target="_blank"] .new-tab-icon:after {
  filter: none;
}


@media (max-width: 1440px) {
    .hide-1440 {display: none;}
    .hamburger {left: 8px;}
    .hamburger.active {left: 566px;}    
    .menu-hide {left:0;}
    .careers-form {padding: 40px;}          
}   


@media (max-width: 1200px) {
    .hundred-1200 {width: 100%;}
    .left-bar-teal {left:-105px;}
    .hamburger {top: 0px; left: 0;}
    .hamburger div {background-color: #006272;} 
    .hamburger.active div {background-color: #FFF;}    

    section{padding: 0;}    
    header, header.stick {
        padding-left: 70px;
        width:100%;
        height: 70px;
        text-align: left;
    	background-color:rgba(255, 255, 255, 0.975);
        box-shadow: 0px 3px 6px 0px rgba(0, 98, 114, .1);
    }
    .branding {height: 60px;width: auto;}
    .logo-header {
        width: 32vw;
        max-width: 200px;
        height: 100%;
        transition: all 0s;
        
    }
    .header-button {
        min-width:inherit;
        background: #006272;
        color: white!important;
        box-shadow: none;
    }
    .hero-box {margin-top: 60px;}
    .sticky-change:after {
        filter: invert(100%) sepia(1%) saturate(117%) hue-rotate(269deg) brightness(119%) contrast(100%)!important; /* Sets Icon color. Can be overidded locally. Generate color filter at: https://codepen.io/sosuke/pen/Pjoqqp */
    }    
    .default-padding, 
    .default-padding-2,
    .video-section{padding: 70px 40px;}
    .tiles-text-left,
    .tiles-text-right,
    .tiles-text-left-2 {padding: 40px;}      
    .icon-callout-wrapper-2 {width: calc(100% - 370px);}
    
    #associates-say .default-padding {padding-left: 100px;}
    .footer-grey-bar, .footer-bottom-bar {margin-top: 0;}
}   



.tooltip-3202{
    position: relative;
}    
.tooltip-3202-content {
    text-align: left;
    visibility:hidden;
    position: absolute;
    top: 50px;
    left: 0px;
    width: max-content;
    height: auto;
    background-color: white;
    z-index: 999;
    border: 1px solid #999;
    padding: 14px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.25s ease-out;
}  
.tooltip-3202-arrow-container{position: relative;}        
.tooltip-3202-arrow {
    border-left: 10px solid transparent;
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: transparent;
    border-right: 10px solid transparent;
    border-right-width: 10px;
    border-right-style: solid;
    border-right-color: transparent;
    border-bottom: 10px solid #999;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    height: 0;
    position: absolute;            
    margin-top: -25px;
    width: 0;
    left: 40px;            
    z-index: 1000;    
}    
.tootip-button-wrapper {
    display: flex;
    gap: 14px;
    padding: 5px 0;
    justify-content: center;
    flex-flow: row wrap;
}
.tootip-button-wrapper a {
    color: white;
}        
.tooltip-3202:hover .tooltip-3202-content,
.tooltip-3202:focus-within .tooltip-3202-content
{
    visibility: visible;
    opacity: 1;
    transition: all 0.25s ease-in;
}

:focus {
    outline: 0.15rem dashed #006072 !important;
    outline-offset: 0.1rem !important;
    border-radius: unset !important;
}

.no-min-width{min-width: inherit;}
@media screen and (max-width: 768px) {
    .tooltip-3202-content.header-tooltip {
        width: 200px;
        top: 27px;
        left: -50px;
    }
    .tooltip-3202-arrow {
        left: 80px;
    }
}     
@media screen and (max-width: 390px) {
    .tooltip-3202-content.header-tooltip{
        left:auto;
        right: 0px;
    }
    .tooltip-3202-arrow.header-tooltip {
        left: 100px;
    }
}             






@media (max-width: 979px) {
    .hide-979 {display: none;}
    .show-979 {display: block;}
    .hundred-979 {width:100%;}
    .font-20 {font-size: 16px; line-height: 26px!important;}
    .tiles-text-left, 
    .tiles-text-right, 
    .tiles-text-left-2 {padding: 20px;}
    .tiles-text-left h3, 
    .tiles-text-right h3, 
    .tiles-text-left-2 h3 {margin-top: 0;} 
    .icon-callout-text {width: calc(100% - 40%);}    
    .video-section {margin-top:-40px; gap: 20px;}
    .teal-sidebar {width: auto;margin: 40px 40px 20px;}        
}   

@media (max-width: 768px) {
    .menu-hide.showThis {width: 480px;}
    .hamburger.active {left: 396px;}
    .menu-spacer {height: 10px}
    .menu-logo {width: 80%;}
    .menu-hide nav ul li {font-size:24px; line-height: 44px;}
    #careers .menu-sub-links {font-size: 20px;}
    .header-button-box {
        width: 50%; 
        gap:3px 14px;
        padding: 0;
        justify-content: center;
    }
    .header-button {
        background:none!important;
        padding: 0!important;
        color: #006272!important;
    }
    .header-button.stick {
        background:none!important;
        padding: 0!important;
        color: #006272;
    }
    .sticky-change:after,
    .sticky-change.stick:after  {
        filter: invert(25%) sepia(60%) saturate(1324%) hue-rotate(153deg) brightness(97%) contrast(103%)!important;
    }     
    .default-padding, 
    .default-padding-2,
    .video-section {padding: 20px 20px 40px 20px;}
    .icon-callout-icon {margin-left: 40px;}
    .icon-callout-text {width: calc(100% - 30%);}
    .icon-callout-wrapper-4 {gap: 40px;}
    #work-culture .height-80 {height:40px;}
    .quote {font-size: 28px;}
    #in-the-news .height-52 {height: 20px;}
    .in-the-news {gap: 20px 34px;}
    #benefits-5 {margin-top: -10px;}
    .footer-grey-bar .height-50 {height: 20px;}        
    .footer-grey-bar-links a {width: 100%;line-height: 28px;}
    .footer-grey-bar-links a br {display: none;}
    .footer-grey-bar {padding: 20px 10px 20px 10px;}

}





@media (max-width: 550px) {
    .hamburger {width: 70px;}
    .hamburger.active {left: 406px;}
    .menu-hide {left:0;}
    .menu-spacer {height: 30px;}            
    .wrap-container{padding: 0 10px 0 0;}
    .default-padding, 
    .default-padding-2,
    .video-section {padding: 20px 10px 40px 10px;}    
    h1 {font-size: 11vw!important}
    #you-matter .height-50 {height: 20px;}    
    #you-matter .height-74 {height: 40px;}
    .icon-callout-icon {margin-left: 20px;}
    .icon-callout-text {width: calc(100% - 30%);}
    .icon-callout-wrapper-2 {gap: 20px 0;}    
    .icon-callout-wrapper-4 {gap: 20px;}
    
    #associates-say .default-padding {padding-left: 60px;}
    .quote {font-size: 24px;line-height: 32px!important}
    .quote-author {
        margin-left: 25px;
        text-indent: -21px;
        font-size: 20px;
    }
    .icon-callout-text-3 {width: calc(100% - 160px);} 
    .careers-form {padding: 40px 20px;}
    .two-column {width: 100%!important;}
}   


@media (max-width: 480px) {
    .menu-hide.showThis {width: 320px;}
    .hamburger.active {left: 260px;}
    .the-menu-wrapper {padding: 10px;}
    .the-menu-wrapper h3 {margin-top: -6px} 
    .menu-spacer:first-of-type {display: none;}        
    .menu-logo {width: 70%;}
    #careers {margin-top: -10px}
    .menu-hide nav ul li {font-size:22px; line-height: 26px;}
    .menu-hide nav ul li:first-of-type {margin-top:10px;}
    #careers .menu-sub-links {font-size: 18px;text-indent: 14px;}
    .above-contact-info {height: 40px;}    
    .contact {font-size: 16px; line-height: 24px!important;margin-top: -24px;}
    .contact-info {width: 60%;}
    .contact img{width: 35%}
    .contact-name {font-size: 18px;}
    .contact-text {font-size: 16px;line-height: 20px!important;}
    .icon-callout-icon {margin-left: 0;} 
    .teal-sidebar {margin: 40px 0 0;}        
}


@media (max-width: 440px) {
    .hide-440 {display: none;}
    .show-440 {display: block;}    
    .career-button-LG {padding: 18px!important;}
    .icon-callout-icon,
    .icon-callout-icon-2,
    .icon-callout-icon-3,
    .icon-callout-icon-4
    {margin: auto;}        
    .icon-callout-text {width: 100%; text-align: center;}    
    .icon-callout-text-2, 
    .icon-callout-text-3,
    .icon-callout-text-4 {width: 100%;}        
}