.overlay.video-overlay {
	z-index: -1;
}
.overlay.video-overlay.active{
    position: fixed;
    background: #000000;
    z-index: 10;
    opacity: 40%;
}

#page-content-container .right-photo-gallery-wrapper ~ .right-photo-gallery-wrapper {
    display: none;
}

.wp-block-video {
	text-align: center;
}
.flex{
	display: flex;
}
.flex-1 {
	flex: 1;
}
.flex-2 {
	flex: 2;
}
.flex-3 {
	flex: 3;
}
.flex-4 {
	flex: 4;
}
.flex-col {
	flex-direction: column;
}
.align-center {
	align-self: center;
}
.justify-between {
	justify-content: space-between;
}

.right-photo-gallery-wrapper{
	margin-bottom: -50px;
}
.left-side-text, .right-side-imgs {
	flex: 0 1 50%;
}
.left-side-text {
	box-sizing: border-box;
    padding: 0 50px 0 0;
}
.left-side-text h2{
	font-weight: 400;
}
.right-side-imgs {
	text-align: right;
	display: flex;
	gap: 20px;
	justify-content: flex-end;
}
.img-wrapper{
	position: relative;
}
.img-wrapper .video-button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.img-wrapper.top .video-button, .img-wrapper.bottom .video-button {
	position: absolute;
	top: 50%;
	left: 75%;
	transform: translate(-100%, -35%);
}
.video-button .play-circle{
	height: 80px;
	width: 80px;
	background-color: #ffffff87;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.video-button .play-inner-circle{
	height: 60px;
	width: 60px;
	background-color: #ffffff87;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.video-button .play-triangle{
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 20px solid #7b1081;
	border-bottom: 10px solid transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.img-wrapper.top, .img-wrapper.bottom {
	flex: 0 1 100%;
	justify-content: end;
	display: flex;
}
.img-wrapper.top img, .img-wrapper.bottom img {
	width: 55%;
}
.img-wrapper-middle-outer {
	gap: 20px;
	justify-content: flex-end;
}
.img-wrapper-middle-outer, .img-wrapper.top {
	margin-bottom: 20px;
}
.img-wrapper.middle {
	/* flex: 40%; */
    /* flex: 0 1 auto;*/
    /* max-height: 260px; */
    /* justify-content: flex-end;*/
    /* align-items: flex-end;*/
	display: inline-block;
	height: 200px;
	margin: 0 0 20px 20px;
}
.img-wrapper.middle img, .img-wrapper.middle picture {
	height: 100%;
    width: auto;
    max-width: 100%;
    display: block;
}
.items-center{
	align-items: center;
}
.video-popup iframe {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
    height: 345px;
	z-index: 100;
}
.video-popup .close {
	display: none;
	position: fixed;
	top: 20%;
	left: 85%;
	z-index: 110;
	padding: 20px;
	font-size: 30px;
	cursor: pointer;
}
.video-popup iframe.active, .video-popup .close.active{
	display: block;
}
.adt-carousel-nav {
	display: none;
}

@media screen and (min-width: 1400px) {
	.careers-tab .tab-wrapper.container, .careers-tab h3.container, .right-photo-gallery-wrapper{
		max-width: 1400px !important;
		margin-right: auto !important;
		margin-left: auto !important;  
	}
}

@media screen and (min-width:769px) and (max-width: 950px) {
	.left-side-text {
		flex: 0 1 40%;
	}
	.right-side-imgs {
		flex: 0 1 60%;
	}
}

@media screen and (min-width: 300px) and (max-width: 768px) {
	.adt-carousel-nav {
		display: block;
	}
}
@media screen and (max-width: 768px) {
	/* Carousel */
	.adt-carousel-nav .btn-next, .adt-carousel-nav .btn-prev {
		display: inline-block;
		font-size: 36px;
		margin-right: 10px;
		cursor: pointer;
	}
	.adt-carousel-wrapper {
		width: 250%;
		transition: all 0.2s ease;
		display: flex;
	}
  .right-photo-gallery-wrapper.items-center {
	  margin-bottom: 0px;
	  flex-direction: column-reverse;
	  align-items: flex-start;
  }
  .img-wrapper.diplay-for-mobile {
	/*order: 1; */	
  }
  .img-wrapper.top{
	/*order: 2; */
  }
  .img-wrapper.top img, .img-wrapper.bottom img, .img-wrapper img {
	  width: auto;
	  height: 200px;
  }
  .img-wrapper.middle, .img-wrapper.top, .img-wrapper.bottom {
	flex: 0 1 auto;
    height: 200px;
    width: auto;
    /* max-width: 40%; */
    vertical-align: top;
	margin-right: 20px;
	margin-left: 0;
  }
  .img-wrapper.top .video-button, .img-wrapper.bottom .video-button {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
  }
  .right-side-imgs {
	  text-align: left;
	  display: block;
	  width: 100%;
	  overflow: hidden;
  }

  .video-popup iframe {
  	width: 70%;
  	height: 40vw;
  }
}

@media screen and (max-width: 549px) {
	.img-wrapper.middle, .img-wrapper.top, .img-wrapper.bottom  {
		flex: none;
	}
}

@media screen and (max-width: 500px) {

	.img-wrapper.diplay-for-mobile, .img-wrapper.diplay-for-mobile img {
	    min-width: auto;
	}

	.right-side-imgs {
		text-align: center;
		gap: 0px;
	}
	.left-side-text {
		box-sizing: border-box;
		padding: 20px 0 0 0;
		text-align: center;
	}
	.left-side-text h2 {
		margin-bottom: 20px;
	}
	.img-wrapper.middle, .img-wrapper.top, .img-wrapper.bottom {
		display: none;
	}
	
	.img-wrapper.middle.diplay-for-mobile, .img-wrapper.top.diplay-for-mobile, .img-wrapper.bottom.diplay-for-mobile, .img-wrapper.diplay-for-mobile {
		display: block;
	}
	.video-popup iframe {
		width: 90%;
		height: 28vh;
	}
	.img-wrapper.middle img, .img-wrapper.middle picture {
		height: auto;
		width: 100%;
	}
}
@media screen and (max-width: 383px) {
	.jobs-listing-search-input {
		margin-bottom: 10px;
	}
}