@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');
.careers-container {
	padding-bottom: 0
}
.pie-job-listings {
	font-family: 'Lato', sans-serif;
}
.pie-job-listings select {
 font-family: 'Lato', sans-serif;	
}
.pie-job-listings h4 {
font-family: 'Lato', sans-serif;		
}
.opportunities-pie .opportunities-heading {
	padding: 5%;
}
.opportunities-pie .opportunities-heading h2{
	font-size: 40px;
	font-weight: 700;
	color: #444;
}
select {
    padding: 10px;
    width: 100%;
    border: 0px!important;
    border: none!important;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #555;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.16)!important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.16)!important;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.pie-job-listings .job-listings-header header select { padding-left: 10px; }
.pie-job-listings .job-listings-wrapper, .pie-job-listings .job-listings, .pie-job-listings .job-listings-wrapper li, .pie-job-listings .job-listings li {
	list-style: none;
	color: #444;
	margin: 0px;
    padding: 0px;
    text-align: left;
}

.job-or {
    margin-right: 8px;
    font-size: 15px;
}

@media (min-width: 992px) {
	.careers-container {
		padding-top: 50px;
		padding-bottom: 15px
	}
}

@media (min-width: 992px) {
	.padding-bottom-lg-90px {
		padding-bottom: 90px !important
	}
}

@media (min-width: 1200px) {
	.padding-bottom-xl-80px {
		padding-bottom: 80px !important
	}
	.padding-bottom-xl-120px {
		padding-bottom: 120px !important
	}
}

.careers-spotlight-container {
	min-width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.careers-spotlight-container img {
	font-family: 'object-fit: cover;';
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center -20px;
	object-position: center -20px;
	height: 370px
}

@media (min-width: 768px) {
	.careers-spotlight-container img {
		-o-object-position: center center;
		object-position: center center;
		height: 530px
	}
}

@media (min-width: 992px) {
	.careers-spotlight-container img {
		height: 590px
	}
}

.careers-spotlight-container .signature-container img {
	height: 43px;
	width: auto;
	-o-object-position: center center;
	object-position: center center
}

@media (min-width: 768px) {
	.careers-spotlight-container .careers-spotlight-content-container .careers-spotlight-content {
		height: 100%;
		left: 0;
		top: 0;
		padding: 30px;
		position: absolute
	}
	.careers-spotlight-container .careers-spotlight-content-container .border-transparent {
		border: 30px solid transparent;
		background-clip: content-box;
		top: 0;
		left: 0;
		height: 100%;
		opacity: 0;
		transition: opacity 500ms ease-in-out;
		position: absolute;
		transform: scale(0.98);
		transition: all 250ms ease-in-out
	}
	.careers-spotlight-container .careers-spotlight-content-container:hover .border-transparent {
		opacity: 1;
		transform: scale(1);
		transition: all 250ms ease-in-out
	}
}

.careers-slideshow-container .careers-slideshow-content {
	z-index: 2
}

.careers-slideshow-container .offset-bg {
	bottom: 100px;
	height: 75%;
	width: 100%
}

@media (min-width: 576px) {
	.careers-slideshow-container .offset-bg {
		bottom: 0px
	}
}

@media (min-width: 992px) {
	.careers-slideshow-container .offset-bg {
		bottom: 100px
	}
}

.careers-slideshow-container .careers-image {
	bottom: -170px
}

@media (max-width: 575px) {
	.careers-slideshow-container .careers-image {
		width: 100%;
		height: 100%
	}
}

@media (min-width: 1200px) {
	.careers-slideshow-container .careers-image {
		bottom: -220px
	}
}

.careers-slideshow-container .careers-image:first-child {
	right: 90%
}

.careers-slideshow-container .careers-image:last-child {
	left: 90%
}

.careers-slideshow-container .images {
	margin-left: -15px;
	margin-right: -15px;
	height: 275px
}

@media (min-width: 768px) {
	.careers-slideshow-container .images {
		height: 390px
	}
}

@media (min-width: 992px) {
	.careers-slideshow-container .images {
		height: 630px
	}
}

@media (min-width: 1200px) {
	.careers-slideshow-container .images {
		height: 800px
	}
}

@media (min-width: 1600px) {
	.careers-slideshow-container .images {
		margin-left: 0;
		margin-right: 0
	}
}

.careers-slideshow-container .images img {
	font-family: 'object-fit: cover;';
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-clip-path: inset(0% 0% 0% 0%);
	clip-path: inset(0% 0% 0% 0%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.careers-slideshow-container .images .active {
	opacity: 1;
	z-index: 2
}

.careers-slideshow-container .images .next {
	z-index: 1;
	opacity: 1;
	transition: none
}

.careers-slideshow-container .images .animate-image {
	-webkit-animation: animate-clip-path 1s ease-in-out forwards;
	animation: animate-clip-path 1s ease-in-out forwards
}

.careers-slideshow-container .images .animate-image-click {
	-webkit-animation: animate-clip-path-click 500ms ease-in-out forwards;
	animation: animate-clip-path-click 500ms ease-in-out forwards
}

.careers-slideshow-container .images:hover {
	cursor: e-resize
}

.careers-slideshow-container .timeline {
	background: #087575;
	height: 2px;
	transform: scale(0, 1);
	transform-origin: 0% 50%;
	margin-left: -15px;
	margin-right: -15px
}

@media (min-width: 1600px) {
	.careers-slideshow-container .timeline {
		margin-left: 0;
		margin-right: 0
	}
}

.careers-slideshow-container .animate-timeline {
	-webkit-animation: animate-timeline 4s cubic-bezier(0.86, 0, 0.07, 1);
	animation: animate-timeline 4s cubic-bezier(0.86, 0, 0.07, 1)
}

.careers-slideshow-container .animate-timeline-whiteline {
	-webkit-animation: animate-timeline-whiteline 1s ease-in-out;
	animation: animate-timeline-whiteline 1s ease-in-out
}

.careers-slideshow-container .animate-timeline-click {
	-webkit-animation: animate-timeline-click 500ms cubic-bezier(0.86, 0, 0.07, 1);
	animation: animate-timeline-click 500ms cubic-bezier(0.86, 0, 0.07, 1)
}

@-webkit-keyframes animate-clip-path {
	0% {
		-webkit-clip-path: inset(0% 0% 0% 0%);
		clip-path: inset(0% 0% 0% 0%)
	}
	100% {
		-webkit-clip-path: inset(0% 0% 0% 100%);
		clip-path: inset(0% 0% 0% 100%)
	}
}

@keyframes animate-clip-path {
	0% {
		-webkit-clip-path: inset(0% 0% 0% 0%);
		clip-path: inset(0% 0% 0% 0%)
	}
	100% {
		-webkit-clip-path: inset(0% 0% 0% 100%);
		clip-path: inset(0% 0% 0% 100%)
	}
}

@-webkit-keyframes animate-clip-path-click {
	0% {
		-webkit-clip-path: inset(0% 0% 0% 0%);
		clip-path: inset(0% 0% 0% 0%)
	}
	100% {
		-webkit-clip-path: inset(0% 0% 0% 100%);
		clip-path: inset(0% 0% 0% 100%)
	}
}

@keyframes animate-clip-path-click {
	0% {
		-webkit-clip-path: inset(0% 0% 0% 0%);
		clip-path: inset(0% 0% 0% 0%)
	}
	100% {
		-webkit-clip-path: inset(0% 0% 0% 100%);
		clip-path: inset(0% 0% 0% 100%)
	}
}

@-webkit-keyframes animate-timeline {
	0% {
		transform-origin: 0% 50%;
		transform: scale(0, 1)
	}
	100% {
		transform-origin: 0% 50%;
		transform: scale(1, 1)
	}
}

@keyframes animate-timeline {
	0% {
		transform-origin: 0% 50%;
		transform: scale(0, 1)
	}
	100% {
		transform-origin: 0% 50%;
		transform: scale(1, 1)
	}
}

@-webkit-keyframes animate-timeline-whiteline {
	0% {
		transform-origin: 100% 50%;
		transform: scale(1, 1)
	}
	100% {
		transform-origin: 100% 50%;
		transform: scale(0, 1)
	}
}

@keyframes animate-timeline-whiteline {
	0% {
		transform-origin: 100% 50%;
		transform: scale(1, 1)
	}
	100% {
		transform-origin: 100% 50%;
		transform: scale(0, 1)
	}
}

@-webkit-keyframes animate-timeline-click {
	0% {
		transform-origin: 0% 50%;
		transform: scale(0, 1)
	}
	50% {
		transform-origin: 0% 50%;
		transform: scale(1, 1)
	}
	51% {
		transform-origin: 100% 50%;
		transform: scale(1, 1)
	}
	100% {
		transform-origin: 100% 50%;
		transform: scale(0, 1)
	}
}

@keyframes animate-timeline-click {
	0% {
		transform-origin: 0% 50%;
		transform: scale(0, 1)
	}
	50% {
		transform-origin: 0% 50%;
		transform: scale(1, 1)
	}
	51% {
		transform-origin: 100% 50%;
		transform: scale(1, 1)
	}
	100% {
		transform-origin: 100% 50%;
		transform: scale(0, 1)
	}
}

.diversity .diversity-illustration {
	width: 570px
}

@media (min-width: 768px) {
	.diversity .diversity-illustration {
		width: auto
	}
}

.careers-offices img {
	font-family: 'object-fit: cover;';
	-o-object-fit: cover;
	object-fit: cover;
	min-height: 300px;
	width: 50vw
}

@media (min-width: 992px) {
	.careers-offices img {
		min-height: 470px
	}
}

.pie-job-listings {
	background-color: #fff
}

.pie-job-listings .container:before {
	content: ' ';
	display: table
}

.pie-job-listings .container:after {
	content: ' ';
	display: table;
	clear: both
}

@media (max-width: 767px) {
	.pie-job-listings .hidden-xs {
		display: none !important
	}
}

.pie-job-listings .col-xs-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 100%
}

.pie-job-listings .col-xs-12 header {
	display: flex;
	align-items: center
}

.pie-job-listings #top {
	position: fixed;
	left: 0;
	top: 60px;
	width: 100%;
	z-index: 4000
}

.pie-job-listings #top+div {
	padding-top: 179px !important
}

@media (min-width: 1200px) {
	.pie-job-listings #top {
		top: 75px
	}
}

