/* front end styles */
@charset "UTF-8";

/* blue #015adc; */

body, html {
	font-family: NeuzeitGro-Lig, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 21px;
	color: #424242;
	height: 100%;
	background-color: #FFF;
}
body section:first-of-type {
	margin-top: 51px !important;
	padding-top: 70px;
}
body section:first-of-type .text-promo {
	padding-top: 0;
}
.container {
	max-width: 1024px;
	margin: 0 auto;
	text-align: center;
}
.cobalt-bg {
	background-color: #005ADC;
}
.pacific-bg {
	background-color: #1E87FF;
}
.grey-bg {
	background-color: #f3f2ef;
}
.white-bg {
	background-color: #fff;
}
.ClientServicesAdmin {
	fill: #ffffff;
	color: #ffffff;
	background-color: #01c89d;
}
.DesignCreativeServices {
	fill: #ffffff;
	color: #ffffff;
    background-color: #fa5032;
}
.StrategyMarketing {
	fill: #424242;
	color: #424242;
    background-color: #f8d22e;
}
.flex-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 70px auto;
}
.no-margin {
	margin-bottom: 0;
}
#filter {
	display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill {
    transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted],
textarea[data-autocompleted] {
    background-color: transparent !important;
}

.links {
	background-color: #FFF;
	padding: 50px 0;
}
.links--sticky a, .links a {
    color: #424242;
    display: inline-block;
    font-family: NeuzeitGro-Bol, sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    margin: 5px 31px;
    height: 24px;
    padding: 5px;
}
.links--sticky a.selected, .links a.selected {
    border-bottom: 2px solid #1e87ff;
}
.links--sticky {
	display: none;
}
.sticky-links .links--sticky {
	display: block;
	background-color: #FFF;
	padding: 50px 0;
	position: fixed;
	text-align: center;
	top: 45px;
	left: 0;
	width: 100%;
	z-index: 1;
}

