/* Navigation updates */
.jobs-nav ul a{
	margin-left: auto;
	margin-right: auto;
}

.jobs-nav ul a.creative,
.jobs-nav ul a.graphic-design-creative{
	max-width: 144px;
}

.jobs-nav ul a.dev,
.jobs-nav ul a.digital-design-front-end{
	max-width: 150px;
}

.jobs-nav ul a.marketing,
.jobs-nav ul a.motion-graphics-animation{
	max-width: 165px;
}

.jobs-nav ul a.management,
.jobs-nav ul a.client-services-management,
.jobs-nav ul a.client-services-management{
	max-width: 145px;
}

.jobs-nav ul a.brand-strategy-planning{
	max-width: 160px;
}

@media only screen and (max-width:860px){
	.jobs-nav ul a.creative,
	.jobs-nav ul a.graphic-design-creative,
	.jobs-nav ul a.dev,
	.jobs-nav ul a.digital-design-front-end,
	.jobs-nav ul a.management,
	.jobs-nav ul a.client-services-management,
	.jobs-nav ul a.client-services-management{
		max-width: 120px;
	}

	.jobs-nav ul a.marketing,
	.jobs-nav ul a.motion-graphics-animation{
		max-width: 140px;
	}
}

@media only screen and (min-width:861px){
	#block-system-main-menu .menu li{
		margin-right: 5rem;
	}
}

/* Background shape updates for jobs */
.view-jobs-list.graphic-design-creative::before {
    background-image: url(../images/svg/compressed/creative-pattern-1.svg);
    background-repeat: no-repeat;
    background-size: 734px 726px;
    display: block;
    height: 726px;
    width: 734px;
}

.view-jobs-list.graphic-design-creative::before,
.yellow .view-jobs-list.graphic-design-creative::before{
	background-image: url(../images/svg/compressed/creative-pattern-1_yellow.svg);
}

.green .view-jobs-list.graphic-design-creative::before{
	background-image: url(../images/svg/compressed/creative-pattern-1_green.svg);
}

.purple .view-jobs-list.graphic-design-creative::before{
	background-image: url(../images/svg/compressed/creative-pattern-1_purple.svg);
}
@media (min-width: 0px) and (max-width: 1080px) {
  .view-jobs-list.graphic-design-creative:before {
    width: 31.875rem;
    height: 31.875rem;
    background-size:  100% auto !important;
  }
}
@media (min-width: 0px) and (max-width: 600px) {
  .view-jobs-list.graphic-design-creative:before {
    width: 17.8125rem;
    height: 17.8125rem;
  }
}


.view-jobs-list.digital-design-front-end::before {
    background-image: url(../images/svg/compressed/dev-pattern-1.svg);
    background-repeat: no-repeat;
    background-size: 746px 746px;
    display: block;
    height: 746px;
    width: 746px;
}

.view-jobs-list.digital-design-front-end::before,
.yellow .view-jobs-list.digital-design-front-end::before{
	background-image: url(../images/svg/compressed/dev-pattern-1_yellow.svg);
}

.green .view-jobs-list.digital-design-front-end::before{
	background-image: url(../images/svg/compressed/dev-pattern-1_green.svg);
}

.purple .view-jobs-list.digital-design-front-end::before{
	background-image: url(../images/svg/compressed/dev-pattern-1_green.svg);
}


.view-jobs-list.motion-graphics-animation::before {
    background-image: url(../images/svg/compressed/marketing-pattern-1.svg);
    background-repeat: no-repeat;
    background-size: 739px 739px;
    display: block;
    height: 739px;
    width: 739px;
}

.view-jobs-list.motion-graphics-animation::before,
.yellow .view-jobs-list.motion-graphics-animation::before{
	background-image: url(../images/svg/compressed/marketing-pattern-1_yellow.svg);
}

.green .view-jobs-list.motion-graphics-animation::before{
	background-image: url(../images/svg/compressed/marketing-pattern-1_green.svg);
}

.purple .view-jobs-list.motion-graphics-animation::before{
	background-image: url(../images/svg/compressed/marketing-pattern-1_green.svg);
}


.view-jobs-list.client-services-management::before,
.view-jobs-list.client-services-management::before {
    background-image: url(../images/svg/compressed/management-pattern-1.svg);
    background-repeat: no-repeat;
    background-size: 596px 596px;
    display: block;
    height: 596px;
    width: 596px;
}

.view-jobs-list.client-services-management::before,
.yellow .view-jobs-list.client-services-management::before,
.view-jobs-list.client-services-management::before,
.yellow .view-jobs-list.client-services-management::before{
	background-image: url(../images/svg/compressed/management-pattern-1_yellow.svg);
}

.green .view-jobs-list.client-services-management::before,
.green .view-jobs-list.client-services-management::before{
	background-image: url(../images/svg/compressed/management-pattern-1_green.svg);
}

.purple .view-jobs-list.client-services-management::before,
.purple .view-jobs-list.client-services-management::before{
	background-image: url(../images/svg/compressed/management-pattern-1_green.svg);
}

@media (min-width: 0px) and (max-width: 600px) {
  .view-jobs-list.client-services-management:before {
    width: 17.8125rem;
    height: 17.8125rem;
  }
}


/* Footer updates */
.site-footer .footer-logo{
	width: 10%;
}

.site-footer .contact-details{
	width: 22.5%;
}

.site-footer .contact-details .location-marker{
	min-height: 24px;
	padding-left: 25px;
	background: url(../images/svg/compressed/map-marker.svg) left center no-repeat;
	background-size: 20px auto;
}

.site-footer .contact-details .footer-address{
	margin-bottom: 20px;
}

.site-footer .footer-links{
	float: right;
}

.site-footer .footer-address + p + p a{
	border-bottom-color: #000;
}

@media only screen and (max-width:725px){
	.site-footer .footer-logo,
	.site-footer .contact-details,
	.site-footer .footer-links{
		width: 100%;
		margin-bottom: 40px;
		max-width: 100%;
	}

	.site-footer .contact-details h4,
	.site-footer .contact-details .footer-address{
		margin-bottom: 10px;
	}

	.site-footer .footer-links{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		padding-left: 0;
		padding-top: 25px;
	}
}

@media only screen and (min-width:726px) and (max-width:975px){
	.site-footer .footer-logo{
		width: 100%;
		margin-bottom: 20px;
	}
}

@media only screen and (min-width:726px) and (max-width:1365px){
	.site-footer .footer-logo{
		width: 100%;
	}

	.site-footer .contact-details{
		width: 50%;
	}

	.site-footer .footer-logo,
	.site-footer .contact-details:nth-child(2),
	.site-footer .contact-details:nth-child(3){
		margin-bottom: 50px;
	}
}

@media only screen and (min-width:800px){
	.site-footer .grid-container{
		margin-bottom: 100px;
	}

	.site-footer .footer-links{
		width: 70%;
		padding-left: 0;
		padding-right: 0;
		text-align: right;
	}

	.footer-links a{
		display: inline-block;
	}

	.footer-links a + a{
		margin-left: 20px;
	}
}


/* Job's list page updates */
.jobs-page.view-jobs-list .view-title-container{
	margin-bottom: 2rem;
}

.jobs-page.view-jobs-list .view-title-container h1{
	margin-bottom: 1.5rem;
}

.jobs-page.view-jobs-list .view-title-container p{
	max-width: 540px;
	font-weight: bold;
}

.jobs-page.view-jobs-list .view-title-container p:not(:last-child){
	margin-bottom: 2rem;
}

.jobs-page.creative.view-jobs-list .view-title-container,
.jobs-page.client-services.view-jobs-list .view-title-container,
.jobs-page.digital-design-front-end.view-jobs-list .view-title-container,
.jobs-page.client-services-management-end.view-jobs-list .view-title-container,
.jobs-page.client-services-management.view-jobs-list .view-title-container{
	width: 100%;
	max-width: 700px;
}

.jobs-page.technical.view-jobs-list .view-title-container,
.jobs-page.digital-design-front-end.view-jobs-list .view-title-container{
	width: 100%;
	max-width: 950px;
}

.jobs-page.marketing.view-jobs-list .view-title-container,
.jobs-page.motion-graphics-animation.view-jobs-list .view-title-container{
	width: 100%;
	max-width: 850px;
}

.jobs-page.technical.view-jobs-list .view-title-container,
.jobs-page.digital-design-front-end.view-jobs-list .view-title-container{
	max-width: 680px;
}

.jobs-page.marketing.view-jobs-list .view-title-container,
.jobs-page.motion-graphics-animation.view-jobs-list .view-title-container{
	max-width: 745px;
}

@media only screen and (max-width:767px){
	.jobs-page .view-title-container{
		padding-right: 0;
	}
}


/* About page */
.about-page .hero-title{
	margin-bottom: 1rem;
}

.about-page .view-title-container{
	min-width: 240px;
	padding-right: 3rem;
}

.about-page .meet-the-team-contain{
	margin-bottom: 60px;
}

.about-page .meet-the-team-contain .meet-the-team-people-list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	        justify-content: flex-start;
	-ms-flex-line-pack: stretch;
	    align-content: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	        align-items: stretch;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	/*max-width: 940px;*/
}

.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup{
	display: flex;
	flex-direction: column;
	max-width: 460px;
	margin: 0 9px 20px;
}

@media only screen and (min-width:450px){
	.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup .image-with-text-lockup--text,
	.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup .image-with-text-lockup--text .box .box-body{
		flex-grow: 1;
	}

	.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup .image-with-text-lockup--text .box{
		display: flex;
		flex-direction: column;
		height:  100%;
	}
}

@media only screen and (min-width:1140px) {
	.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup{
		width: calc(25% - 18px);
	}
}

@media only screen and (min-width:800px) and (max-width:1139px) {
	.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup{
		width: calc(33.333333333% - 18px);
	}
}

@media only screen and (min-width:450px) and (max-width:799px) {
	.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup{
		width: calc(50% - 18px);
	}
}

@media only screen and (max-width:449px){
	.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup{
		max-width: 100%;
		margin: 0 0 20px;
	}

	.about-page .grid-container{
		margin-left: 0;
		margin-right: 0;
	}
}

.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup--image-inner{
	padding: 0;
}

.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup--image-inner img{
	display: block;
	width: 100%;
	height: auto;
}

.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup .image-with-text-lockup--image,
.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup .image-with-text-lockup--text{
	width: 100%;
	float: none;
	padding: 0;
}

.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup .image-with-text-lockup--text .box{
	border-top: 0;
	padding-bottom: 0;
}

.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup .image-with-text-lockup--text .box .box-title{
	border-bottom: 0;
	padding-bottom: 0;
}

.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup .image-with-text-lockup--text .box .box-body{
	padding-top: 0;
}

.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup .image-with-text-lockup--text .box .box-body p{
	font-size: 1rem;
	margin-bottom: 0;
}

.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup .image-with-text-lockup--text .box .box-body img{
	transform: translateY(-2px);
}

.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup .image-with-text-lockup--text .box .box-body p + p{
	margin-top: 0.3rem;
}

.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup .image-with-text-lockup--text .box .box-body h4{
	margin-bottom: 0;
}