.pie-job-listings #bottom {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 4
}

.pie-job-listings #bottom+div {
	padding-top: 179px !important
}

.pie-job-listings .job-listings-header {
	background-color: #ffffff;
    
    padding: 20px 15px;
   width: 100%;
}

.pie-job-listings .job-listings-header.stick {
	transition: box-shadow 350ms ease-in-out;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	position: fixed;
    top: 65px;
    left: 0px;
    z-index: 999;

}


.pie-job-listings .job-listings-header .jobs-count {
	align-items: center;
	color: #525257;
	display: flex;
	height: 48px
}

.pie-job-listings .job-listings-header .jobs-count-animation {
	-webkit-animation: fade-in-jobs 500ms ease-in forwards 100ms;
	animation: fade-in-jobs 500ms ease-in forwards 100ms;
	opacity: 0
}

@-webkit-keyframes fade-in-jobs {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fade-in-jobs {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.pie-job-listings .job-listings-header header select {
	border: 1px solid #eaeaea;
	font-size: 16px;
	margin-right: 10px;
	text-indent: 5px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../png/chevron-down-icon.png) 98%/5% no-repeat #fff;
	background-size: 17px;
}

@media (min-width: 576px) {
	.pie-job-listings .job-listings-header header select {
		width: 50%;
	}
}

.pie-job-listings .job-listings-header header select:focus {
	outline: none;
	outline-color: transparent
}

.pie-job-listings .job-listings-header+div {
	padding-top: 20px !important;
	padding-bottom: 20px
}

.pie-job-listings h4 {
	font-size: 25px;
	font-weight: 700;
	color: #444;
	line-height: 30px;
	letter-spacing: normal;
	margin-top: 30px;
	margin-bottom: 0px;
}

.pie-job-listings .job-listings-wrapper,
.pie-job-listings .job-listings {
	list-style: none;
	padding-left: 0;
	width: 100%;
}

.pie-job-listings .job-listings-wrapper li:before,
.pie-job-listings .job-listings li:before {
	content: none
}

.pie-job-listings .flex-1 {
	flex: 1
}

.pie-job-listings .flex-2 {
	flex: 2
}

.pie-job-listings .job-listing {
	background-color: #ffffff;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
	font-size: 1.25em;
    width: 100%;
    margin: 8px 0px !important;
    border-radius: 4px;
    align-items: center;
    justify-content: space-between;
}

.pie-job-listings .job-listing a {
	display: flex;
	color: #525257;
	text-decoration: none;
	flex-direction: column;
	padding: 20px;
	 width: calc(100% - 150px);
}

.pie-job-listings .job-listing a.job-apply {
    opacity: 1  ;
    background-color: rgb(160,49,140);
    border-radius: 25px;
    color: #fff;
	font-size: 1em;
    line-height: 1.25em;
    font-weight: 600;
    height: auto;
    right: 0px;
    width: auto !important;
    text-align: center;
    padding: 13px 20px;
    margin-right: 20px;
}

.pie-job-listings .job-listing a.job-apply:hover {
	opacity: 0.9 !important;
}
.pie-job-listings .job-listings-header header select+select {
    margin-right: 0;
}


@media (max-width: 1000px) {
	.pie-job-listings .job-listing a {padding: 0; width: 100%;}
	.pie-job-listings .job-listing .job-name, .pie-job-listings .job-listing .job-location { line-height: normal; padding: 8px 10px 2px 10px;}
	.pie-job-listings .job-listing a.job-apply {  padding: 6px 24px 8px 24px;
		font-size: 14px;
    margin: 10px 10px;
    display: block !important;}
  .pie-job-listings h4 { margin-top: 15px; }
  .pie-job-listings .job-listings-header .container{ padding: 0px; }
  .pie-job-listings .job-listings-header .container .col-xs-12 { padding: 0px; }
  .pie-job-listings .job-listings-header  {top: 78px;}
}

@media (min-width: 768px) {
	.pie-job-listings .job-listing a {
		flex-direction: row
	}
}

.pie-job-listings .job-listing .job-name {
	padding-right: 10px
}

@media (max-width: 767px) {
	.pie-job-listings .job-listing .job-location {
		color: #919197
	}
	.pie-job-listings .col-xs-12 header {
		flex-flow: row wrap;
	}
	.pie-job-listings .job-listings-header header select{
		margin-right:0;
	}
	.job-or {
	    margin-right: 0;
	    font-size: 15px;
	    text-align: center;
	    width: 100%;
	    padding: 5px 0px;
	}
	.opportunities-pie .opportunities-heading h2 {
    font-size: 30px;
}
.pie-job-listings h4 {font-size: 18px;}
.pie-job-listings .job-listing .job-name, .pie-job-listings .job-listing .job-location {
    font-size: 18px;
}
}

@media (min-width: 768px) {
	.pie-job-listings .job-listing .job-location {
		padding-right: 100px
	}
}

.pie-job-listings .job-listing .job-apply {
	color: #0a8080;
	display: none;
	opacity: 0;
	right: 50px;
	width: 50px;
	font-weight: 400
}

@media (min-width: 768px) {
	.pie-job-listings .job-listing .job-apply {
		display: block
	}
}

.pie-job-listings .job-listing .job-apply:after {
	display: inline;
	margin-left: 5px;
	position: relative;
	text-decoration: none !important
}

.pie-job-listings .job-loading-message {
	border: 1px solid #eaeaea;
	border-radius: 4px;
	background: #ffffff;
	padding: 20px 15px 15px 15px
}

@-webkit-keyframes animate-apply-link {
	from {
		right: 50px;
		opacity: 0
	}
	to {
		right: 20px;
		opacity: 1
	}
}

@keyframes animate-apply-link {
	from {
		right: 50px;
		opacity: 0
	}
	to {
		right: 20px;
		opacity: 1
	}
}

section.pie-job-listings {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

#job-listings .container {
    padding: 0 0;
    max-width: 1300px;
    margin: auto;
}

.no_jobs {
    text-align: center;
    padding: 75px !important;
}

.child-parent {
    padding-left: 25px !important;
}