/* common styles */
	.button {
		background: none;
		border: 1px solid #015adc;
		color: #015adc;
		clear: both;
		cursor: pointer;
		display: inline-block;
		font-family: NeuzeitGro-Bol;
		font-size: 16px;
		padding: 18px 30px;
		text-align: center;
		text-transform: uppercase;
		outline: none;
		letter-spacing: 1px;
		width: 90%;
	}
	.button:hover {
		background-color: #015adc;
		color: #fff;
	}
	h1 {
		font-family: PrumoDeck-Medium, serif;
		font-size: 48px;
		font-weight: 400;
		line-height: 50px;
		margin-bottom: 20px;
	}
	h2 {
		font-family: PrumoDeck-Medium, serif;
		font-size: 38px;
		font-weight: 400;
		line-height: 40px;
		margin-bottom: 15px;
	}
	h3 {
		font-family: PrumoDeck-Medium, serif;
		font-size: 28px;
		font-weight: 400;
		line-height: 30px;
		margin-bottom: 15px;
	}
	strong {
	    font-weight: 400;
	    font-family: NeuzeitGro-Bol;
	}
	.blue-circle {
		background-color: #1e87ff;
		border-radius: 50%;
		color: #fff;
		height: 98px;
		width: 98px;
		margin-left: 30px;
		vertical-align: top;
		text-align: center;
		float: left;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.read-more {
	    color: #424242;
	    cursor: pointer;
	    font-family: NeuzeitGro-Bol, sans-serif;
	    font-size: 16px;
	    font-weight: 400;
	    padding: 0 5px 5px;
	    border-bottom: 1px solid #1e87ff;
	    text-transform: uppercase;
	}
	.read-more:hover {
		color: #1e87ff;
		-webkit-transition: color 0.5s;
    	transition: color 0.5s;
	}
	.drop-down {
	    background: #f3f2ef;
	    color: #424242;
	    display: inline-block;
	    height: 35px;
	    padding: 0 10px;
	    position: relative;
	    width: 200px;
    	line-height: 35px;
    	cursor: pointer;
	}
	.drop-down .category-name {
	    display: inline-block;
	    float: left;
	}
	.drop-down span i {
	    margin-top: 5px;
	    float: right;
	    transition: all 0.3s ease;
	}
	.drop-down span.up i {
	    transform: rotate(180deg);
	}
	.drop-down .results {
	    background: #FFF;
	    color: #424242;
	    display: none;
	    left: 0;
	    padding: 0 10px;
	    position: absolute;
	    text-align: left;
	    top: 35px;
	    width: 100%;
	    z-index: 10;
	}
	.load-more-container {
		clear: both;
		width: 100%;
		padding: 70px 0;
	}
	@media only screen and (max-width: 800px) {
		h1, h2 {
			font-size: 26px;
			font-weight: 500;
		}
	}
	@media (min-width: 800px){
		.button {
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
			width: auto;
		}
	}
	a {
		color: #1E87FF;;
	}

/* nav */
	nav {
		background-color: #FFF;
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 99;
		padding: 6px 6px 0;
	}
	nav .holder {
		min-height: 45px;
		background: #1e86ff;
	}
	.ClientServicesAdmin nav .holder {
		background-color: #01c89d;
	}
	.DesignCreativeServices nav .holder {
		background-color: #fa5032;
	}
	.StrategyMarketing nav .holder {
		background-color: #f8d22e;
		color: #424242;
	}
	.StrategyMarketing nav .holder .logo svg {
	    fill: #424242;
	}
	.StrategyMarketing nav .main-menu li a {
		color: #424242;
	}
	.StrategyMarketing .search-wrap .search-form .search-form__input {
		background-color: #fadf6d;
		color: #424242;
	}
	.StrategyMarketing .search-active .search-form .search-form__input {
		background-color: #fadf6d;
		color: #424242;
	}
	.StrategyMarketing ::-webkit-input-placeholder {
		color:#424242;
	}

	.StrategyMarketing ::-moz-placeholder {
		color:#424242;
	}

	.StrategyMarketing ::-ms-placeholder {
		color:#424242;
	}

	.StrategyMarketing ::placeholder {
		color:#424242;
	}
	nav .holder .logo {
		display: inline-block;
		float: left;
		height: 45px;
		padding-right: 20px;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	nav .holder .logo svg {
		fill: #fff;
		height: 25px;
		margin: 10px 0 0 20px;
		width: 89px;
	}
	nav .main-menu .circle-holder, nav .mobile-menu-link {
		display: none;
	}
	nav .main-menu {
		display: block;
		float: right;
		padding: 0;
		position: relative;
		width: auto;
	}
	nav .main-menu > li {
		float: left;
		position: relative;
	}
	nav .main-menu li a {
		color: #fff;
		font-family: NeuzeitGro-Reg, sans-serif;
		font-size: 14px;
		line-height: 45px;
		margin-left: 40px;
		padding: 0;
	}
	nav .search-wrap {
		cursor: pointer;
		position: relative;
		height: 45px;
		width: 45px;
		float: right;
		margin-left: 40px;
	}
	nav .search-wrap .search-pad {
		background: #FFF;
		opacity: 0.3;
		position: absolute;
		height: 45px;
		width: 45px;
		left: 0;
		top: 0;
	}
	nav .search-wrap i {
		cursor: pointer;
		color: #FFF;
		line-height: 45px;
		position: absolute;
		left: 0;
		width: 45px;
		z-index: 10;
	}
	.search-wrap .search-form .search-form__input {
		cursor: pointer;
		display: none;
		width: 100%;
		height: 45px;
		line-height: 45px;
		border: 0;
		padding: 0 50px 0 15px;
		font-family: NeuzeitGro-Reg, sans-serif;
		font-size: 14px;
		color: #9f9f9d;
		background: #64acfc;
		z-index: 2;
		position: relative;
		text-align: left;
		-webkit-transition: width 0.25s linear 0.05s, padding 0.05s linear;
		transition: width 0.25s linear 0.05s, padding 0.05s linear;
	}
	.search-active .search-form .search-form__input {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 45px;
		margin-left: 0;
		display: block;
		height: 45px;
		width: 100%;
		color: #fff;
		padding: 0 50px 0 15px;
		-webkit-transition: width 0.25s linear 0.05s, padding 0.05s linear;
		transition: width 0.25s linear 0.05s, padding 0.05s linear;
	}
	.ClientServicesAdmin .search-wrap .search-form .search-form__input {
		background-color: #82e3ce;
		color: #ffffff;
	}
	.ClientServicesAdmin .search-active .search-form .search-form__input {
		background-color: #82e3ce;
		color: #ffffff;
	}
	.DesignCreativeServices .search-wrap .search-form .search-form__input {
		background-color: #fca99a;
		color: #ffffff;
	}
	.DesignCreativeServices .search-active .search-form .search-form__input {
		background-color: #fca99a;
		color: #ffffff;
	}
	.search-active .search-form {
		padding: 8px 15px;
	}
	::-webkit-input-placeholder {
		color:#f3f2ef;
	}

	::-moz-placeholder {
		color:#f3f2ef;
	}

	::-ms-placeholder {
		color:#f3f2ef;
	}

	::placeholder {
		color:#f3f2ef;
	}
	nav .mobile-menu-link .nav-cross {
		width: 17px;
		height: 17px;
		display: inline-block;
		position: relative;
	}
	nav .mobile-menu-link .nav-cross:after,
	nav .mobile-menu-link .nav-cross:before {
		content: " ";
		position: absolute;
		top: 0;
		left: 50%;
		height: 100%;
		width: 2px;
		margin-left: -1px;
		background-color: #fff;
	}
	nav .mobile-menu-link .nav-cross:before {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	nav .mobile-menu-link .nav-cross:after {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	nav .job-filter-bar {
	    background: #fff;
	    min-height: 45px;
	    margin: 3px 6px 0;
	    position: relative;
	}

	nav .job-filter-bar .container {
	    text-align: left;
	}
	nav .job-filter-bar .title {
	    display: block;
	    color: #f3f2ef;
	    background: #015adc;
	    font-family: NeuzeitGro-Bol, sans-serif;
	    font-size: 14px;
	    line-height: 45px;
	    padding-left: 20px;
	    height: 45px;
	    position: relative;
	}
	nav .job-filter-bar .reset-all-filters {
	    display: none;
	}

	nav .job-selector-menu {
	    float: left;
	    margin: 0;
	    position: static;
	    display: none;
	    width: 100%;
	}
	nav .job-selector-menu li {
	    background-color: #fff;
	    border-bottom: 1px solid #015adc;
	    width: 100%;
	    position: relative;
	}
	nav .job-selector-menu li a {
	    display: inline-block;
	    float: left;
	    font-family: NeuzeitGro-Reg;
	    font-size: 14px;
	    font-weight: 400;
	    height: 45px;
	    margin: 0;
	    padding: 0 25px 0 0;
	    color: #015adc;
	    width: 100%;
	}
	nav .job-selector-menu li a span.icon {
	    display: none;
	}
	nav .job-selector-menu li.selected a {
	    color: #015adc;
	}
	nav .job-selector-menu li.selected a span.section-title {
	    color: #015adc;
	}
	nav .job-selector-menu > li {
	    border-right: 1px solid #fff;
	    padding: 0 5px 0 20px;
	    position: relative;
	    height: 45px;
	    line-height: 45px;
	    margin: 0;
	}
	nav .job-selector-menu > li.selected {
	    background: #fff;
	}
	nav .job-selector-menu > li > ul > li {
	    margin: 12px 12px 0 0;
	}
	nav .job-selector-menu .job-selector-menu__submenu {
	    background: #fff;
	    border-bottom: 1px solid #015adc;
	    color: #015adc;
	    padding: 30px 15px;
	    width: 100%;
	    overflow-y: auto;
	    display: none;
	}
	nav .job-selector-menu .job-selector-menu__submenu .titles {
	    display: inline-block;
	    float: left;
	    margin-bottom: 18px;
	    width: 100%;
	    padding: 0 5px;
	}
	nav .job-selector-menu .job-selector-menu__submenu .titles p {
	    color: #424242;
	    display: inline-block;
	    float: left;
	    font-family: NeuzeitGro-Bol;
	    font-size: 14px;
	}
	nav .job-selector-menu .job-selector-menu__submenu .titles a {
	    color: #424242;
	    display: inline-block;
	    float: right;
	    font-family: NeuzeitGro-Reg;
	    font-size: 14px;
	    margin: 0 0 18px;
	}
	nav .job-selector-menu .job-selector-menu__submenu .titles a:hover {
	    text-decoration: underline;
	}
	.your-sector-menu .your-sector-menu__sectors {
		display: flex;
		align-items: stretch;
    	justify-content: space-between;
	    padding: 0 5px;
	}
	.your-sector-menu .your-sector-menu__sectors a {
	    display: inline-block;
	    float: left;
	    font-family: NeuzeitGro-Bol;
	    font-size: 16px;
	    font-weight: 400;
	    line-height: 18px;
	    height: auto;
	    padding: 20px 5px 20px 20px;
	    width: 100%;
	    margin-bottom: 5px;
	}
	.your-sector-menu .your-sector-menu__sectors a svg {
	    display: inline-block;
	    float: left;
	    height: 40px;
	    margin: 0 20px 0 0;
	    width: 40px;
	}
	.your-sector-menu .your-sector-menu__sectors a.DesignCreativeServices {
	    background-color: #fa5032;
	    color: #fff;
	    fill:  #fff;
	}
	.your-sector-menu .your-sector-menu__sectors a.ClientServicesAdmin {
	    background-color: #01c89d;
	    color: #fff;
	    fill: #fff;
	}
	.your-sector-menu .your-sector-menu__sectors a.StrategyMarketing {
	    background-color: #f8d22e;
	    color: #424242;
	    fill: #424242;
	}
	.nav-item {
		float: left;
	    height: 95px;
	    padding: 0 5px;
	    text-align: center;
        width: 16.66666%;
    }
    .nav-item a {
	    background: #e2ded5;
	    display: block;
	    width: 100%;
	    height: 50px;
	    position: relative;
	}
	.nav-item.selected a,
    .nav-item a:hover {
        background-color: #015adc;
    }
    .nav-item.selected a svg,
    .nav-item a:hover svg {
        fill: #ffffff;
    }
    .nav-item p {
	    color: #424242;
	    font-family: NeuzeitGro-Reg, sans-serif;
	    font-size: 14px;
	    margin: 12px 0;
	    line-height: 14px;
	}
    .nav-item a svg {
	    width: 26px;
	    height: 26px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-left: -13px;
	    margin-top: -13px;
	}
	@media (max-width: 812px) {
	    .your-sector-menu a {
	        height: 100px;
	    }
	    .your-sector-menu a span {
	        margin: 0 20px 40px 0;
	    }
	}
	@media (max-width: 799px) {
	    .your-sector-menu a {
	        padding: 20px 10px 0 20px;
	    }
	    .your-sector-menu a span {
	        height: 20px;
	        margin: 0 15px 60px 0;
	        width: 20px;
	    }
	    .your-sector-menu .DesignCreativeServices span {
	        /*background: url(/img/icons/all-svgs/DesignCreativeServices_White.svg) 20px/20px;*/
	    }
	    .your-sector-menu .ClientServicesAdmin span {
	        /*background: url(/img/icons/all-svgs/ClientServicesAdmin_White.svg) 20px/20px;*/
	        height: 17px;
	        margin-top: 2px;
	    }
	    .your-sector-menu .StrategyMarketing span {
	        /*background: url(/img/icons/all-svgs/StrategyMarketing_Storm.svg) 20px/20px;*/
	    }
	}
	@media (min-width: 800px){
		nav .job-filter-bar {
	        max-height: 45px;
	        margin: 3px 0 0;
	        background: #015adc;
	    }
	    nav .job-filter-bar .title {
	        width: 131px;
	        border-right: 1px solid #fff;
	        float: left;
	    }
	    nav .job-filter-bar .title-cross {
	        display: none;
	    }
	    nav .job-filter-bar .reset-all-filters {
	        color: #fff;
	        display: inline-block;
	        float: right;
	        font-family: NeuzeitGro-Reg, sans-serif;
	        font-size: 14px;
	        line-height: 45px;
	        padding-right: 20px;
	        height: 45px;
	    }
	    nav .job-selector-menu {
	        height: auto !important;
	        width: auto;
	    }
	    nav .job-selector-menu li {
	        background-color: transparent;
	        border-bottom: 0;
	        width: auto;
	        float: left;
	    }
	    nav .job-selector-menu li a {
	        color: #f3f2ef;
	    }
	    nav .job-selector-menu li a span {
	        display: none;
	    }
	    nav .job-selector-menu li a span.material-icons {
	        position: absolute;
		    display: inline-block;
		    top: 13px;
		    right: 5px;
		    font-size: 20px;
	    }
	    nav .job-selector-menu li a span.icon {
	        margin: 10px 5px 0 0;
	        float: left;
	    }
	    nav .job-selector-menu li a span.icon svg {
	        fill: #fff;
	        width: 22px;
	        height: 22px;
	        display: block;
	    }
	    nav .job-selector-menu li a span.title-mobile {
	        display: none;
	    }
	    nav .job-selector-menu li a span.section-title {
	        color: #fff;
	    }
	    nav .job-selector-menu li a span.current {
	        display: inline-block;
	    }
	    nav .job-selector-menu li.selected .section-title {
	        color: #fff;
	    }
	    nav .job-selector-menu li.selected a {
	        /*background: url(/img/icons/selector-arrow-down-selected.svg) center right 7px/10px no-repeat;*/
	    }
	    nav .job-selector-menu li.selected a span.section-title {
	        color: #015adc;
	    }
	    nav .job-selector-menu li.selected a span.icon svg {
	        fill: #015adc;
	    }
	    nav .job-selector-menu .job-selector-menu__submenu {
	        max-height: 500px;
	        position: absolute;
	        top: 45px;
	        left: 6px;
	        right: 6px;
	        width: auto;
	    }
	    nav .job-selector-menu .job-selector-menu__submenu .container {
	        padding: 0 15px;
	    }
	}
	@media (min-width: 1024px) {
	    nav .job-filter-bar .title {
	        border-left: 1px solid #fff;
	    }
	}
	.your-sector-menu .your-sector-menu__sectors a {
	    width: 32%;
	    padding: 20px;
	    min-height: 80px;
	}
	@media (max-width: 800px){
		nav {
			padding: 0;
		}
		nav .holder .logo {
			border: 0;
		}
		nav .mobile-menu-link span {
			border-bottom: 1px solid #fff;
			display: inline-block;
		}
		nav .mobile-menu-link {
			display: inline-block;
			color: #fff;
			font-family: NeuzeitGro-Reg, sans-serif;
			font-size: 16px;
			float: right;
			margin: 15px 20px 0 0;
		}
		nav .main-menu {
			display: none;
			padding: 0 5px;
			width: 100%;
			float: left;
		}
		nav .main-menu li {
			width: 100%;
		}
		nav .main-menu li a {
			border-top-width: 0;
			display: block;
			line-height: normal;
			margin-left: 0;
			padding: 25px 20px;
			text-align: left;
			width: 100%;
		}
		nav .search-wrap {
			background: #f3f2ef;
			float: left;
			height: 60px;
			margin-left: 0;
			width: 100%;
		}
		nav .search-wrap i {
			color: #9f9f9d;
			line-height: 60px;
			width: 35px;
			right: 5px;
			left: auto;
		}
		.search-wrap .search-pad {
			display: none;
		}
		.search-active .search-form .search-form__input,
		.search-wrap .search-form .search-form__input {
			display: block;
			position: initial;
			background-color: #f3f2ef;
			top: 0;
			right: 45px;
			margin-left: 0;
			height: 60px;
			width: 100%;
			color: #9f9f9d;
			padding: 0 50px 0 15px;
			-webkit-transition: none;
			transition: none;
		}
		.search-active .search-form,
		.search-wrap .search-form {
			padding: 0;
		}
		nav .job-selector-menu li a span.material-icons {
			position: absolute;
		    right: 10px;
		    top: 10px;
		}
		.job-filter-bar .title-cross {
			position: absolute;
		    right: 10px;
		    top: 8px;
		    color: #FFF;
		}
		.nav-item {
	    	width: 50%;
		}
	}
	/* nav plus for sub nav */
	nav a.parent p {
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 0 0 7px;
    	display: inline-block;
    	width: 10px;
	}
	nav .sub-nav {
		background-color: #1e86ff;
		display: none;
		position: absolute;
		left: 20px;
		top: 48px;
		height: auto;
		z-index: 10;
		width: 166px;
		text-align: left;
	}
	.ClientServicesAdmin nav .sub-nav {
		background-color: #01c89d;
		color: #FFFFFF;
	}
	.DesignCreativeServices nav .sub-nav {
		background-color: #fa5032;
		color: #FFFFFF;
	}
	.StrategyMarketing nav .sub-nav {
		background-color: #f8d22e;
		color: #424242;
	}
	nav .sub-nav li a {
		margin: 0 0 0 20px;
	}
	@media (max-width: 800px){
		nav .sub-nav {
			margin-top: 5px;
		}
		nav .sub-nav li a {
 	   		margin: 0;
 	   		padding: 15px 20px;
		}
	}

/* text-promo */
	.text-promo {
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		max-width: 634px;
		width: 100%;
		margin: 0 auto 70px auto;
		padding-top: 70px;
		min-height: 175px;
	}
	.text-promo h1 {
		margin-top: 50px;
		width: 100%;
	}
	.text-promo h2,
	.text-promo h3 {
		margin-top: 20px;
		width: 100%;
	}
	.text-promo p {
		padding: 0 2%;
		margin: 0 auto 35px;
		max-width: 650px;
		width: 100%;
	}
	.text-promo p:last-of-type {
		margin-bottom: 0;
	}
	.cobalt-bg .text-promo {
		color: #fff;
	}
	.cobalt-bg .text-promo .button {
		color: #fff;
		border: 1.2px solid #fff;
	}
	.cobalt-bg .text-promo .button:hover {
		background-color: #fff;
		color: #015adc;
	}
	.pacific-bg .text-promo .button {
		border-color: #015adc;
		background-color: #015adc;
		color: #fff;
	}
	.pacific-bg .text-promo .button:hover {
		background-color: transparent;
		border: 1.2px solid #fff;
	}
	.text-promo ul {
		text-align: left;
		padding-left: 30px;
	}

/* logo-grid */
	.logo-grid {
		text-align: center;
		width: 75%;
		margin: 0 auto 70px auto;
		padding: 0;
	}
	.logo-grid img {
		height: 80px;
		padding: 20px;
		width: 160px;
	}
	@media only screen and (max-width: 500px) {
		.logo-grid {
			padding: 0 40px;
		}
	}

/* logo-carousel */
	.logo-carousel-section {
		text-align: center;
		padding: 0 0 70px 0;
	}
	.logo-carousel-section.no-margin {
		padding-bottom: 0;
	}
	.logo-carousel-section h1,
	.logo-carousel-section h2,
	.logo-carousel-section h3 {
		display: inline-block;
		margin-bottom: 35px;
		max-width: 630px;
		width: 100%;
	}
	.logo-carousel-section p {
		display: inline-block;
		margin-bottom: 35px;
		max-width: 630px;
		width: 100%;
	}
	.logo-carousel-section .logo-carousel {
		margin-bottom: 35px;
	}
	.logo-carousel-section .logo-carousel.no-margin {
		margin-bottom: 0;
	}
	.logo-carousel-section .slick-slide .image-holder {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 216px;
	}
	.logo-carousel-section .slick-slide {
		padding: 5px;
	}
	.logo-carousel-section .slick-slide img {
		width: 60%;
	}
	.logo-carousel-section .slick-dots {
		bottom: -50px;
	}
	.logo-carousel {
	    opacity: 0;
	    visibility: hidden;
	    transition: opacity 1s ease;
	    -webkit-transition: opacity 1s ease;
	}
	.logo-carousel.slick-initialized {
	    visibility: visible;
	    opacity: 1;    
	}

/* staff-member */
	.staff-member {
		text-align: left;
		width: 50%;
		position: relative;
	}
	.staff-member img {
		width: 100%;
	}
	.staff-member .content {
		color: #424242;
		padding: 40px 16px 150px;
		margin-bottom: 0;
	}
	.staff-member .name {
		color: #424242;
		font-family: NeuzeitGro-Bol, sans-serif;
		margin-bottom: 0;
	}
	.staff-member .job-title {
		font-family: NeuzeitGro-Reg, sans-serif;
		margin-bottom: 18px;
	}
	.staff-member .description .extra {
		display: none;
	}
	.staff-member .read-more {
		position: absolute;
		left: 16px;
		bottom: 50px;
	}
	.staff-member .blue-circle {
		position: absolute;
		bottom: 50px;
		right: 16px;
	}
	.staff-member .blue-circle svg {
		fill: #fff;
		height: 40px;
		width: 40px;
	}
	@media only screen and (max-width: 500px) {
		.staff-member {
			width: 100%;
		}
	}

/* shortcode-block */
	.wpforms-container label {
		display: none;
	}
	.wpforms-container {
		max-width: 780px;
		text-align: center;
		width: 100%;
		background: #fff;
		border-bottom: 4px solid #1e87ff;
		border-top: 4px solid #1e87ff;
		padding: 44px 28px;
		margin:  70px auto;
		font-family: NeuzeitGro-Lig;
		color: #9f9f9d;
		position: relative;
	}
	.wpforms-field {
		display: inline-block;
		max-width: 450px;
		width: 100%;
		margin: 0 auto 2px auto;
		position: relative;
	}
	.wpforms-field-hidden {
		display: none;
	}
	.wpforms-container input,
	.wpforms-container select,
	.wpforms-container textarea {
		font-size: 14px;
		height: 60px;
		line-height: 20px;
		padding: 20px 50px;
		background: #1e86ff;
		border: none;
		width: 100%;
		color: #fff;
		font-family: NeuzeitGro-Lig;
	}
	.wpforms-container select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		position: relative;
	}
	.wpforms-field-select::after {
		font-family: 'Material Icons';
		font-size: 30px;
		content: "arrow_downward";
		color: #424242;
		position: absolute;
		top: 20px;
		right: 15px;
	}
	.wpforms-container textarea {
		height: 200px;
	}
	.wpforms-container .wpforms-submit-container button {
		background: none;
		border: 1.2px solid #015adc;
		color: #015adc;
		clear: both;
		cursor: pointer;
		display: inline-block;
		font-family: NeuzeitGro-Bol;
		font-size: 16px;
		padding: 18px 40px;
		text-align: center;
		text-transform: uppercase;
		outline: none;
		letter-spacing: 1px;
		width: auto;
		margin-top: 35px;
	}
	.form-DesignCreativeServices .wpforms-container .wpforms-submit-container button {
		border: 1.2px solid #fa5032;
		color: #fa5032;
	}
	.form-ClientServicesAdmin .wpforms-container .wpforms-submit-container button {
		border: 1.2px solid #01c89d;
		color: #01c89d;
	}
	.form-StrategyMarketing .wpforms-container .wpforms-submit-container button {
		border: 1.2px solid #f8d22e;
		color: #f8d22e;
	}
	.wpforms-container input::-webkit-input-placeholder,
	.wpforms-container textarea::-webkit-input-placeholder {
		font-size: 14px;
		font-family: NeuzeitGro-Reg;
		color:#fff;
	}

	.wpforms-container input::-moz-placeholder,
	.wpforms-container textarea::-moz-placeholder {
		font-size: 14px;
		font-family: NeuzeitGro-Reg;
		color:#fff;
	}

	.wpforms-container input::-ms-placeholder,
	.wpforms-container textarea::-ms-placeholder {
		font-size: 14px;
		font-family: NeuzeitGro-Reg;
		color:#fff;
	}

	.wpforms-container input::placeholder,
	.wpforms-container textarea::placeholder {
		font-size: 14px;
		font-family: NeuzeitGro-Reg;
		color:#fff;
	}
	.wpforms-field-file-upload label {
	    display: block;
	    padding: 40px 20px 60px;
	    background: #1e86ff;
	    color: #fff;
	    text-align: center;
	    cursor: pointer;
	    position: relative;
	    text-transform: uppercase;
	}
	.form-DesignCreativeServices .wpforms-field-file-upload label {
		background: #fa5032;
	}
	.form-ClientServicesAdmin .wpforms-field-file-upload label {
		background: #01c89d;
	}
	.form-StrategyMarketing .wpforms-field-file-upload label {
		color: #000000;
    	background: #f8d22e;
	}
	.form-StrategyMarketing .wpforms-field-file-upload label::after {
		color: #000000;
		border: 2px solid #000;
	}
	.wpforms-field-file-upload label::after {
		border: 2px solid #FFF;
		font-family: "Material Icons";
		content: "\e145";
		display: inline-block;
		position: absolute;
		left: 50%;
		right: 50%;
		bottom: 28px;
		width: 20px;
		height: 20px;
		line-height: 17px;
	}
	.wpforms-field-file-upload input[type="file"] {
	    opacity: 0;
	    z-index: -1;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	.wpforms-field-file-upload label.wpforms-error {
		background: none;
		color: #9f9f9d;
		text-transform: none;
		padding: 0;
	}
	.wpforms-field-file-upload.wpforms-has-error .wpforms-field-label {
		background: #FF0000;
	}
	.wpforms-field-file-upload label.wpforms-error::after {
		border: none;
		content: '';
		width: 0;
		height: 0;
		display: none;
	}
	.wpforms-field-container p {
		margin-bottom: 0;
	}

	.form-DesignCreativeServices .wpforms-container,
	.form-DesignCreativeServices .job-container {
		border-bottom: 4px solid #fa5032;
		border-top: 4px solid #fa5032;
	}
	.form-DesignCreativeServices .wpforms-container input,
	.form-DesignCreativeServices .wpforms-container select,
	.form-DesignCreativeServices .wpforms-container textarea {
		background: #fa5032;
	}
	.form-ClientServicesAdmin .wpforms-container,
	.form-ClientServicesAdmin .job-container {
		border-bottom: 4px solid #01c89d;
		border-top: 4px solid #01c89d;
	}
	.form-ClientServicesAdmin .wpforms-container input,
	.form-ClientServicesAdmin .wpforms-container select,
	.form-ClientServicesAdmin .wpforms-container textarea {
		background: #01c89d;
	}
	.form-StrategyMarketing .wpforms-container,
	.form-StrategyMarketing .job-container {
		border-bottom: 4px solid #f8d22e;
		border-top: 4px solid #f8d22e;
	}
	.form-StrategyMarketing .wpforms-container input,
	.form-StrategyMarketing .wpforms-container input::placeholder,
	.form-StrategyMarketing .wpforms-container select,
	.form-StrategyMarketing .wpforms-container select::placeholder,
	.form-StrategyMarketing .wpforms-container textarea,
	.form-StrategyMarketing .wpforms-container textarea::placeholder {
		color: #000000;
		background: #f8d22e;
	}
	.job-container {
		max-width: 780px;
		text-align: left;
		width: 100%;
		background: #fff;
		border-bottom: 4px solid #1e87ff;
		border-top: 4px solid #1e87ff;
		padding: 44px 28px;
		margin: 0 auto 70px auto;
		font-family: NeuzeitGro-Lig;
		color: #9f9f9d;
		position: relative;
	}
	.job-container .wpforms-container {
		max-width: 780px;
		text-align: center;
		width: 100%;
		background: #fff;
		border-bottom: 0;
		border-top: 0;
		padding: 0;
		margin: 50px 0 0 0;
		font-family: NeuzeitGro-Lig;
		color: #9f9f9d;
		position: relative;
	}
	.job-container h2 {
		color: #424242;
		font-family: PrumoDeck-SemiBold, sans-serif;
		font-size: 26px;
		font-weight: 400;
		line-height: 34px;
		margin-bottom: 20px;
		width: 95%;
	}
	.job-container h3 {
		font-family: NeuzeitGro-Lig, sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 34px;
		margin-bottom: 20px;
		width: 95%;
	}
	.form-DesignCreativeServices .job-container h3 {
		color: #fa5032;
	}
	.form-ClientServicesAdmin .job-container h3 {
		color: #01c89d;
	}
	.form-StrategyMarketing .job-container h3 {
		color: #f8d22e;
	}
	.job-container p {
		color: #424242;
	}

/* blog promo block */
	.blog-promo {
		background-color: #f3f2ef;
		padding: 0 0 70px 0;
	}
	.blog-promo h3 {
		margin-bottom: 30px;
	}
	.blog-promo .stories {
		display: flex;
		align-items: stretch;
	}
	.blog-promo .story-featured {
		background-color: #fff;
		text-align: left;
		width: 33.33%;
	}
	.blog-promo .story-featured .story-image {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 62.5%;
		background-position: 50%;
		background-size: cover;
	}
	.blog-promo .story-featured .story-image .category {
		background-color: #fff;
		bottom: -22px;
		color: #424242;
		float: left;
		font-family: NeuzeitGro-Bol, sans-serif;
		font-size: 16px;
		font-weight: 400;
		left: 0;
		padding: 14px 30px;
		position: absolute;
	}
	.blog-promo .story-featured .story-content {
		padding: 30px;
		min-height: 180px;
	}
	.blog-promo .story-featured .story-content a {
		font-family: PrumoDeck-SemiBold, sans-serif;
    	font-size: 26px;
    	font-weight: 400;
    	line-height: 34px;
		color: #424242;
	}
	.blog-promo .story-featured .story-content a:hover {
		color: #1e87ff;
	}
	@media only screen and (max-width: 800px) {
		.blog-promo .stories {
			display: inline-block;
		}
		.blog-promo .story-featured {
			width: 100%;
		}
	}

/* blog */
	section.blog {
		padding: 70px 0 0 0;
		background-color: #fff;
	}
	section.blog .blog-home-image {
		margin-bottom: 70px;
	}
	h2.blog-intro-text {
		margin-bottom: 0;
	}
	.blog-intro-text p {
		font-family: NeuzeitGro-Reg, sans-serif;
	    font-size: 16px;
	    font-weight: 400;
	    color: #9f9f9d;
	    margin-bottom: 0;
	}
	.story.story-featured {
		background: #fff;
	}
	.story.story-featured .story-image {
		display: inline-block;
		position: relative;
	    width: 100%;
	    height: 0;
	    padding-bottom: 62.5%;
	    background-position: 50%;
	    background-size: cover;
	}
	.story .story-image .category {
	    background-color: #fff;
	    bottom: -22px;
	    color: #424242;
	    float: left;
	    font-family: NeuzeitGro-Bol, sans-serif;
	    font-size: 16px;
	    font-weight: 400;
	    left: 0;
	    padding: 14px 30px;
	    position: absolute;
	}
	section.blog-content {
		background-color: #f3f2ef;
		padding: 0;
	}
	.story {
		text-align: left;
		position: relative;
		width: 50%;
		float: left;
	}
	.story .story-content {
		padding: 30px;
		position: relative;
		min-height: 305px;
	}
	.story .story-content h5 a {
		display: inline-block;
	    font-family: PrumoDeck-SemiBold, sans-serif;
	    font-size: 26px;
	    font-weight: 400;
	    line-height: 34px;
	    margin-bottom: 15px;
	    color: #424242;
	}
	.story .story-content h5 a:hover {
	    color: #1e87ff;
	    -webkit-transition: color 0.5s;
    	transition: color 0.5s;
	}
	.story .story-content p {
	    color: #9f9f9d;
	    font-family: NeuzeitGro-Reg, sans-serif;
	    margin: 0 0 35px;
	}
	.story .story-content .icons-read-more {
		position: absolute;
		bottom: 30px;
		left: 0;
		padding: 0 30px;
		width: 100%;
	}
	.story .story-content .category-icon svg {
	    display: inline-block;
	    float: left;
	    height: 28px;
	    width: 32px;
	    margin-right: 10px;
	}
	.story .story-content .read-more {
	    float: right;
	}
	section.blog-category-bar {
		background-color: #FFF;
		padding: 70px 0;
	}
	section.blog-category-bar a.blog-category-links {
	    color: #424242;
	    display: inline-block;
	    font-family: NeuzeitGro-Bol, sans-serif;
	    font-size: 16px;
	    font-weight: 400;
	    margin: 5px 31px;
	    height: 24px;
	    padding: 5px;
	}
	.blog-content .individual-blog-main-image {
	    margin: 0 25px 46px;
	    position: relative;
	    max-width: 1000px;
	}
	.blog-content .individual-blog-main-image img {
		width: 100%;
	}
	.blog-content .individual-blog-main-image .title {
	    display: block;
	    color: #9f9f9d;
	    bottom: 0;
	    left: 0;
	    padding: 20px 25px;
	    position: absolute;
	    font-family: NeuzeitGro-Reg, sans-serif;
	    font-size: 14px;
	    font-weight: 400;
	    background: #fff;
	}
	.blog-content .individual-blog-cols {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		padding: 0 50px 60px;
	}
	.blog-content article {
		text-align: left;
		float: left;
    	width: 65%;
	}
	.blog-content article time {
		display: inline-block;
	    font-family: NeuzeitGro-Bol, sans-serif;
	    font-size: 16px;
	    line-height: 18px;
	    font-weight: 400;
	    margin-bottom: 5px;
	}
	.blog-content .author {
	    font-family: NeuzeitGro-Reg, sans-serif;
	    font-size: 14px;
	    margin-bottom: 30px;
	}
	.blog-content .categories {
	    font-family: NeuzeitGro-Bol, sans-serif;
	    font-size: 16px;
	    line-height: 18px;
	    font-weight: 400;
	    margin-bottom: 5px;
	}
	.blog-content article h1 {
	    margin-bottom: 40px;
	}
	.blog-content article {
		font-family: NeuzeitGro-Lig, sans-serif;
	    font-size: 20px;
	    font-weight: 400;
	    line-height: 1.3em;
	    margin-bottom: 25px;
	}
	.blog-content article p {
		margin-bottom: 25px;
	}
	.blog-content article blockquote p {
	    font-family: PrumoDeck-MediumItalic;
	    font-size: 38px;
	    font-weight: 400;
	    line-height: 40px;
	    color: #1e87ff;
	    padding-left: 35px;
	    margin-bottom: 40px;
	}
	.blog-content aside {
		position: relative;
		text-align: left;
		float: left;
    	width: 32%;
	}
	.blog-content aside .addthis-sharing-toolbox {
	    width: 90%;
	    border: 1px solid #015adc;
	    color: #015adc;
	    text-transform: uppercase;
	    font-family: NeuzeitGro-Bol;
	    text-align: center;
	    cursor: pointer;
	    position: relative;
	    height: 60px;
	    line-height: 60px;
	    margin: 0 auto;
	}
	.blog-content aside .addthis-sharing-toolbox a {
	    display: none;
	    vertical-align: middle;
	    width: 25%;
	    float: left;
	    height: 100%;
	}
	.blog-content aside .addthis-sharing-toolbox.active span {
	    display: none;
	}
	.blog-content aside .addthis-sharing-toolbox.active a {
	    display: block;
	}
	.addthis-sharing-toolbox a svg {
	    fill: #015adc;
	    position: relative;
	    top: 2px;
	}
	.addthis-sharing-toolbox a:hover svg {
	    fill: #003282;
	}
	.blog-content aside .button {
		position: absolute;
		bottom: 0;
	}
	@media only screen and (max-width: 1024px) {
		section.blog-category-bar {
			padding: 10px 0;
		}
	}
	@media only screen and (max-width: 800px) {
		.story {
			width: 100%;
		}
		section.blog-category-bar {
			padding: 0 0 10px;
		}
		.blog-content .individual-blog-cols {
			display: inline-block;
		}
		.blog-content article,
		.blog-content aside {
			width: 100%;
		}
		.blog-content aside .addthis-sharing-toolbox {
			margin-bottom: 30px;
			position: initial;
			width: 100%;
		}
		.blog-content aside .button {
			position: initial;
			width: 100%;
		}
	}

/* jobs */
	.job-content {
		background: #f3f2ef;
	}
	#jobList {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: space-between;
		margin-top: 20px;
		padding: 0 6px;
	}
	#jobList .job-card {
		background: #fff;
	    float: left;
	    width: 100%;
	    padding: 0;
	    margin: 0 0 20px;
	    height: auto;
	}
	#jobList .job-card .job-card-inner {
	    float: left;
	    min-height: 330px;
	    padding: 20px 30px 80px;
	    position: relative;
	    text-align: left;
	    height: 100%;
	}
	#jobList .job-card .job-card-inner h2 {
	    color: #424242;
	    font-family: PrumoDeck-SemiBold, sans-serif;
	    font-size: 26px;
	    font-weight: 400;
	    line-height: 34px;
	    margin-bottom: 0;
	    width: 100%;
	}
	#jobList .job-card .job-card-inner h2 a {
		color: #424242;
	}
	#jobList .job-card .job-card-inner p {
		font-family: NeuzeitGro-Reg, sans-serif;
		color: #9f9f9d;
		margin-bottom: 20px;
	}
	#jobList .job-card .job-card-inner .filters {
	    font-family: NeuzeitGro-Bol, sans-serif;
	    font-size: 16px;
	    font-weight: 400;
	    line-height: 18px;
	    margin-bottom: 27px;
	}
	#jobList .job-card .job-card-inner .experience {
		bottom: 20px;
	    height: 30px;
	    left: 25px;
	    position: absolute;
	}
	#jobList .job-card .job-card-inner .experience svg {
		display: inline-block;
		float: left;
		height: 30px;
		margin-right: 5px;
		width: 30px;
	}
	#jobList .job-card .job-card-inner .read-more {
	    bottom: 16px;
	    right: 20px;
	    position: absolute;
	}

	/* the color stuff */
	#jobList .job-card.job-card--ClientServicesAdmin .job-card-inner {
	    border-top: 4px solid #01c89d;
	}
	#jobList .job-card.job-card--ClientServicesAdmin .job-card-inner svg {
	    fill: #01c89d;
	}
	#jobList .job-card--ClientServicesAdmin .job-card-inner .filters {
		color: #01c89d;;
	}
	#jobList .job-card--ClientServicesAdmin .job-card-inner .read-more {
		border-bottom: 1px solid #01c89d;
	}
	#jobList .job-card.job-card--DesignCreativeServices .job-card-inner {
	    border-top: 4px solid #fa5032;
	}
	#jobList .job-card.job-card--DesignCreativeServices .job-card-inner svg {
	    fill: #fa5032;
	}
	#jobList .job-card--DesignCreativeServices .job-card-inner .filters {
		color: #fa5032;;
	}
	#jobList .job-card--DesignCreativeServices .job-card-inner .read-more {
		border-bottom: 1px solid #fa5032;
	}
	#jobList .job-card.job-card--StrategyMarketing .job-card-inner {
	    border-top: 4px solid #f8d22e;
	}
	#jobList .job-card.job-card--StrategyMarketing .job-card-inner svg {
	    fill: #f8d22e;
	}
	#jobList .job-card--StrategyMarketing .job-card-inner .filters {
		color: #f8d22e;
	}
	#jobList .job-card--StrategyMarketing .job-card-inner .read-more {
		border-bottom: 1px solid #f8d22e;
	}
	#jobList .job-card-inner p.spec {
		color: #424242;
		font-family: NeuzeitGro-Bol, sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 0;
	}
	@media (min-width: 800px) {
		.no-results {
		    padding-left: 300px;
		    position: relative;
		    padding-top: 30px;
		    text-align: left;
		    clear: both;
		}
		#jobList .job-card {
			width: 49%;
		}
	}
	.no-results .text h2, .no-results .text .bold {
	    color: #424242;
	    display: inline-block;
	    font-weight: 400;
	}
	.no-results .text h2 {
	    font-family: PrumoDeck-SemiBold, sans-serif;
	    font-size: 26px;
	    line-height: 34px;
	    margin-bottom: 10px;
	}
	.no-results .text .bold {
	    font-family: NeuzeitGro-Reg, sans-serif;
	    font-size: 20px;
	    line-height: 23px;
	    margin-bottom: 2px;
	}
	.no-results svg {
		fill: #1e86ff;
	    display: block;
	    width: 100px;
	    margin: 0 auto 20px;
	}
	@media (min-width: 800px){
		.no-results svg {
		    position: absolute;
		    left: 80px;
		    margin-top: -70px;
		    width: 154px;
			height: 144px;
		}
	}
	.no-results .text p.regular {
	    color: #9f9f9d;
	    display: inline-block;
	    font-family: NeuzeitGro-Reg, sans-serif;
	    font-size: 16px;
	    font-weight: 400;
	    line-height: 21px;
	    margin-bottom: 46px;
	    max-width: 420px;
	}
	.individual-job-content {
		background-color: #f3f2ef;
	}
	.individual-job-content .container {
	    max-width: 780px;
	    text-align: left;
	    width: 76%;
	    background: #fff;
	    border-bottom: 4px solid #1e87ff;
	    border-top: 4px solid #1e87ff;
	    padding: 44px 28px;
	    margin-bottom: 70px;
	    font-family: NeuzeitGro-Lig;
	    font-size: 16px;
	    line-height: 21px;
	    color: #424242;
	    position: relative;
	}
	.individual-job-content .container.ClientServicesAdmin {
		border-bottom: 4px solid #01c89d;
	    border-top: 4px solid #01c89d;
	}
	.individual-job-content .container.DesignCreativeServices {
		border-bottom: 4px solid #fa5032;
	    border-top: 4px solid #fa5032;
	}
	.individual-job-content .container.StrategyMarketing {
		border-bottom: 4px solid #f8d22e;
	    border-top: 4px solid #f8d22e;
	}
	.individual-job-content .container h2 {
	    color: #424242;
	    font-family: PrumoDeck-SemiBold, sans-serif;
	    font-size: 26px;
	    font-weight: 400;
	    line-height: 34px;
	    margin-bottom: 0;
	    width: 95%;
	}
	.individual-job-content .container .cross {
	    position: absolute;
	    right: 24px;
	    top: 42px;
	    width: 27px;
	    height: 27px;
	}
	.individual-job-content .container .material-icons {
		font-size: 34px;
	}
	.individual-job-content .container .filters,
	.individual-job-content .container .specs {
	    font-family: NeuzeitGro-Bol, sans-serif;
	}
	.individual-job-content .container .filters {
	    font-size: 16px;
	    font-weight: 400;
	    line-height: 18px;
	    margin-bottom: 10px;
	}
	.individual-job-content .container .specs {
	    margin-bottom: 40px;
	    color: #424242;
	    font-size: 14px;
	    line-height: 1.29;
	}
	.individual-job-content .container .specs p {
		margin-bottom: 0;
	}
	.individual-job-content .container .content {
		font-family: NeuzeitGro-Reg, sans-serif;
	    line-height: 21px;
	    margin-bottom: 36px;
	}
	.individual-job-content .container h5 {
	    font-family: NeuzeitGro-Bol, sans-serif;
	    font-weight: normal;
	    line-height: 18px;
	    margin-bottom: 10px;
	}
	.individual-job-content .container ul {
	    list-style-type: none;
	    margin-bottom: 45px;
	}
	.individual-job-content .container ul li {
	    color: #424242;
	    padding-left: 25px;
	    background-size: 12px 12px;
	    font-family: NeuzeitGro-Reg, sans-serif;
	    font-size: 16px;
	    font-weight: 400;
	    line-height: 21px;
	    margin: 10px 0;
	    position: relative;
	}
	.individual-job-content .container ul li:before {
		font-family: 'Material Icons';
		content: '\e5c8';
		height: 20px;
		width: 20px;
		position: absolute;
		left: 0;
	}
	.individual-job-content .container .perks {
		color: #9f9f9d;
	    margin-left: -3px;
	    margin-right: -3px;
	    text-align: center;
	    margin-bottom: 40px;
	}
	.individual-job-content .container .perks .perk {
	    width: 20%;
	    float: left;
	    padding: 0 20px;
	}
	@media (max-width: 800px){
		.individual-job-content .container .perks .perk {
		    padding: 0 3px;
		}
		.individual-job-content .container .perks .perk span {
			display: none;
		}
	}
	.individual-job-content .container .perks .perk .grey-circle {
	    background-color: #f3f2ef;
	    border-radius: 100%;
	    display: inline-block;
	    height: 0;
	    width: 100%;
	    padding-bottom: 100%;
	    position: relative;
	}
	.individual-job-content .container .perks .perk .grey-circle svg {
	    position: absolute;
	    width: 50%;
	    height: 50%;
	    top: 25%;
	    left: 25%;
	    fill: #1e87ff;
	}
	.refer-signup {
	    width: 100%;
	    text-align: center;
	    vertical-align: top;
	}
	.refer-signup .circle {
	    text-align: center;
	    border-radius: 49px;
	    color: #fff;
	    display: inline-block;
	    height: 98px;
	    width: 98px;
	    margin: 10px;
	}
	.refer-signup .circle p {
	    margin: 30px auto 0;
	    width: 60px;
	}
	.ClientServicesAdmin .refer-signup .circle {
		background-color: #01c89d;
		color: #ffffff;
	}
	.DesignCreativeServices .refer-signup .circle {
		background-color: #fa5032;
		color: #ffffff;
	}
	.StrategyMarketing .refer-signup .circle {
		color: #424242;
		background-color: #f8d22e;
	}

	/* color stuff */
	.individual-job-content .container.ClientServicesAdmin {
		border-bottom: 4px solid #01c89d;
	    border-top: 4px solid #01c89d;
	}
	.individual-job-content .container.DesignCreativeServices {
		border-bottom: 4px solid #fa5032;
	    border-top: 4px solid #fa5032;
	}
	.individual-job-content .container.StrategyMarketing {
		border-bottom: 4px solid #f8d22e;
	    border-top: 4px solid #f8d22e;
	}
	.individual-job-content .container.ClientServicesAdmin a.cross,
	.individual-job-content .container.ClientServicesAdmin .filters {
		color: #01c89d;;
	}
	.individual-job-content .container.DesignCreativeServices a.cross,
	.individual-job-content .container.DesignCreativeServices .filters {
		color: #fa5032;
	}
	.individual-job-content .container.StrategyMarketing a.cross,
	.individual-job-content .container.StrategyMarketing .filters {
		color: #f8d22e;
	}