.about-page .image-with-text-lockup--image{
	padding-right: 19px;
}

.about-page .image-with-text-lockup--text{
	padding-left: 0;
	padding-right: 28px;
}

.about-page .image-with-text-lockup--text h4{
	font-size:  16px !important;
}

@media only screen and (max-width:600px){
	.about-page .image-with-text-lockup--image,
	.about-page .image-with-text-lockup--text{
		padding-left: 0;
		padding-right: 0;
	}
}

.about-page .box-buttons{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	border-top: 3px solid #000;
}
.about-page .box-buttons a{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 50%;
	padding: 0.75rem 1.0625rem;
	font-size: 16px;
	font-weight: bold;
}

.about-page .box-buttons a span{
	display: block;
}

.about-page .box-buttons a span,
.about-page .box-buttons a img{
	position: relative;
	z-index: 2;
}

.about-page .box-buttons a:before{
	background: transparent;
	content: "";
	display: block;
	position: absolute;
	top: 0.1875rem;
	right: 0.1875rem;
	bottom: 0.1875rem;
	left: 0.1875rem;
	transition: all 0.2s ease;
	z-index: 1;
}

.about-page .box-buttons a:hover{
	border-bottom: none;
}

.yellow .about-page .box-buttons a:hover:before{ background:#FFC000; }
.green .about-page .box-buttons a:hover:before{ background:#00CEB4; }
.purple .about-page .box-buttons a:hover:before{ background:#FF7BD3; }

.about-page .box-buttons a img{
	display: inline-block;
	margin-right: 10px;
}

.about-page .box-buttons a:first-child{
	border-right: 3px solid #000;
}

.about-page .image-with-text-lockup--text.dan:after{
	display: none !important;
	/*width: 280px;
	height: 280px;
	transform: translateX(-50%);
	background-size: 100% auto;*/
}

.about-page .image-with-text-lockup--text.staff-member-1:after,
.about-page .image-with-text-lockup--text.staff-member-3:after{
	display: none;
}

.about-page .image-with-text-lockup--text.staff-member-2:after{
	display: none !important;
	/*top: -1rem;
	left: 50%;
	width: 280px;
	height: 280px;
	background-size: 100% auto;*/
}

.purple .about-page .image-with-text-lockup--text.staff-member-2:after{
	background-image:url(../images/svg/compressed/about-pattern-4_purple.svg);
}

.yellow .about-page .image-with-text-lockup--text.staff-member-2:after{
	background-image:url(../images/svg/compressed/about-pattern-4_yellow.svg);
}

.green .about-page .image-with-text-lockup--text.staff-member-2:after{
	background-image:url(../images/svg/compressed/about-pattern-4_green.svg);
}

/*.about-page .image-with-text-lockup--text.staff-member-4:after {
	background-image: url(../images/svg/compressed/about-pattern-3.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
	width: 280px;
	height: 280px;
	transform: translateX(-50%);
	
}
.green .about-page .image-with-text-lockup--text.staff-member-4:after {
  background-image: url(../images/svg/compressed/about-pattern-3_green.svg);
}
.yellow .about-page .image-with-text-lockup--text.staff-member-4:after {
  background-image: url(../images/svg/compressed/about-pattern-3_yellow.svg);
}
.purple .about-page .image-with-text-lockup--text.staff-member-4:after {
  background-image: url(../images/svg/compressed/about-pattern-3_purple.svg);
}*/

.about-page .image-with-text-lockup--text.staff-member-4:after,
.about-page .image-with-text-lockup--text.staff-member-5:after{
	display: none !important;
}

.about-page .image-with-text-lockup--text.staff-member-8:after{
	display: none !important;
	/*top: 5rem;*/
	/*left: 50%;
	transform: translateX(-50%);
	width: 320px;
	height: 320px;
	background-size: 100% auto;
	background-image: url(../images/svg/compressed/about-pattern-8.svg);*/
}

.green .image-with-text-lockup--text.staff-member-8:after {
  background-image: url(../images/svg/compressed/about-pattern-8_green.svg);
}
.yellow .image-with-text-lockup--text.staff-member-8:after {
  background-image: url(../images/svg/compressed/about-pattern-8_yellow.svg);
}
.purple .image-with-text-lockup--text.staff-member-8:after {
  background-image: url(../images/svg/compressed/about-pattern-8_purple.svg);
}

@media only screen and (max-width:600px){
	.about-page .image-with-text-lockup--text.staff-member-8:after{
		display: none;
	}
}

.about-page .button-arrow{
	position: relative;
	display: block;
	padding: 0.75rem 1.0625rem;
	width: 100%;
	font-weight: bold;
	border-top: 3px solid #000;
}

.about-page .button-arrow span{
	position: relative;
	display: block;
	z-index: 2;
}

.about-page .button-arrow:before{
	background: transparent;
	content: "";
	display: block;
	position: absolute;
	top: 0.1875rem;
	right: 0.1875rem;
	bottom: 0.1875rem;
	left: 0.1875rem;
	transition: all 0.2s ease;
	z-index: 1;
}

.about-page .button-arrow:hover{
	border-bottom: none;
}

.yellow .about-page .button-arrow:hover:before{ background:#FFC000; }
.green .about-page .button-arrow:hover:before{ background:#00CEB4; }
.pruple .about-page .button-arrow:hover:before{ background:#FF7BD3; }

.about-page .button-arrow:after{
	background-image: url(../images/svg/compressed/forward-arrow.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
	height: 17px;
	width: 34px;
	content: "";
	position: absolute;
	top: 50%;
	right: 1.25rem;
	margin-top: -0.5rem;
	z-index: 10;
}


@media only screen and (min-width:1040px){
	.about-page .hero-container{
		margin-bottom: 260px;
	}

	.about-page .meet-the-team-contain{
		display: flex;
		justify-content: space-between;
		align-content: flex-start;
		align-items: flex-start;
		flex-wrap: nowrap;
	}

	.about-page .view-title-container{
		max-width: 240px;
	}
}

@media only screen and (max-width:860px){
	.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup > :first-child{
		margin-bottom: 0;
	}
}

/*@media only screen and (max-width:600px){
	.about-page .meet-the-team-contain .meet-the-team-people-list .image-with-text-lockup{
		width: 100%;
	}
}*/


/* New homepage intro */

@media only screen and (max-width: 600px){
	.homepage-hero-container {
    	padding-bottom: 1.875rem;
	}
}

.home-intro{
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom: 3px solid #000;
}

.home-intro p{
	position: relative;
	width: 100%;
	max-width: 820px;
	margin: 0 auto;	
	font-size: 1.9rem;
	line-height: 1.2;
	text-align: center;
	font-family: "CooperLtBTWXX-Light",serif;
}

@media only screen and (max-width: 600px){
	.home-intro p{
		font-size: 1.4rem;
	}
}

/* New logo carousel */
.logo-carousel{
	position: relative;
	padding: 60px 0;
	margin-bottom: 60px;
	color: #fff;
	background-color: #000;
}

.logo-carousel .carousel{
	padding: 0 100px;
	margin-bottom: 60px;
}

@media only screen and (max-width:600px){
	.logo-carousel .carousel{
		padding: 0 60px;
	}
}

.logo-carousel:before,
.logo-carousel:after{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	width: 50vw;
	height: 100%;
	background: #000;
	z-index: 1;
}

.logo-carousel:before{
	left: 100%;
}

.logo-carousel:after{
	right: 100%;
}

.logo-carousel .owl-stage,
.logo-carousel .owl-item{
	height: 100%;
}

.logo-carousel .item{
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: 120px;
	padding: 0 10px;
}

.logo-carousel .item img{
	display: block;
	max-height: 100%;
	width: auto;
	max-width: 80%;
}

.logo-carousel .owl-next {
    background-image: url(../images/svg/compressed/slider-right-white.svg);
}

.logo-carousel .owl-prev {
    background-image: url(../images/svg/compressed/slider-left-white.svg);
}

.logo-carousel .form-submit{
	position: relative;
	display: block;
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
	padding-right: 55px;
	color: #fff;
	border-color: #fff;
}

.purple .logo-carousel a.form-submit:hover,
.green .logo-carousel a.form-submit:hover,
.yellow .logo-carousel a.form-submit:hover{
	background-color: #fff;
	color: #000;
	border-bottom-color: #fff !important;
}

.purple .logo-carousel a.form-submit:hover:before,
.green .logo-carousel a.form-submit:hover:before,
.yellow .logo-carousel a.form-submit:hover:before{
	display: none;
}

.logo-carousel a.form-submit:hover:after,
a.arw-btn:after{
	background-image: url(../images/svg/compressed/slider-right.svg);
}

.logo-carousel .form-submit:after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 9px;
	width: 36px;
	height: 17px;
	background: url(../images/svg/compressed/slider-right-white.svg) right center no-repeat;
	background-size: 35px auto;
}

a.arw-btn{
	padding-right: 55px;
}

a.arw-btn:after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 9px;
	width: 36px;
	height: 17px;
	background: url(../images/svg/compressed/slider-right.svg) right center no-repeat;
	background-size: 35px auto;
}

@media only screen and (max-width:600px){
	.logo-carousel .owl-prev, .logo-carousel .owl-next {
	    display: block !important;
	    width: 40px !important;
	}
}

@media only screen and (max-width:768px){}

@media only screen and (min-width:769px){
	.logo-carousel .carousel-intro{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
	}

	.logo-carousel .carousel-intro h2{
		margin-bottom: 80px;
	}

	.logo-carousel .carousel-intro > div{
		max-width: 620px;
	}
}


/* Work with us page */
.wwu-pattern{
	background-image: url(../images/svg/compressed/about-pattern-8.svg);
	background-repeat: no-repeat;
	background-size: 598px 586px;
	display: block;
	height: 586px;
	width: 598px;
	position: absolute;
	top: -11.5625rem;
	right: 0.9375rem;
	z-index: -1;
}

@media only screen and (max-width: 1080px){
	.wwu-pattern {
	    background-size: cover;
	    height: 26.8125rem;
	    width: 27.125rem;
	}
}

@media only screen and (max-width: 860px){
	.wwu-pattern {
	    height: 18.0625rem;
	    width: 18.4375rem;
	    top: -15rem;
	}
}

@media only screen and (max-width: 600px){
	.wwu-pattern {
	    background-size: cover;
	    height: 12.5rem;
	    width: 12.8125rem;
	    top: -6.25rem;
	}
}

.green .wwu-pattern{ background-image: url(../images/svg/compressed/about-pattern-8_green.svg); }
.yellow .wwu-pattern{ background-image: url(../images/svg/compressed/about-pattern-8_yellow.svg); }
.purple .wwu-pattern{ background-image: url(../images/svg/compressed/about-pattern-8_purple.svg); }

.work-with-us-page .image-with-text-lockup {
    margin-bottom: 9.0625rem;
}

.work-with-us-page .image-with-text-lockup--image{
	width: 66.66667%;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.work-with-us-page .image-with-text-lockup--image-inner {
    border: 3px solid #000;
    padding: 1.25rem;
}

.work-with-us-page .image-with-text-lockup--text {
    width: 33.33333%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.work-with-us-page .image-with-text-lockup--text .btn.form-submit{
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding-right: 75px;
	padding-left: 1.25rem;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.work-with-us-page .image-with-text-lockup--text .btn.form-submit:after{
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	right: 1.25rem;
	width: 36px;
	height: 17px;
	background: url(../images/svg/compressed/slider-right.svg) right center no-repeat;
	background-size: 35px auto;
}

.node-type-work-with-us .site-footer{
	margin-top: 0;
}


@media only screen and (max-width:600px){
	.work-with-us-page .hero-container,
	.hero-container.large-margin{
		margin-bottom: 100px;
	}

	.work-with-us-page .image-with-text-lockup {
	    margin-bottom: 2.5rem;
	}

	.work-with-us-page .image-with-text-lockup--text,
	.work-with-us-page .image-with-text-lockup--image{
		float: none;
		clear: both;
		width: 100%;
	}

	.work-with-us-page .image-with-text-lockup--image-inner{
		border-bottom: 0;
	}
}

@media only screen and (min-width:600px) and (max-width:1040px){
	.work-with-us-page .image-with-text-lockup--image{
		width: 75%;
		clear: both;
	}

	.work-with-us-page .image-with-text-lockup--text{
		float: right;
		width: 75%;
		clear: both;
		margin-top: 40px;
	}
}

@media only screen and (min-width:1040px){
	.work-with-us-page .hero-container,
	.hero-container.large-margin{
		margin-bottom: 130px;
	}
}


/*** Single job page overrides with new classes ***/
.single-job.graphic-design-creative:before {
  background-image: url(../images/svg/compressed/creative-pattern-4.svg);
  background-repeat: no-repeat;
  background-size: 561px 561px;
  display: block;
  height: 561px;
  width: 561px;
}
.no-svg .single-job.graphic-design-creative:before {
  background-image: url(../images/png/creative-pattern-4.png);
}
.green .single-job.graphic-design-creative:before {
  background-image: url(../images/svg/compressed/creative-pattern-4_green.svg);
}
.yellow .single-job.graphic-design-creative:before {
  background-image: url(../images/svg/compressed/creative-pattern-4_yellow.svg);
}
.purple .single-job.graphic-design-creative:before {
  background-image: url(../images/svg/compressed/creative-pattern-4_purple.svg);
}
.no-svg .green .single-job.graphic-design-creative:before {
  background-image: url(../images/png/creative-pattern-4_green.png);
}
.no-svg .yellow .single-job.graphic-design-creative:before {
  background-image: url(../images/png/creative-pattern-4_yellow.png);
}
.no-svg .purple .single-job.graphic-design-creative:before {
  background-image: url(../images/png/creative-pattern-4_purple.png);
}
.single-job.graphic-design-creative .post-body:after {
  background-image: url(../images/svg/compressed/creative-pattern-5.svg);
  background-repeat: no-repeat;
  background-size: 320px 317px;
  display: block;
  height: 317px;
  width: 320px;
}
.no-svg .single-job.graphic-design-creative .post-body:after {
  background-image: url(../images/png/creative-pattern-5.png);
}
.green .single-job.graphic-design-creative .post-body:after {
  background-image: url(../images/svg/compressed/creative-pattern-5_green.svg);
}
.yellow .single-job.graphic-design-creative .post-body:after {
  background-image: url(../images/svg/compressed/creative-pattern-5_yellow.svg);
}
.purple .single-job.graphic-design-creative .post-body:after {
  background-image: url(../images/svg/compressed/creative-pattern-5_purple.svg);
}
.no-svg .green .single-job.graphic-design-creative .post-body:after {
  background-image: url(../images/png/creative-pattern-5_green.png);
}
.no-svg .yellow .single-job.graphic-design-creative .post-body:after {
  background-image: url(../images/png/creative-pattern-5_yellow.png);
}
.no-svg .purple .single-job.graphic-design-creative .post-body:after {
  background-image: url(../images/png/creative-pattern-5_purple.png);
}
.single-job.digital-design-front-end:before,
.single-job.brand-strategy-planning:before {
  background-image: url(../images/svg/compressed/dev-pattern-4.svg);
  background-repeat: no-repeat;
  background-size: 560px 560px;
  display: block;
  height: 560px;
  width: 560px;
}

.single-job.brand-strategy-planning:before{
	transform: rotate(45deg);
}

.no-svg .single-job.digital-design-front-end:before,
.no-svg .single-job.brand-strategy-planning:before {
  background-image: url(../images/png/dev-pattern-4.png);
}
.green .single-job.digital-design-front-end:before,
.green .single-job.brand-strategy-planning:before {
  background-image: url(../images/svg/compressed/dev-pattern-4_green.svg);
}
.yellow .single-job.digital-design-front-end:before,
.yellow .single-job.brand-strategy-planning:before {
  background-image: url(../images/svg/compressed/dev-pattern-4_yellow.svg);
}
.purple .single-job.digital-design-front-end:before,
.purple .single-job.brand-strategy-planning:before {
  background-image: url(../images/svg/compressed/dev-pattern-4_purple.svg);
}
.no-svg .green .single-job.digital-design-front-end:before,
.no-svg .green .single-job.brand-strategy-planning:before {
  background-image: url(../images/png/dev-pattern-4_green.png);
}
.no-svg .yellow .single-job.digital-design-front-end:before,
.no-svg .yellow .single-job.brand-strategy-planning:before {
  background-image: url(../images/png/dev-pattern-4_yellow.png);
}
.no-svg .purple .single-job.digital-design-front-end:before,
.no-svg .purple .single-job.brand-strategy-planning:before {
  background-image: url(../images/png/dev-pattern-4_purple.png);
}
.single-job.digital-design-front-end .post-body:after {
  background-image: url(../images/svg/compressed/dev-pattern-5.svg);
  background-repeat: no-repeat;
  background-size: 320px 320px;
  display: block;
  height: 320px;
  width: 320px;
}
.no-svg .single-job.digital-design-front-end .post-body:after {
  background-image: url(../images/png/dev-pattern-5.png);
}
.green .single-job.digital-design-front-end .post-body:after {
  background-image: url(../images/svg/compressed/dev-pattern-5_green.svg);
}
.yellow .single-job.digital-design-front-end .post-body:after {
  background-image: url(../images/svg/compressed/dev-pattern-5_yellow.svg);
}
.purple .single-job.digital-design-front-end .post-body:after {
  background-image: url(../images/svg/compressed/dev-pattern-5_purple.svg);
}
.no-svg .green .single-job.digital-design-front-end .post-body:after {
  background-image: url(../images/png/dev-pattern-5_green.png);
}
.no-svg .yellow .single-job.digital-design-front-end .post-body:after {
  background-image: url(../images/png/dev-pattern-5_yellow.png);
}
.no-svg .purple .single-job.digital-design-front-end .post-body:after {
  background-image: url(../images/png/dev-pattern-5_purple.png);
}
.single-job.motion-graphics-animation:before {
  background-image: url(../images/svg/compressed/marketing-pattern-4.svg);
  background-repeat: no-repeat;
  background-size: 564px 561px;
  display: block;
  height: 561px;
  width: 564px;
}
.no-svg .single-job.motion-graphics-animation:before {
  background-image: url(../images/png/marketing-pattern-4.png);
}
.green .single-job.motion-graphics-animation:before {
  background-image: url(../images/svg/compressed/marketing-pattern-4_green.svg);
}
.yellow .single-job.motion-graphics-animation:before {
  background-image: url(../images/svg/compressed/marketing-pattern-4_yellow.svg);
}
.purple .single-job.motion-graphics-animation:before {
  background-image: url(../images/svg/compressed/marketing-pattern-4_purple.svg);
}
.no-svg .green .single-job.motion-graphics-animation:before {
  background-image: url(../images/png/marketing-pattern-4_green.png);
}
.no-svg .yellow .single-job.motion-graphics-animation:before {
  background-image: url(../images/png/marketing-pattern-4_yellow.png);
}
.no-svg .purple .single-job.motion-graphics-animation:before {
  background-image: url(../images/png/marketing-pattern-4_purple.png);
}
.single-job.motion-graphics-animation .post-body:after {
  background-image: url(../images/svg/compressed/marketing-pattern-5.svg);
  background-repeat: no-repeat;
  background-size: 319px 319px;
  display: block;
  height: 319px;
  width: 319px;
  bottom: -22.5rem;
}
.no-svg .single-job.motion-graphics-animation .post-body:after {
  background-image: url(../images/png/marketing-pattern-5.png);
}
.green .single-job.motion-graphics-animation .post-body:after {
  background-image: url(../images/svg/compressed/marketing-pattern-5_green.svg);
}
.yellow .single-job.motion-graphics-animation .post-body:after {
  background-image: url(../images/svg/compressed/marketing-pattern-5_yellow.svg);
}
.purple .single-job.motion-graphics-animation .post-body:after {
  background-image: url(../images/svg/compressed/marketing-pattern-5_purple.svg);
}
.no-svg .green .single-job.motion-graphics-animation .post-body:after {
  background-image: url(../images/png/marketing-pattern-5_green.png);
}
.no-svg .yellow .single-job.motion-graphics-animation .post-body:after {
  background-image: url(../images/png/marketing-pattern-5_yellow.png);
}
.no-svg .purple .single-job.motion-graphics-animation .post-body:after {
  background-image: url(../images/png/marketing-pattern-5_purple.png);
}
.single-job.client-services-management:before {
  background-image: url(../images/svg/compressed/management-pattern-4.svg);
  background-repeat: no-repeat;
  background-size: 560px 560px;
  display: block;
  height: 560px;
  width: 560px;
}
.no-svg .single-job.client-services-management:before {
  background-image: url(../images/png/management-pattern-4.png);
}
.green .single-job.client-services-management:before {
  background-image: url(../images/svg/compressed/management-pattern-4_green.svg);
}
.yellow .single-job.client-services-management:before {
  background-image: url(../images/svg/compressed/management-pattern-4_yellow.svg);
}
.purple .single-job.client-services-management:before {
  background-image: url(../images/svg/compressed/management-pattern-4_purple.svg);
}
.no-svg .green .single-job.client-services-management:before {
  background-image: url(../images/png/management-pattern-4_green.png);
}
.no-svg .yellow .single-job.client-services-management:before {
  background-image: url(../images/png/management-pattern-4_yellow.png);
}
.no-svg .purple .single-job.client-services-management:before {
  background-image: url(../images/png/management-pattern-4_purple.png);
}
.single-job.client-services-management .post-body:after {
  background-image: url(../images/svg/compressed/management-pattern-5.svg);
  background-repeat: no-repeat;
  background-size: 320px 320px;
  display: block;
  height: 320px;
  width: 320px;
}
.no-svg .single-job.client-services-management .post-body:after {
  background-image: url(../images/png/management-pattern-5.png);
}
.green .single-job.client-services-management .post-body:after {
  background-image: url(../images/svg/compressed/management-pattern-5_green.svg);
}
.yellow .single-job.client-services-management .post-body:after {
  background-image: url(../images/svg/compressed/management-pattern-5_yellow.svg);
}
.purple .single-job.client-services-management .post-body:after {
  background-image: url(../images/svg/compressed/management-pattern-5_purple.svg);
}
.no-svg .green .single-job.client-services-management .post-body:after {
  background-image: url(../images/png/management-pattern-5_green.png);
}
.no-svg .yellow .single-job.client-services-management .post-body:after {
  background-image: url(../images/png/management-pattern-5_yellow.png);
}
.no-svg .purple .single-job.client-services-management .post-body:after {
  background-image: url(../images/png/management-pattern-5_purple.png);
}


/*** Job listing spacing ***/
.view-jobs-list.graphic-design-creative .grid-container li:nth-child(7) {
  margin-left: 50%;
}
.view-jobs-list.graphic-design-creative .grid-container li:nth-child(8) {
  z-index: 0;
}
.view-jobs-list.graphic-design-creative .grid-container li:nth-child(8):before {
  background-image: url(../images/svg/compressed/creative-pattern-2.svg);
  background-repeat: no-repeat;
  background-size: 372px 372px;
  display: block;
  height: 372px;
  width: 372px;
  content: "";
  top: -14.375rem;
  left: -0.9375rem;
}
.no-svg .view-jobs-list.graphic-design-creative .grid-container li:nth-child(8):before {
  background-image: url(../images/png/creative-pattern-2.png);
}
.green .view-jobs-list.graphic-design-creative .grid-container li:nth-child(8):before {
  background-image: url(../images/svg/compressed/creative-pattern-2_green.svg);
}
.yellow .view-jobs-list.graphic-design-creative .grid-container li:nth-child(8):before {
  background-image: url(../images/svg/compressed/creative-pattern-2_yellow.svg);
}
.purple .view-jobs-list.graphic-design-creative .grid-container li:nth-child(8):before {
  background-image: url(../images/svg/compressed/creative-pattern-2_purple.svg);
}
.no-svg .green .view-jobs-list.graphic-design-creative .grid-container li:nth-child(8):before {
  background-image: url(../images/png/creative-pattern-2_green.png);
}
.no-svg .yellow .view-jobs-list.graphic-design-creative .grid-container li:nth-child(8):before {
  background-image: url(../images/png/creative-pattern-2_yellow.png);
}
.no-svg .purple .view-jobs-list.graphic-design-creative .grid-container li:nth-child(8):before {
  background-image: url(../images/png/creative-pattern-2_purple.png);
}
@media (min-width: 0px) and (max-width: 860px) {
  .view-jobs-list.graphic-design-creative .grid-container li:nth-child(8):before {
    width: 17rem;
    height: 17rem;
  }
}
.view-jobs-list.graphic-design-creative .grid-container li:nth-child(14) {
  position: static;
  z-index: 0;
}
.view-jobs-list.graphic-design-creative .grid-container li:nth-child(14):before {
  background-image: url(../images/svg/compressed/creative-pattern-3.svg);
  background-repeat: no-repeat;
  background-size: 387px 384px;
  display: block;
  height: 384px;
  width: 387px;
  content: "";
  bottom: -0.9375rem;
  right: -3.75rem;
}
.no-svg .view-jobs-list.graphic-design-creative .grid-container li:nth-child(14):before {
  background-image: url(../images/png/creative-pattern-3.png);
}
.green .view-jobs-list.graphic-design-creative .grid-container li:nth-child(14):before {
  background-image: url(../images/svg/compressed/creative-pattern-3_green.svg);
}
.yellow .view-jobs-list.graphic-design-creative .grid-container li:nth-child(14):before {
  background-image: url(../images/svg/compressed/creative-pattern-3_yellow.svg);
}
.purple .view-jobs-list.graphic-design-creative .grid-container li:nth-child(14):before {
  background-image: url(../images/svg/compressed/creative-pattern-3_purple.svg);
}
.no-svg .green .view-jobs-list.graphic-design-creative .grid-container li:nth-child(14):before {
  background-image: url(../images/png/creative-pattern-3_green.png);
}
.no-svg .yellow .view-jobs-list.graphic-design-creative .grid-container li:nth-child(14):before {
  background-image: url(../images/png/creative-pattern-3_yellow.png);
}
.no-svg .purple .view-jobs-list.graphic-design-creative .grid-container li:nth-child(14):before {
  background-image: url(../images/png/creative-pattern-3_purple.png);
}
@media (min-width: 0px) and (max-width: 860px) {
  .view-jobs-list.graphic-design-creative .grid-container li:nth-child(14):before {
    width: 17.9375rem;
    height: 17.75rem;
  }
}
.view-jobs-list.graphic-design-creative .grid-container li:nth-child(14) {
  margin-right: 50%;
}
.view-jobs-list.motion-graphics-animation:before {
  background-image: url(../images/svg/compressed/marketing-pattern-1.svg);
  background-repeat: no-repeat;
  background-size: 739px 739px;
  display: block;
  height: 739px;
  width: 739px;
}
.no-svg .view-jobs-list.motion-graphics-animation:before {
  background-image: url(../images/png/marketing-pattern-1.png);
}
.green .view-jobs-list.motion-graphics-animation:before {
  background-image: url(../images/svg/compressed/marketing-pattern-1_green.svg);
}
.yellow .view-jobs-list.motion-graphics-animation:before {
  background-image: url(../images/svg/compressed/marketing-pattern-1_yellow.svg);
}
.purple .view-jobs-list.motion-graphics-animation:before {
  background-image: url(../images/svg/compressed/marketing-pattern-1_purple.svg);
}
.no-svg .green .view-jobs-list.motion-graphics-animation:before {
  background-image: url(../images/png/marketing-pattern-1_green.png);
}
.no-svg .yellow .view-jobs-list.motion-graphics-animation:before {
  background-image: url(../images/png/marketing-pattern-1_yellow.png);
}
.no-svg .purple .view-jobs-list.motion-graphics-animation:before {
  background-image: url(../images/png/marketing-pattern-1_purple.png);
}
@media (min-width: 0px) and (max-width: 1080px) {
  .view-jobs-list.motion-graphics-animation:before {
    width: 30.875rem;
    height: 30.875rem;
  }
}
@media (min-width: 0px) and (max-width: 600px) {
  .view-jobs-list.motion-graphics-animation:before {
    width: 18.375rem;
    height: 18.375rem;
  }
}
.view-jobs-list.motion-graphics-animation .grid-container li:nth-child(3) {
  margin-left: 50%;
}
.view-jobs-list.motion-graphics-animation .grid-container li:nth-child(4) {
  z-index: 0;
}
.view-jobs-list.motion-graphics-animation .grid-container li:nth-child(4):before {
  background-image: url(../images/svg/compressed/marketing-pattern-2.svg);
  background-repeat: no-repeat;
  background-size: 280px 280px;
  display: block;
  height: 280px;
  width: 280px;
  content: "";
  top: -15.3125rem;
  left: -2.5rem;
}
.no-svg .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(4):before {
  background-image: url(../images/png/marketing-pattern-2.png);
}
.green .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(4):before {
  background-image: url(../images/svg/compressed/marketing-pattern-2_green.svg);
}
.yellow .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(4):before {
  background-image: url(../images/svg/compressed/marketing-pattern-2_yellow.svg);
}
.purple .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(4):before {
  background-image: url(../images/svg/compressed/marketing-pattern-2_purple.svg);
}
.no-svg .green .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(4):before {
  background-image: url(../images/png/marketing-pattern-2_green.png);
}
.no-svg .yellow .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(4):before {
  background-image: url(../images/png/marketing-pattern-2_yellow.png);
}
.no-svg .purple .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(4):before {
  background-image: url(../images/png/marketing-pattern-2_purple.png);
}
.view-jobs-list.motion-graphics-animation .grid-container li:nth-child(12) {
  z-index: 0;
}
.view-jobs-list.motion-graphics-animation .grid-container li:nth-child(12):before {
  background-image: url(../images/svg/compressed/marketing-pattern-3.svg);
  background-repeat: no-repeat;
  background-size: 280px 280px;
  display: block;
  height: 280px;
  width: 280px;
  content: "";
  top: -15.3125rem;
  right: -1.875rem;
}
.no-svg .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(12):before {
  background-image: url(../images/png/marketing-pattern-3.png);
}
.green .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(12):before {
  background-image: url(../images/svg/compressed/marketing-pattern-3_green.svg);
}
.yellow .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(12):before {
  background-image: url(../images/svg/compressed/marketing-pattern-3_yellow.svg);
}
.purple .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(12):before {
  background-image: url(../images/svg/compressed/marketing-pattern-3_purple.svg);
}
.no-svg .green .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(12):before {
  background-image: url(../images/png/marketing-pattern-3_green.png);
}
.no-svg .yellow .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(12):before {
  background-image: url(../images/png/marketing-pattern-3_yellow.png);
}
.no-svg .purple .view-jobs-list.motion-graphics-animation .grid-container li:nth-child(12):before {
  background-image: url(../images/png/marketing-pattern-3_purple.png);
}
.view-jobs-list.motion-graphics-animation .grid-container li:nth-child(14) {
  margin-right: 50%;
}
.view-jobs-list.digital-design-front-end:before {
  background-image: url(../images/svg/compressed/dev-pattern-1.svg);
  background-repeat: no-repeat;
  background-size: 746px 746px;
  display: block;
  height: 746px;
  width: 746px;
}
.no-svg .view-jobs-list.digital-design-front-end:before {
  background-image: url(../images/png/dev-pattern-1.png);
}
.green .view-jobs-list.digital-design-front-end:before {
  background-image: url(../images/svg/compressed/dev-pattern-1_green.svg);
}
.yellow .view-jobs-list.digital-design-front-end:before {
  background-image: url(../images/svg/compressed/dev-pattern-1_yellow.svg);
}
.purple .view-jobs-list.digital-design-front-end:before {
  background-image: url(../images/svg/compressed/dev-pattern-1_purple.svg);
}
.no-svg .green .view-jobs-list.digital-design-front-end:before {
  background-image: url(../images/png/dev-pattern-1_green.png);
}
.no-svg .yellow .view-jobs-list.digital-design-front-end:before {
  background-image: url(../images/png/dev-pattern-1_yellow.png);
}
.no-svg .purple .view-jobs-list.digital-design-front-end:before {
  background-image: url(../images/png/dev-pattern-1_purple.png);
}
@media (min-width: 0px) and (max-width: 1080px) {
  .view-jobs-list.digital-design-front-end:before {
    width: 30.3125rem;
    height: 30.3125rem;
  }
}
@media (min-width: 0px) and (max-width: 600px) {
  .view-jobs-list.digital-design-front-end:before {
    width: 17.8125rem;
    height: 17.8125rem;
  }
}
.view-jobs-list.digital-design-front-end .grid-container li:nth-child(7) {
  margin-left: 50%;
}
.view-jobs-list.digital-design-front-end .grid-container li:nth-child(8) {
  z-index: 0;
}
.view-jobs-list.digital-design-front-end .grid-container li:nth-child(8):before {
  background-image: url(../images/svg/compressed/dev-pattern-2.svg);
  background-repeat: no-repeat;
  background-size: 351px 351px;
  display: block;
  height: 351px;
  width: 351px;
  content: "";
  top: -15.3125rem;
  left: -0.625rem;
}
.no-svg .view-jobs-list.digital-design-front-end .grid-container li:nth-child(8):before {
  background-image: url(../images/png/dev-pattern-2.png);
}
.green .view-jobs-list.digital-design-front-end .grid-container li:nth-child(8):before {
  background-image: url(../images/svg/compressed/dev-pattern-2_green.svg);
}
.yellow .view-jobs-list.digital-design-front-end .grid-container li:nth-child(8):before {
  background-image: url(../images/svg/compressed/dev-pattern-2_yellow.svg);
}
.purple .view-jobs-list.digital-design-front-end .grid-container li:nth-child(8):before {
  background-image: url(../images/svg/compressed/dev-pattern-2_purple.svg);
}
.no-svg .green .view-jobs-list.digital-design-front-end .grid-container li:nth-child(8):before {
  background-image: url(../images/png/dev-pattern-2_green.png);
}
.no-svg .yellow .view-jobs-list.digital-design-front-end .grid-container li:nth-child(8):before {
  background-image: url(../images/png/dev-pattern-2_yellow.png);
}
.no-svg .purple .view-jobs-list.digital-design-front-end .grid-container li:nth-child(8):before {
  background-image: url(../images/png/dev-pattern-2_purple.png);
}
@media (min-width: 0px) and (max-width: 860px) {
  .view-jobs-list.digital-design-front-end .grid-container li:nth-child(8):before {
    width: 15.6875rem;
    height: 15.6875rem;
  }
}
.view-jobs-list.digital-design-front-end .grid-container li:nth-child(14) {
  position: static;
  z-index: 0;
}
.view-jobs-list.digital-design-front-end .grid-container li:nth-child(14):before {
  background-image: url(../images/svg/compressed/dev-pattern-3.svg);
  background-repeat: no-repeat;
  background-size: 375px 375px;
  display: block;
  height: 375px;
  width: 375px;
  content: "";
  bottom: -0.9375rem;
  right: -4rem;
}
.no-svg .view-jobs-list.digital-design-front-end .grid-container li:nth-child(14):before {
  background-image: url(../images/png/dev-pattern-3.png);
}
.green .view-jobs-list.digital-design-front-end .grid-container li:nth-child(14):before {
  background-image: url(../images/svg/compressed/dev-pattern-3_green.svg);
}
.yellow .view-jobs-list.digital-design-front-end .grid-container li:nth-child(14):before {
  background-image: url(../images/svg/compressed/dev-pattern-3_yellow.svg);
}
.purple .view-jobs-list.digital-design-front-end .grid-container li:nth-child(14):before {
  background-image: url(../images/svg/compressed/dev-pattern-3_purple.svg);
}
.no-svg .green .view-jobs-list.digital-design-front-end .grid-container li:nth-child(14):before {
  background-image: url(../images/png/dev-pattern-3_green.png);
}
.no-svg .yellow .view-jobs-list.digital-design-front-end .grid-container li:nth-child(14):before {
  background-image: url(../images/png/dev-pattern-3_yellow.png);
}
.no-svg .purple .view-jobs-list.digital-design-front-end .grid-container li:nth-child(14):before {
  background-image: url(../images/png/dev-pattern-3_purple.png);
}
@media (min-width: 0px) and (max-width: 860px) {
  .view-jobs-list.digital-design-front-end .grid-container li:nth-child(14):before {
    width: 17.1875rem;
    height: 17.1875rem;
  }
}
.view-jobs-list.digital-design-front-end .grid-container li:nth-child(14) {
  margin-right: 50%;
}
.view-jobs-list.client-services-management:before {
  background-image: url(../images/svg/compressed/management-pattern-1.svg);
  background-repeat: no-repeat;
  background-size: 596px 596px;
  display: block;
  height: 596px;
  width: 596px;
}
.no-svg .view-jobs-list.client-services-management:before {
  background-image: url(../images/png/management-pattern-1.png);
}
.green .view-jobs-list.client-services-management:before {
  background-image: url(../images/svg/compressed/management-pattern-1_green.svg);
}
.yellow .view-jobs-list.client-services-management:before {
  background-image: url(../images/svg/compressed/management-pattern-1_yellow.svg);
}
.purple .view-jobs-list.client-services-management:before {
  background-image: url(../images/svg/compressed/management-pattern-1_purple.svg);
}
.no-svg .green .view-jobs-list.client-services-management:before {
  background-image: url(../images/png/management-pattern-1_green.png);
}
.no-svg .yellow .view-jobs-list.client-services-management:before {
  background-image: url(../images/png/management-pattern-1_yellow.png);
}
.no-svg .purple .view-jobs-list.client-services-management:before {
  background-image: url(../images/png/management-pattern-1_purple.png);
}
@media (min-width: 0px) and (max-width: 600px) {
  .view-jobs-list.client-services-management:before {
    width: 17.8125rem;
    height: 17.8125rem;
  }
}
@media (min-width: 600px) and (max-width: 1080px) {
  .view-jobs-list.client-services-management:before {
    width: 30.3125rem;
    height: 30.3125rem;
  }
}
.view-jobs-list.client-services-management .grid-container li:nth-child(5) {
  margin-left: calc(50% + 20px);
}
.view-jobs-list.client-services-management .grid-container li:nth-child(6) {
  z-index: 0;
}
.view-jobs-list.client-services-management .grid-container li:nth-child(6):before {
  background-image: url(../images/svg/compressed/management-pattern-2.svg);
  background-repeat: no-repeat;
  background-size: 373px 375px;
  display: block;
  height: 375px;
  width: 373px;
  content: "";
  top: -13.875rem;
  left: -0.9375rem;
}
.no-svg .view-jobs-list.client-services-management .grid-container li:nth-child(6):before {
  background-image: url(../images/png/management-pattern-2.png);
}
.green .view-jobs-list.client-services-management .grid-container li:nth-child(6):before {
  background-image: url(../images/svg/compressed/management-pattern-2_green.svg);
}
.yellow .view-jobs-list.client-services-management .grid-container li:nth-child(6):before {
  background-image: url(../images/svg/compressed/management-pattern-2_yellow.svg);
}
.purple .view-jobs-list.client-services-management .grid-container li:nth-child(6):before {
  background-image: url(../images/svg/compressed/management-pattern-2_purple.svg);
}
.no-svg .green .view-jobs-list.client-services-management .grid-container li:nth-child(6):before {
  background-image: url(../images/png/management-pattern-2_green.png);
}
.no-svg .yellow .view-jobs-list.client-services-management .grid-container li:nth-child(6):before {
  background-image: url(../images/png/management-pattern-2_yellow.png);
}
.no-svg .purple .view-jobs-list.client-services-management .grid-container li:nth-child(6):before {
  background-image: url(../images/png/management-pattern-2_purple.png);
}
@media (min-width: 0px) and (max-width: 860px) {
  .view-jobs-list.client-services-management .grid-container li:nth-child(6):before {
    width: 17.0625rem;
    height: 17.1875rem;
  }
}
.view-jobs-list.client-services-management .grid-container li:nth-child(14) {
  z-index: 0;
}
.view-jobs-list.client-services-management .grid-container li:nth-child(14):before {
  background-image: url(../images/svg/compressed/management-pattern-3.svg);
  background-repeat: no-repeat;
  background-size: 269px 269px;
  display: block;
  height: 269px;
  width: 269px;
  content: "";
  top: -15rem;
  right: 0;
}
.no-svg .view-jobs-list.client-services-management .grid-container li:nth-child(14):before {
  background-image: url(../images/png/management-pattern-3.png);
}
.green .view-jobs-list.client-services-management .grid-container li:nth-child(14):before {
  background-image: url(../images/svg/compressed/management-pattern-3_green.svg);
}
.yellow .view-jobs-list.client-services-management .grid-container li:nth-child(14):before {
  background-image: url(../images/svg/compressed/management-pattern-3_yellow.svg);
}
.purple .view-jobs-list.client-services-management .grid-container li:nth-child(14):before {
  background-image: url(../images/svg/compressed/management-pattern-3_purple.svg);
}
.no-svg .green .view-jobs-list.client-services-management .grid-container li:nth-child(14):before {
  background-image: url(../images/png/management-pattern-3_green.png);
}
.no-svg .yellow .view-jobs-list.client-services-management .grid-container li:nth-child(14):before {
  background-image: url(../images/png/management-pattern-3_yellow.png);
}
.no-svg .purple .view-jobs-list.client-services-management .grid-container li:nth-child(14):before {
  background-image: url(../images/png/management-pattern-3_purple.png);
}
@media (min-width: 0px) and (max-width: 860px) {
  .view-jobs-list.client-services-management .grid-container li:nth-child(14):before {
    width: 16.8125rem;
    height: 16.8125rem;
  }
}
.view-jobs-list.client-services-management .grid-container li:nth-child(12) {
  margin-right: 50%;
}

.single-job.graphic-design-creative .webform-component--upload-portfolio,
.single-job.digital-design-front-end .webform-component--upload-portfolio,
.single-job.motion-graphics-animation .webform-component--upload-portfolio{
	display: block;
}

/* copied from some odd place on the old site */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px,1px,1px,1px);
  overflow: hidden;
  height: 1px;
}




/*** Moved from inline on contact page ***/
/* contact-map class override needed as class sets the bg but don't want styes */
.contact-page .contact-map{
    background: transparent;
    border: none;
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 0;
}
/* end */

.contact-page .hero-subtitle{
	width: 100%;
	max-width: 620px;
}

.contact-page .hero-subtitle p:last-child{
	margin-bottom:  3.125rem;
}

.locations-list{
    padding-left: 0;
}

.locations-list li{
    list-style: none;
}

.locations-list li .location-content{
    background-color: white;
    border: 3px solid #000;
}

.locations-list li .location-content > *{
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem 1.25rem;
}

.locations-list li .location-content > *:not(:last-child){
    border-bottom: 3px solid #000;
}

.locations-list li .location-content > *:last-child{
    border-top: 3px solid #000;
}

.locations-list li .location-content h3{
    margin-bottom: 0;
}

.locations-list li .location-content .location-info,
.locations-list li .location-content .location-info p{
    font-weight: bold;
}

.locations-list li .location-content .location-map iframe{
    width: 100%;
    height: 720px;
    margin-top: -150px;
}

.locations-list li .location-content .location-map{
    height: 410px;
    padding: 0;
    border-top: 1rem solid #fff;
    border-bottom: 1rem solid #fff;
    border-left: 1.25rem solid #fff;
    border-right: 1.25rem solid #fff;
    overflow: hidden;
}

.hero-title.contact-hero-title{
    margin-bottom: 20px;
}

.contact-intro{
    width: 100%;
    max-width: 620px;
    padding-left: 20px;
}

@media only screen and (max-width:400px){
    .webform-client-form .form-textarea {
        height: 4.8rem;
    }
}

@media only screen and (max-width:779px){
    .locations-list li .location-content .location-map iframe{
        height: 600px;
    }

    .locations-list li .location-content .location-map{
        height: 300px;
    }

    .locations-list li .location-content .location-info p{
        margin-bottom: 25px;
    }

    .locations-list li .location-content .location-info div:last-child p{
        margin-bottom: 0;
    }
}

@media only screen and (min-width:780px){
    .locations-list li .location-content .location-info{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
    }

    .locations-list li .location-content .location-info > div{
        width: 50%;
    }


    .locations-list li .location-content .location-info p{
        margin-bottom: 0;
    }

    .locations-list li .location-content .location-info > div:fist-child{
        padding-right: 10px;
    }

    .locations-list li .location-content .location-info > div:last-child{
        padding-left: 10px;
    }
}


/*** Contact forms moved from inline on contact page ***/
.block-webform{
    display: none;
}

.block-webform.active{
    display: block;
}

.webform-container{
    border-top: 0;
}

.form-tabs-contain{
    position: relative;
    margin-bottom: 90px;
    width: 100%;
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}

.form-tabs-contain h3{
    position: relative;
    display: inline-block;
    width: calc(50% - 20px);
    max-width: 450px;
    margin-bottom: 0;
    z-index: 2;
}

.form-tabs-contain h3 + h3{
    margin-left: 40px;
}

.form-tabs-contain h3 a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    border-top: 3px solid #000;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    border-bottom: 0;
    color: #fff;
    background: #000;
    transition: all 0.3s;
    cursor: pointer;
}

.form-tabs-contain h3 a.active,
.form-tabs-contain h3 a:hover{
    color: #000;
    background-color: #fff;
}

.form-tabs-contain::after{
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 1;
}

@media only screen and (max-width:779px){
    .form-tabs-contain h3 + h3{
        margin-left: 10px;
    }
}



/* Job listings */
ul.job_listings li.job_listing a{
	padding: 0 !important;
}

ul.job_listings{
	border: 0 !important;
}

ul.job_listings li.job_listing{
	background-color: #fff;
}

ul.job_listings li.job_listing a{
	border: 3px solid #000 !important;
}

@media only screen and (max-width: 779px){
	.jobs-page.view-jobs-list{
		margin-top: 0;
	}

	ul.job_listings li.job_listing:nth-child(1n+2){
		margin-top: 1.25rem;
	}
}

@media only screen and (max-width: 559px){
	ul.job_listings li.job_listing:nth-child(1n+2){
		margin-top: 1.25rem;
	}
}

@media only screen and (min-width: 600px){
	ul.job_listings{
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		flex-wrap: wrap;
		width: calc(100% + 40px);
		margin-left: -20px !important;
	}

	ul.job_listings li.job_listing{
		width: calc(50% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}

	ul.job_listings li.job_listing a{
		height: 100%;
	}

	ul.job_listings li.job_listing:nth-child(1n+3){
		margin-top: 2.3125rem;
	}

	.view-jobs-list.all-jobs .grid-container li:nth-child(7),
	.view-jobs-list.motion-graphics-animation .grid-container li:nth-child(3),
	.view-jobs-list.graphic-design-creative .grid-container li:nth-child(7),
	.view-jobs-list.digital-design-front-end .grid-container li:nth-child(7){
		margin-left: calc(50% + 20px) !important;
	}
}

  @media only screen and (max-width: 860px){
		.jobs-page.view-jobs-list {
		  margin-top: 0 !important;
		}
	}

.pager{
	width: 100%;
	padding: 0 3.125rem !important;
	margin: 2.3125rem 0 0 !important;
	border: 0 !important;
}

.pager .pager-current, .pager .pager-item a{
	margin-left: -0.2em !important;
}

nav.job-manager-pagination ul li a:hover,
nav.job-manager-pagination ul li span.current{
	color: inherit !important;
	background: inherit !important;
}

.job-manager-pagination ul li.pager-next a:hover,
.job-manager-pagination ul li.pager-previous a:hover{
	background-repeat: no-repeat !important;
	background-color: inherit !important;
}

.job-manager-pagination ul li.pager-next a:hover{
	background-image: url(../images/svg/compressed/forward-arrow.svg) !important;
}

.job-manager-pagination ul li.pager-previous a:hover{
	background-image: url(../images/svg/compressed/back-arrow.svg) !important;
}

nav.job-manager-pagination ul li,
#content nav.job-manager-pagination ul li{
	border: 0 !important;
	float: none !important;
	display: inline-block !important;
	overflow: visible !important;
}

nav.job-manager-pagination ul li a,
nav.job-manager-pagination ul li span,
#content nav.job-manager-pagination ul li a,
#content nav.job-manager-pagination ul li span{
	font-size: 1.125rem !important;
	line-height: 1.5625rem !important;
	font-weight: 700 !important;
	padding: 0 !important;
}

.pager .pager-current,
.pager .pager-item a{
	border: 3px solid #000 !important;
	border-bottom-color: rgb(0, 0, 0);
	display: inline-block;
	font-size: 1rem;
	height: 3.125rem;
	width: 3.125rem;
	line-height: 1.375rem;
	margin-left: -0.4375rem;
	padding: 0.75rem !important;
	position: relative;
	text-align: center;
}

div.job_listings .job-manager-pagination {
  padding: 0 !important;
  border-bottom: 0 !important;
}

.captcha{
	display: none;
}


@media only screen and (max-width:600px){
	.desktop-menu{
		display: none;
	}
}

@media only screen and (min-width:601px){
	.mobile-menu{
		display: none;
	}
}


.jobs-page.view-jobs-list .view-title-container{
	width: 100%;
	max-width: 720px;
}


.wpcf7-spinner{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%,100%);
}

.checkbox-container .wpcf7-list-item-label{
	display:  none;
}


.page-template-page-alt-thank-you .jobs-page.view-jobs-list .view-title-container{
	max-width:  920px;
}


/* New shape header patterns */
.triangles-pattern{
	position: absolute;
	top: 12.5rem;
	right: 3.125rem;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: 739px 739px;
	display: block;
	height: 739px;
	width: 739px;
}

.yellow .triangles-pattern{ background-image: url(../images/svg/compressed/marketing-pattern-1_yellow.svg); }
.green .triangles-pattern{ background-image: url(../images/svg/compressed/marketing-pattern-1_green.svg); }
.purple .triangles-pattern{ background-image: url(../images/svg/compressed/marketing-pattern-1_purple.svg); }

@media only screen and (max-width: 600px){
	.triangles-pattern{
		top: 6.5625rem;
		right: 0;
		width: 18.375rem;
		height: 18.375rem;
		background-size: cover !important;
	}
}

@media only screen and (min-width: 601px) and (max-width: 1080px){
	.triangles-pattern{
		top: 6.5625rem;
		right: 0.9375rem;
		width: 30.875rem;
		height: 30.875rem;
		background-size: cover !important;
	}
}


.squares-pattern{
	position: absolute;
	top: 12.5rem;
	right: 3.125rem;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: 746px 746px;
	display: block;
	height: 746px;
	width: 746px;
}

.yellow .squares-pattern{ background-image: url(../images/svg/compressed/dev-pattern-1_yellow.svg); }
.green .squares-pattern{ background-image: url(../images/svg/compressed/dev-pattern-1_green.svg); }
.purple .squares-pattern{ background-image: url(../images/svg/compressed/dev-pattern-1_purple.svg); }

@media only screen and (max-width: 600px){
	.squares-pattern{
		top: 6.5625rem;
		right: 0;
		width: 17.8125rem;
		height: 17.8125rem;
		background-size: cover !important;
	}
}

@media only screen and (min-width: 601px) and (max-width: 1080px){
	.squares-pattern{
		top: 6.5625rem;
		right: 0.9375rem;
		width: 30.3125rem;
		height: 30.3125rem;
		background-size: cover !important;
	}
}


.circles-pattern{
	position: absolute;
	top: 12.5rem;
	right: 3.125rem;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: 734px 726px;
	display: block;
	height: 726px;
	width: 734px;
}

.yellow .circles-pattern{ background-image: url(../images/svg/compressed/creative-pattern-1_yellow.svg); }
.green .circles-pattern{ background-image: url(../images/svg/compressed/creative-pattern-1_green.svg); }
.purple .circles-pattern{ background-image: url(../images/svg/compressed/creative-pattern-1_purple.svg); }

@media only screen and (max-width: 600px){
	.circles-pattern{
		top: 6.5625rem;
		right: 0;
		width: 17.8125rem;
		height: 17.8125rem;
		background-size: 100% auto !important;
	}
}

@media only screen and (min-width: 601px) and (max-width: 1080px){
	.circles-pattern{
		top: 6.5625rem;
		right: 0.9375rem;
		width: 31.875rem;
		height: 31.875rem;
		background-size: 100% auto !important;
	}
}


.thickradial-pattern{
	position: absolute;
	top: 12.5rem;
	right: 3.125rem;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: 596px 596px;
	display: block;
	height: 596px;
	width: 596px;
}

.yellow .thickradial-pattern{ background-image: url(../images/svg/compressed/management-pattern-1_yellow.svg); }
.green .thickradial-pattern{ background-image: url(../images/svg/compressed/management-pattern-1_green.svg); }
.purple .thickradial-pattern{ background-image: url(../images/svg/compressed/management-pattern-1_purple.svg); }

@media only screen and (max-width: 600px){
	.thickradial-pattern{
		top: 6.5625rem;
		right: 0;
		width: 17.8125rem;
		height: 17.8125rem;
		background-size: cover !important;
	}
}

@media only screen and (min-width: 601px) and (max-width: 1080px){
	.thickradial-pattern{
		top: 6.5625rem;
		right: 0.9375rem;
		width: 30.3125rem;
		height: 30.3125rem;
		background-size: cover !important;
	}
}


.thinradial-pattern{
	z-index: -1;
	background-repeat: no-repeat;
	background-size: 778px 778px;
	display: block;
	height: 778px;
	width: 778px;
	position: absolute;
	top: 10.9375rem;
	right: 3.125rem;
}

.yellow .thinradial-pattern{ background-image: url(../images/svg/compressed/contact-pattern-1_yellow.svg); }
.green .thinradial-pattern{ background-image: url(../images/svg/compressed/contact-pattern-1_green.svg); }
.purple .thinradial-pattern{ background-image: url(../images/svg/compressed/contact-pattern-1_purple.svg); }

@media only screen and (max-width: 600px){
	.thinradial-pattern{
		height: 17.1875rem;
		width: 17.1875rem;
		top: 6.25rem;
		right: -3.75rem;
		background-size: cover !important;
	}
}

@media only screen and (min-width: 601px) and (max-width: 860px){
	.thinradial-pattern{
		height: 27.3125rem;
		width: 27.3125rem;
		top: 6.5625rem;
		right: 0.9375rem;
		background-size: cover !important;
	}
}

@media only screen and (min-width: 861px) and (max-width: 1080px){
	.thinradial-pattern{
		height: 37.3125rem;
	  width: 37.3125rem;
	  right: 0.9375rem;
		background-size: cover !important;
	}
}



.jobs-nav ul a.brand-strategy-planning:before,
.jobs-nav ul a.brand-strategy-planning:after{
	content: '';
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
	height: 155px;
	width: 155px;
	margin-left: -4.875rem;
}

.jobs-nav ul a.brand-strategy-planning:before{
	background-image: url(../images/brand-menu-shape.svg);
}

.green .jobs-nav ul a.brand-strategy-planning:after{
	background-image: url(../images/brand-menu-shape-green.svg);
}

.yellow .jobs-nav ul a.brand-strategy-planning:after{
	background-image: url(../images/brand-menu-shape-yellow.svg);
}

.purple .jobs-nav ul a.brand-strategy-planning:after{
	background-image: url(../images/brand-menu-shape-purple.svg);
}

.jobs-nav ul li{
	width: 20%;
}

.jobs-nav ul .view-all{
	bottom:  -20vh;
}

body.menu-visible{
	overflow: hidden;
}

.site-overlay{
	height: 100vh;
}

@media only screen and (min-width: 1200px){
	/* Hacky but forces first item to the end */
	.jobs-nav ul li:first-child{
		float: right;
	}
}


@media only screen and (max-width: 1199px){
	.site-overlay .container{
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.site-overlay .overlay-inner{
		height: auto;
	}

	.site-overlay .container{
		padding-bottom: 150px;
	}

	.jobs-nav ul{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-content: flex-start;
		align-items: flex-start;
	}

	.jobs-nav ul li:not(.view-all):first-child{
		order: 5;
	}

	.jobs-nav ul li:not(.view-all):nth-child(2){
		order: 1;
	}

	.jobs-nav ul li:not(.view-all):nth-child(3){
		order: 2;
	}

	.jobs-nav ul li:not(.view-all):nth-child(4){
		order: 3;
	}

	.jobs-nav ul li:not(.view-all):nth-child(5){
		order: 4;
	}

	.jobs-nav ul li.view-all{
		order: 6;
	}


	.jobs-nav ul .view-all{
		position: relative;
		bottom: auto;
		margin-top: 25px;
	}

	.jobs-nav{
		position: relative;
		top: auto;
		transform: translateY(0);
		padding: 150px 0 0;
	}

	.jobs-nav ul li{
		float: none;
		width: 100%;
		margin-bottom: 70px;
	}

	.jobs-nav ul li:not(.view-all){
		position: relative;
		height: calc(8vh + 40px) !important;
		padding: 20px 0 20px 0 !important;
		margin-bottom: 0;
	}

	.jobs-nav ul li:not(.view-all):after{
		content: '';
		position: absolute;
		display: block;
		bottom: 0;
		left: -10vw;
		width: 120vw;
		height: 1px;
		background: rgba(255,255,255,0.2);
	}

	.jobs-nav ul li:not(.view-all):first-child:before{
		content: '';
		position: absolute;
		display: block;
		top: 0;
		left: -10vw;
		width: 120vw;
		height: 1px;
		background: rgba(255,255,255,0.2);
	}

	.jobs-nav ul li:not(.view-all) a{
		display: flex !important;
		justfiy-content: left !important;
		align-items: center !important;
		align-content: center !important;
		width: 100% !important;
		max-width: 400px !important;
		height: 8vh !important;
		padding: 0 0 0 20vh !important;
		margin: 0 !important;
		font-size: 20px !important;
		text-align: left !important;
		line-height: 1.4;
	}

	.jobs-nav ul li a.motion-graphics-animation{
		max-width: 425px !important;
	}

	.jobs-nav ul li:not(.view-all) a:before,
	.jobs-nav ul li:not(.view-all) a:after{
		top: 50% !important;
		transform: translate(0, -50%) !important;
		left: 0 !important;
		margin-left: 0 !important;
		width: 8vh !important;
		height: 8vh !important;
		line-height: 1.4;
		background-size: 100% auto !important;
	}

	.jobs-nav ul li:not(.view-all) a span{
		display: block;
		width: 100%;
	}

	.jobs-nav ul a.marketing span, .jobs-nav ul a.motion-graphics-animation span{
		max-width: 170px !important;
	}

	.jobs-nav ul a.management span, .jobs-nav ul a.client-services-management span, .jobs-nav ul a.client-services-management span{
		max-width: 150px !important;
	}

	.jobs-nav ul a.creative span, .jobs-nav ul a.graphic-design-creative span,
	.jobs-nav ul a.brand-strategy-planning span{
		max-width: 160px !important;
	}

	.jobs-nav ul a.dev span, .jobs-nav ul a.digital-design-front-end span{
		max-width: 150px !important;
	}
}

@media only screen and (max-width: 600px){
	.site-overlay .overlay-inner{
		padding-top: 70px;
	}

	#block-system-main-menu .menu li{
		text-align: left !important;
		margin-bottom: 15px !important;
	}

	.jobs-nav{
		padding: 0 !important;
	}

	.jobs-nav ul li:not(.view-all){
		height: auto !important;
		margin: 0 !important;
		padding: 20px 0 20px 0 !important;
	}

	.jobs-nav ul li:not(.view-all) a{
		max-width: 245px !important;
		height: 40px !important;
		padding: 0 0 0 75px !important;
		font-size: 1rem !important;
	}

	.jobs-nav ul li a.motion-graphics-animation{
		  max-width: 260px !important;
	}

	.jobs-nav ul li:not(.view-all) a:before,
	.jobs-nav ul li:not(.view-all) a:after{
		width: 40px !important;
		height: 40px !important;
	}

	.jobs-nav ul a.marketing span, .jobs-nav ul a.motion-graphics-animation span{
		max-width: 130px !important;
	}

	.jobs-nav ul a.management span, .jobs-nav ul a.client-services-management span, .jobs-nav ul a.client-services-management span,
	.jobs-nav ul a.creative span, .jobs-nav ul a.graphic-design-creative span,
	.jobs-nav ul a.brand-strategy-planning span{
		max-width: 120px !important;
	}

	.jobs-nav ul a.dev span, .jobs-nav ul a.digital-design-front-end span{
		max-width: 110px !important;
	}
}


.view-jobs-list.brand-strategy-planning:before {
  background-image: url(../images/brand-menu-shape.svg);
  background-repeat: no-repeat;
  background-size: 746px 746px;
  display: block;
  height: 746px;
  width: 746px;
}

.green .view-jobs-list.brand-strategy-planning:before {
  background-image: url(../images/brand-menu-shape-green.svg);
}

.purple .view-jobs-list.brand-strategy-planning:before {
  background-image: url(../images/brand-menu-shape-purple.svg);
}

.yellow .view-jobs-list.brand-strategy-planning:before {
  background-image: url(../images/brand-menu-shape-yellow.svg);
}

@media only screen and (max-width: 1080px){
	.view-jobs-list.brand-strategy-planning:before{
		width: 30.3125rem;
		height: 30.3125rem;
	}
}

@media only screen and (max-width: 600px){
	.view-jobs-list.brand-strategy-planning:before{
		width: 17.8125rem;
  	height: 17.8125rem;
	}
}


.locations-list.simplified-list li .location-content > *{
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

.locations-list.simplified-list li .location-content{
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	background: transparent;
}

.locations-list.simplified-list li .location-content h3{
	padding-top: 35px;
	padding-left: 44px;
	font-size: 42px;
}

.locations-list.simplified-list li .location-content h3 svg{
	position: absolute;
	display: block;
	top: 33px;
	left: 0;
	width: 26px;
	height: auto;
}

.yellow .locations-list.simplified-list li .location-content h3 svg path{
	fill: #FFC000;
}

.purple .locations-list.simplified-list li .location-content h3 svg path{
	fill: #FF7BD3;
}

.green .locations-list.simplified-list li .location-content h3 svg path{
	fill: #00CEB4;
}

.locations-list.simplified-list li{
	max-width: 620px;
}

.locations-list.simplified-list li.views-row-even{
	float: right !important;
}

.locations-list.simplified-list li .location-content > .location-info{
	padding-top: 30px;
}

.locations-list.simplified-list li .location-content .location-info,
.locations-list.simplified-list li .location-content .location-info p{
	font-weight: 400;
}

.locations-list.simplified-list li .location-content > *:first-child{
	max-width: 200px;
}

.locations-list.simplified-list li .location-content > *:last-child{
	border-top: 0;
}

.locations-list.simplified-list li .location-content > *:not(:last-child){
	border-bottom: 0;
}

@media only screen and (min-width:801px){
		.contact-page .contact-pattern-1 {
		  height: 559px;
		  width: 559px;
			background-size: 100% auto;
		}
}


/* New tabs module */
.tabs-module .block-webform{
	width:  100%;
	max-width: 980px;
}

.tabs-module .tab-contain .tab h2{
	font-size: 48px;
	margin-bottom: 35px;
	line-height: 1;
}

.tabs-module .tab-contain .tab p{
	margin-bottom: 30px;
}

.tabs-module .tab-contain .tab p:first-of-type{
	font-family: "CooperLtBTWXX-Light",serif;
	font-size: 28px;
	line-height: 34px;
}

.tabs-module .tab-contain .tab.img{
	text-align: center;
}

.tabs-module .tab-contain .tab.img img{
	disply: inline-block;
	height: auto;
}

@media only screen and (max-width: 799px){
	.tabs-module .tab-contain .tab.img{
		margin-bottom: 35px;
	}

	.tabs-module .tab-contain .tab.content{
		text-align: center;
	}

	.tabs-module .tab-contain .tab.img{
		display: none;
	}
}

@media only screen and (min-width: 800px){
	.tabs-module .tab-contain.active{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
	}

	.tabs-module .tab-contain .tab{
		width: 48%;
	}

	.tabs-module .tab-contain .tab.img img{
		max-width: 80%;
	}
}


.icon-text-cols{
	position: relative;
	text-align: center;
}

.icon-text-cols.dark-clr{
	color: #fff;
	background: #000;
}

.icon-text-cols .columns{
	position: relative;
	z-index: 2;
}

.icon-text-cols.dark-clr:before,
.icon-text-cols.dark-clr:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 50vw;
	height: 100%;
	background: #000;
	z-index: 1;
}

.icon-text-cols.dark-clr:before{
	right: 98%;
}

.icon-text-cols.dark-clr:after{
	left: 98%;
}

.icon-text-cols img{
	display: inline-block;
	width: 100%;
	max-width: 120px;
	margin-bottom: 40px;
}

.icon-text-cols p{
	display: block;
	width: 100%;
}

.icon-text-cols p:first-of-type{
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 20px;
}

.icon-text-cols p:last-child{
	margin-bottom: 0;
}

@media only screen and (max-width: 600px){
	.icon-text-cols{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.icon-text-cols .col + .col{
		margin-top: 50px;
	}
}

@media only screen and (min-width: 601px){
	.icon-text-cols .columns{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
	}

	.icon-text-cols{
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.icon-text-cols .col{
		padding: 0 40px;
	}

	.icon-text-cols .col:nth-child(1n+3){
		margin-top: 50px;
	}
}


@media only screen and (min-width: 601px) and (max-width:1024px){
	.icon-text-cols .columns{
		flex-wrap: wrap;
	}

	.icon-text-cols .col{
		width: 50%;
	}
}

@media only screen and (min-width: 1025px){
	.icon-text-cols .col{
		width: 25%;
	}

	.icon-text-cols .col:nth-child(1n+3){
		margin-top: 0;
	}
}


/*** Careers page dev ***/
.about-page.img-header .about-pattern-1{
	right: -5rem;
	background-size: 100% auto;
	background-image: url(../images/careers-shape.svg);
}

.about-page.img-header .hero-title{
	width: 100%;
}

.about-page.img-header h1{
	line-height: 1.1;
}

.about-page.img-header img{
	margin-left: -5rem;
}

.yellow .about-page.img-header .about-pattern-1{ background-image: url(../images/careers-shape-yellow.svg); }

.green .about-page.img-header .about-pattern-1{ background-image: url(../images/careers-shape-green.svg); }

.purple .about-page.img-header .about-pattern-1{ background-image: url(../images/careers-shape-purple.svg); }


@media only screen and (max-width: 600px){
	.about-page.img-header h1{
		margin-bottom: 30px;
	}

	.about-page.img-header .about-pattern-1{
		width: 250px;
		height: 250px;
		top: -5rem;
	}
}


@media only screen and (min-width: 601px){
	.about-page.img-header h1{
		margin-bottom: 100px;
	}

	.about-page.img-header .about-pattern-1{
		top: -5rem;
	}
}


@media only screen and (min-width: 1025px){
	.about-page.img-header h1{
		font-size: 120px;
	}

	.about-page.img-header .about-pattern-1{
		height: 560px;
		width: 560px;
	}
}

.home-intro.large-text-left{
	border-bottom:  0;
	padding-bottom:  0;
}

.home-intro.large-text-left p{
	max-width: 1380px;
	text-align: left;
}

@media only screen and (min-width: 801px){
	.home-intro.large-text-left p{
		font-size: 56px;
	}
}


.img-text-shape-cols{
	position: relative;
	width: 100%;
}

.img-text-shape-cols .columns{
	width: 100%;
}

.img-text-shape-cols .col{
	position: relative;
}

.img-text-shape-cols .text-col{
	font-size: 20px;
}

.img-text-shape-cols .img-col img{
	position: relative;
	display: block;
	width: 100%;
	z-index: 2;
}

.img-text-shape-cols .text-col > div{
	position: relative;
	width: 100%;
	max-width: 380px;
	margin: 0 auto;
}


@media only screen and (max-width: 800px){
	.img-text-shape-cols,
	.img-text-shape-cols .img-col{
		margin-bottom: 50px;
	}
}

@media only screen and (min-width: 801px){
	.img-text-shape-cols{
		margin-bottom: 100px;
	}

	.img-text-shape-cols{
		padding-top: 140px;
	}

	.img-text-shape-cols .columns{
		display: flex;
		justify-content: space-between;
		align-items: center;
		align-content: center;
		flex-wrap: nowrap;
	}

	.img-text-shape-cols .text-col{
		width: 50%;
		padding: 0 30px;
	}

	.img-text-shape-cols .img-col{
		width: calc(50% + 5rem);
		transform: translateX(-5rem);
		flex-shrink: 0;
	}

	.img-text-shape-cols .img-col:after{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 320px;
		height: 320px;
		transform:  translate(30%,-30%);
		background: url(../images/careers-shape-small.svg);
		z-index: 1;
	}

	.yellow .img-text-shape-cols .img-col:after{ background: url(../images/careers-shape-small-yellow.svg); }

	.purple .img-text-shape-cols .img-col:after{ background: url(../images/careers-shape-small-purple.svg); }

	.green .img-text-shape-cols .img-col:after{ background: url(../images/careers-shape-small-green.svg); }
}


.three-column-text{
	font-size: 20px;
}

.three-column-text h2{
	font-size: 110px;
	line-height: 1;
}

.three-column-text .col.text-col{
	max-width: 405px;
}


@media only screen and (max-width: 800px){
	.three-column-text{
		margin-bottom: 50px;
	}

	.three-column-text h2{
		margin-bottom: 3.125rem;
		font-size: 47px;
	}

	.three-column-text .col.text-col{
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 801px){
	.three-column-text{
		margin-bottom: 100px;
	}

	.three-column-text .columns{
		display: flex;
		justify-content: space-between;
		align-content: flex-start;
		align-items: flex-start;
	}

	.three-column-text .col{
		width: 33.3%;
	}

	.three-column-text .col + .col{
		padding-left: 25px;
	}

	.three-column-text .col.title-col{
		max-width: 455px;
	}
}


.full-screen-carousel{
	width: 128vw;
	transform:  translateX(-28vw);
}

.full-screen-carousel + .container .main-wrapper{
	padding-top: 0;
}

.full-screen-carousel .owl-stage-outer{
	border-top: 0;
	border-bottom: 0;
}

.full-screen-carousel .owl-stage{
	display: flex;
	align-items: center;
	align-content: center;
}

.full-screen-carousel .owl-item{
	width: 35vw !important;
	padding: 0 1.5vw;
}

.full-screen-carousel .owl-item img{
	display: block;
	width: 100%;
}

@media only screen and (max-width: 600px){
	.full-screen-carousel{
		width: 110vw;
		transform:  translateX(-5vw);
		margin-bottom: 50px;
	}

	.full-screen-carousel .owl-item{
		width: 80vw !important;
		padding: 0 1.5vw;
	}
}

@media only screen and (min-width: 601px){
	.full-screen-carousel{
		margin-bottom: 100px;
	}
}


.title-list-columns h2{
	font-size: 110px;
	line-height: 1;
}

@media only screen and (max-width: 800px){
	.title-list-columns{
		margin-bottom: 50px;
	}

	.title-list-columns h2{
		margin-bottom: 50px;
		font-size: 47px;
	}
}

@media only screen and (min-width: 801px){
	.title-list-columns{
		margin-bottom: 100px;
	}

	.title-list-columns h2{
		margin-bottom: 150px;
	}

	.title-list-columns .columns{
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
		max-width: 1020px;
		margin-left: auto;
	}

	.title-list-columns .col{
		width: 48.5%;
		max-width: 460px;
	}
}



.accordion-module .accordion-item{
	border-bottom: 2px solid #000000;
}

.accordion-module .accordion-item:first-child{
	border-top: 2px solid #000000;
}

.accordion-module .accordion-item img{
	position: absolute;
	top: 68px;
	right: 0;
}

.accordion-module a[href]{
	font-weight: 600;
}

.accordion-module .accordion-trigger{
	position: relative;
	padding: 50px 0;
	width: 100%;
	cursor: pointer;
	font-family: "CooperLtBTWXX-Light", serif;
	text-decoration: none;
}

.accordion-module .accordion-content{
	display: none;
	padding: 0 0 50px;
}

.accordion-module .accordion-trigger span{
	display:  block;
	font-weight: 600;
	font-size: 20px;
}

@media only screen and (max-width: 600px){
	.accordion-module{
		margin-bottom: 50px;
	}

	.accordion-module h2,
	.accordion-module .accordion-trigger{
		font-size: 47px;
		line-height: 1.1;
	}
}

@media only screen and (min-width: 601px){
	.accordion-module{
		margin-bottom: 100px;
	}

	.accordion-module h2,
	.accordion-module .accordion-trigger{
		font-size: 48px;
		line-height: 1.1;
	}

	.accordion-module .intro{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
	}

	.accordion-module .intro > *{
		width: 48%;
		max-width: 620px;
	}
}


.quote-carousel{
	padding:  120px 0;
	width: calc(100% + 10rem);
	transform: translateX(-5rem);
	background: #000;
	overflow: hidden;
}

.quote-carousel .owl-stage-outer{
	border-top: 0;
	border-bottom: 0;
}

.quote-carousel .carousel{
	position: relative;
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	background: #ffffff;
	z-index: 2;
}

.quote-carousel .owl-nav{
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.quote-carousel .owl-next,
.quote-carousel .owl-prev{
	position: relative;
	display: inline-block !important;
	top: auto;
	left: auto;
	right: auto;
	width: 35px !important;
	height: 16px;
	background-size: 100% auto;
}

.quote-carousel .owl-next{
	margin-left: 30px;
}

.quote-carousel .quote-content .quote-text{
	font-family: "CooperLtBTWXX-Light", serif;
	font-size: 40px;
	line-height: 1.1;
}

.quote-carousel .quote-content span{
	position: relative;
	display: block;
	width: 100%;
}

.quote-carousel .quote-content .quote-credit{
	padding-top: 30px;
	font-weight: 600;
}

.quote-carousel:before,
.quote-carousel:after{
	content: '';
	display: block;
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 1;
}

.quote-carousel:before{
	bottom: -11px;
	left: 0;
	width: 250px;
	height: 250px;
}

.quote-carousel:after{
	top: -33px;
	right: 0;
	width: 200px;
	height: 201px;
}

.purple .quote-carousel:before{ background-image: url(../images/quote-carousel-shape2-pink.svg); }
.yellow .quote-carousel:before{ background-image: url(../images/quote-carousel-shape2-yellow.svg); }
.green .quote-carousel:before{ background-image: url(../images/quote-carousel-shape2-green.svg); }

.purple .quote-carousel:after{ background-image: url(../images/quote-carousel-shape-pink.svg); }
.yellow .quote-carousel:after{ background-image: url(../images/quote-carousel-shape-yellow.svg); }
.green .quote-carousel:after{ background-image: url(../images/quote-carousel-shape-green.svg); }


@media only screen and (max-width: 600px){
	.quote-carousel{
		width: calc(100% + 2.5rem);
		transform: translateX(-1.25rem);
		padding:  60px 0;
		margin-bottom: 50px;
	}
}

@media only screen and (min-width: 601px){
	.quote-carousel{
		margin-bottom: 100px;
	}
}

@media only screen and (max-width: 800px){
	.quote-carousel .carousel{
		position: relative;
		width: 90%;
		padding: 25px 25px 50px;
		margin: 0 auto;
	}

	.quote-carousel .carousel .img{
		display: none;
	}
}

@media only screen and (min-width: 801px){
	.quote-carousel .quote-item{
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
	}

	.quote-carousel .carousel .img{
		width: 380px;
	}

	.quote-carousel .carousel .img img{
		object-fit: cover;
		height: 100%;
	}

	.quote-carousel .carousel .quote-content{
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-grow: 1;
		padding: 120px 0;
	}

	.quote-carousel .carousel .quote-content > div{
		position: relative;
		width: 90%;
		max-width: 485px;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 601px) and (max-width: 860px){
	.quote-carousel{
		width: calc(100% + 3.75rem);
		transform: translateX(-1.875rem);
	}
}

@media only screen and (min-width:1024px){
	.quote-carousel:before{
		bottom: -86px;
		left: -68px;
		width: 559px;
		height: 559px;
	}

	.quote-carousel:after{
		top: -85px;
		right: -18px;
		width: 445px;
		height: 446px;
	}
}
/*** Careers end **/