/* hints-and-tips-promo */
	.hints-and-tips-promo .container {
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
	}
	.hints-and-tips-promo .container.bottom-margin {
		margin-bottom: 70px;
	}
	.hints-and-tips-promo .promo {
		align-items: center;
		align-content: center;
		justify-content: center;
		flex-wrap: wrap;
		display: flex;
		min-height: 315px;
		padding: 60px;
		width: 50%;
	}
	.hints-and-tips-promo .promo h3 {
		font-family: 'PrumoDeck-Medium',serif;
	    font-weight: 400;
	    line-height: 40px;
	    font-size: 38px;
	    margin-top: 20px;
		width: 100%;
	}
	@media only screen and (max-width: 800px) {
		.hints-and-tips-promo .promo {
			width: 100%;
		}
	}

/* jobs-promo */
	.jobs-promo .container {
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
	}
	.jobs-promo .container.bottom-margin {
		margin-bottom: 70px;
	}
	.jobs-promo .job {
		min-height: 330px;
		padding: 30px;
		text-align: center;
		width: 50%;
	}
	.jobs-promo .job svg {
		height: 70px;
    	width: 70px;
    	margin: 50px;
	}
	.jobs-promo .job .text {
		text-align: left;
	}
	.jobs-promo .job .text h3 {
		font-size: 16px;
    	font-weight: 400;
    	line-height: 21px;
	    font-family: NeuzeitGro-Bol, sans-serif;
    	margin-bottom: 11px;
	}
	.jobs-promo .job .text p {
		display: inline-block;
		font-size: 16px;
    	font-weight: 400;
    	line-height: 21px;
    	width: 80%;
	}
	.jobs-promo .job .text a {
		color: #fff;
		display: inline-block;
		float: right;
	}
	.jobs-promo .job.StrategyMarketing a {
		color: #424242;
	}
	.jobs-promo .job .text a i {
		font-size: 40px;
	}
	.jobs-promo .jobsboard-promo {
		background-color: #1e87ff;
		align-items: center;
		align-content: center;
		justify-content: center;
		min-height: 315px;
		flex-wrap: wrap;
		display: flex;
		width: 50%;
	}
	.jobs-promo .jobsboard-promo .button {
	    border-color: #015adc;
	    background-color: #015adc;
	    color: #fff;
	}
	.jobs-promo .jobsboard-promo .button:hover {
	    border-color: #FFF;
	    background-color: #1e87ff;
	    color: #fff;
	}
	@media only screen and (max-width: 800px) {
		.jobs-promo .job,
		.jobs-promo .jobsboard-promo {
			width: 100%;
		}
	}

/* sector-selector-promo */
	.sector-selector-promo {
		padding-bottom: 70px;
	}
	.sector-selector-promo h3 {
		color: #1e87ff;
	    line-height: 44px;
	    margin: 0 2% 52px;
	    max-width: 1200px;
	    text-align: center;
	    font-family: PrumoDeck-Medium, serif;
	    font-size: 38px;
	    font-weight: 400;
	}
	.sector-selector-promo .promos {
		display: flex;
		justify-content: space-between;
	}
	.sector-selector-promo .promos a {
		display: inline-block;
		min-height: 216px;
		padding: 12px;
		position: relative;
		width: 31%;
	}
	.sector-selector-promo .promos svg {
		display: inline-block;
	    height: 50px;
	    width: 50px;
	    margin: 40px 0 15px;
	}
	.sector-selector-promo .promos .search {
		color: #ffffff;
		font-size: 17px;
		left: 0;
	    position: absolute;
	    bottom: 25px;
		text-align: center;
	    width: 100%;
	    font-family: NeuzeitGro-Reg;
	    font-size: 16px;
	    font-weight: 400;
	    font-style: normal;
	    line-height: 21px;
	    letter-spacing: 1.1px;
	    transition: all 0.3s;
	}
	.sector-selector-promo .promos .long-search {
		font-family: NeuzeitGro-Reg;
	    font-size: 16px;
	    font-weight: 400;
	    font-style: normal;
	    line-height: 21px;
	    letter-spacing: 1.1px;
		display: none;
	}
	.sector-selector-promo .promos .DesignCreativeServices {
		background-color: #003282;
		color: #fa5032;
		fill: #fa5032;
		transition: all 0.3s;
	}
	.sector-selector-promo .promos .DesignCreativeServices:hover {
		background-color: #fa5032;
		color: #ffffff;
		fill: #ffffff;
	}
	.sector-selector-promo .promos .ClientServicesAdmin {
		background-color: #015adc;
		color: #01c89d;
		fill: #01c89d;
		transition: all 0.3s;
	}
	.sector-selector-promo .promos .ClientServicesAdmin:hover {
		background-color: #01c89d;
		color: #ffffff;
		fill: #ffffff;
	}
	.sector-selector-promo .promos .StrategyMarketing {
		background-color: #1e87ff;
		color: #f8d22e;
		fill: #f8d22e;
		transition: all 0.3s;
	}
	.sector-selector-promo .promos .StrategyMarketing:hover {
		background-color: #f8d22e;
		color: #424242;
		fill: #424242;
	}
	.sector-selector-promo .promos .StrategyMarketing:hover .search {
		color: #424242;
	}
	@media only screen and (max-width: 800px) {
		.sector-selector-promo .promos {
			display: initial;
			padding: 24px 20px 24px 64px;
		}
		.sector-selector-promo .promos a {
		    margin: 0 2% 12px;
		    min-height: 115px;
		    width: 96%;
		    display: flex;
		    justify-content: flex-start;
		    align-items: center;
		}
		.sector-selector-promo .promos svg {
			position: initial;
		    height: 24px;
		    margin: 0 20px 0 0;
		    width: 24px;
		}
		.sector-selector-promo .promos .title,
		.sector-selector-promo .promos .search {
			display: none;
		}
		.sector-selector-promo .promos .long-search {
			display: inline-block;
			text-align: left;
		}
		.sector-selector-promo .promos .DesignCreativeServices,
		.sector-selector-promo .promos .DesignCreativeServices:hover {
			background-color: #fa5032;
			color: #ffffff;
			fill: #ffffff;
		}
		.sector-selector-promo .promos .ClientServicesAdmin,
		.sector-selector-promo .promos .ClientServicesAdmin:hover {
			background-color: #01c89d;
			color: #ffffff;
			fill: #ffffff;
		}
		.sector-selector-promo .promos .StrategyMarketing,
		.sector-selector-promo .promos .StrategyMarketing:hover {
			background-color: #f8d22e;
			color: #424242;
			fill: #424242;
		}
	}

/* searchpage */
	section.blog-content.search {
		margin-top: 0 !important;
		padding-top: 0;
	}
	.blog-content.search .container {
		background-color: #FFFFFF;
		padding: 121px 50px 0;
	}
	.blog-content.search .container h2,
	.job-content.search .container h2 {
		font-family: PrumoDeck-SemiBold;
	    font-weight: 400;
	    font-size: 26px;
	    line-height: 1.3;
	    margin-bottom: 20px;
	    text-align: left;
	    word-break: break-all;
	}
	.blog-content.search .container h2 span,
	.job-content.search .container  h2 span {
		color: #1e87ff;
	}
	.job-content.search .container {
		padding: 50px;
	}
	.job-content.search .container #jobList {
		padding: 0;
	}
	.job-content.search .container #jobList .job-card {
		width: 100%;
	}
	.job-content.search .container #jobList .job-card .job-card-inner {
		min-height: 200px;
	}

/* footer */
	footer {
		width: 100%;
		background-color: #fff;
		line-height: 1.29em;
		font-size: 14px;
		font-family: NeuzeitGro-Lig, Arial, Helvetica, sans-serif;
		color: #424242;
		text-align: left;
		float: left;
	}
	footer .container {
		margin: 0 auto;
		text-align: left;
		max-width: 1012px;
		padding: 30px;
	}
	@media (min-width: 800px){
		footer .container {
			padding: 30px 100px 50px 90px;
		}
	}
	footer .container h3 {
		font-family: NeuzeitGro-Bol;
		margin-bottom: 20px;
		line-height: 16px;
		font-size: 14px;
	}
	footer .container a {
		color: #424242;
	}
	footer .container .footer-col {
		float: left;
		width: 130px;
		margin-right: 40px;
	}
	footer .container .link-circles {
		float: right;
		width: auto;
		clear: none;
	}
	footer .container .link-circles .blue-circle:first-child {
		margin-left: 0;
	}
	footer .container .link-circles .blue-circle {
		margin: 0 25px 10px 0;
	}
	footer .container .link-circles a.blue-circle {
		color: #FFF;
	}
	footer .container .link-circles .blue-circle p {
		width: 70px;
		line-height: 18px;
		margin-bottom: 0;
	}
	footer .container .footer-social {
		display: inline;
		float: left;
		margin-bottom: 50px;
	}
	@media only screen and (max-width: 800px) {
		footer .container .link-circles {
			float: left;
			width: 100%;
			clear: both;
		}
		footer .container .link-circles .blue-circle {
			margin: 0 10px 10px 0;
		}
	}

/* @media only screen and (max-width: XXXpx) { */

/* blue #39D9FD; */