/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
	overflow-x: hidden;
	font-family: "Helvetica Neue", Helvetica, "aktiv-grotesk", Arial, sans-serif;
	max-width: 1200px;
	margin 0 auto;
	position: relative;
}

.text-muted {
	color: #777;
}

.text-primary {
	color: #FE4023;
}

p {
	font-size: 1.6vw;
	line-height: 2.5vw;
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Montserrat, Arial, sans-serif;
}

p.large {
	font-size: 2vw;
}

a,
a:hover,
a:focus,
a:active,
a.active {
	outline: 0;
}

a {
	color: #FE4023;
}

a:hover,
a:focus,
a:active,
a.active {
	color: #FE4023;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Montserrat, Arial, sans-serif;
	font-weight: 600;
}

@media(min-width:768px) {
	.col-xl-10 {
		width: 100vw;
	}
	.col-xl-9 {
		width: 90vw;
	}
	.col-xl-8 {
		width: 80vw;
	}
	.col-xl-7 {
		width: 70vw;
	}
	.col-xl-6 {
		width: 60vw;
	}
	.col-xl-5 {
		width: 50vw;
	}
	.col-xl-4 {
		width: 40vw;
	}
	.col-xl-43 {
		width: 43vw;
	}
	.col-xl-45 {
		width: 45vw;
	}
	.col-xl-49 {
		width: 49vw;
	}
	.col-xl-56 {
		width: 56vw;
	}
	.col-xl-55 {
		width: 55vw;
	}
	.col-xl-35 {
		width: 35vw;
	}
	.col-xl-3 {
		width: 30vw;
	}
	.col-xl-2 {
		width: 20vw;
	}
	.col-xl-25 {
		width: 25vw;
	}
	.col-xl-1 {
		width: 10vw;
	}
	.row-xl-1 {
		height: 10vw;
	}
	.row-xl-2 {
		height: 20vw;
	}
	.row-xl-3 {
		height: 30vw;
	}
	.row-xl-4 {
		height: 40vw;
	}
	.row-xl-5 {
		height: 50vw;
	}
	.row-xl-6 {
		height: 60vw;
	}
	.row-xl-7 {
		height: 70vw;
	}
	.row-xl-8 {
		height: 80vw;
	}
	.row-xl-9 {
		height: 90vw;
	}
	.row-xl-10 {
		height: 100vw;
	}
	#portfolio .portfolioItem {
		position: absolute;
	}
	/*///position left///*/
	#portfolio .pos-xl-0 {
		left: 0vw;
	}
	#portfolio .pos-xl-1 {
		left: 10vw;
	}
	#portfolio .pos-xl-2 {
		left: 20vw;
	}
	#portfolio .pos-xl-3 {
		left: 30vw;
	}
	#portfolio .pos-xl-4 {
		left: 40vw;
	}
	#portfolio .pos-xl-5 {
		left: 50vw;
	}
	#portfolio .pos-xl-6 {
		left: 60vw;
	}
	#portfolio .pos-xl-7 {
		left: 70vw;
	}
	#portfolio .pos-xl-8 {
		left: 80vw;
	}
	#portfolio .pos-xl-9 {
		left: 90vw;
	}
	#portfolio .pos-xl-10 {
		left: 100vw;
	}
	/*///position top///*/
	#portfolio .y-xl-0 {
		top: 0vw;
	}
	#portfolio .y-xl-1 {
		top: 10vw;
	}
	#portfolio .y-xl-2 {
		top: 20vw;
	}
	#portfolio .y-xl-3 {
		top: 30vw;
	}
	#portfolio .y-xl-4 {
		top: 40vw;
	}
	#portfolio .y-xl-5 {
		top: 50vw;
	}
	#portfolio .y-xl-6 {
		top: 60vw;
	}
	#portfolio .y-xl-7 {
		top: 70vw;
	}
	#portfolio .y-xl-8 {
		top: 80vw;
	}
	#portfolio .y-xl-9 {
		top: 990vw;
	}
	#portfolio .y-xl-10 {
		top: 100vw;
	}
	#portfolio .y-xl-11 {
		top: 110vw;
	}
	#portfolio .y-xl-12 {
		top: 120vw;
	}
	#portfolio .y-xl-13 {
		top: 130vw;
	}
	#portfolio .y-xl-14 {
		top: 140vw;
	}
	#portfolio .y-xl-15 {
		top: 150vw;
	}
	#portfolio .y-xl-16 {
		top: 160vw;
	}
	#portfolio .y-xl-17 {
		top: 170vw;
	}
	#portfolio .y-xl-18 {
		top: 180vw;
	}
	#portfolio .y-xl-19 {
		top: 190vw;
	}
	#portfolio .y-xl-20 {
		top: 200vw;
	}
	#portfolio .y-xl-22 {
		top: 220vw;
	}
	#portfolio .y-xl-24 {
		top: 240vw;
	}
	#portfolio .y-xl-26 {
		top: 260vw;
	}
	#portfolio .y-xl-28 {
		top: 280vw;
	}
	#portfolio .y-xl-30 {
		top: 300vw;
	}
	#portfolio .y-xl-32 {
		top: 320vw;
	}
	#portfolio .y-xl-34 {
		top: 340vw;
	}
	#portfolio .y-xl-36 {
		top: 360vw;
	}
	#portfolio .y-xl-38 {
		top: 380vw;
	}
	#portfolio .y-xl-40 {
		top: 400vw;
	}
	#portfolio .y-xl-42 {
		top: 420vw;
	}
	#portfolio .y-xl-44 {
		top: 440vw;
	}
	#portfolio .y-xl-46 {
		top: 460vw;
	}
	#portfolio .y-xl-48 {
		top: 480vw;
	}
	#portfolio .y-xl-50 {
		top: 500vw;
	}
	#portfolio .y-xl-52 {
		top: 520vw;
	}
	#portfolio .y-xl-54 {
		top: 540vw;
	}
	#portfolio .y-xl-56 {
		top: 560vw;
	}
	#portfolio .y-xl-58 {
		top: 580vw;
	}
	#portfolio .y-xl-60 {
		top: 600vw;
	}
	#portfolio #placeholder {
		background-image: url(../images/team/studio-wide.jpg);
	}
	.col-xl-offset-0 {
		margin-left: 0vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-01 {
		margin-left: 1vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-03 {
		margin-left: 3vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-04 {
		margin-left: 4vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-05 {
		margin-left: 5vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-1 {
		margin-left: 10vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-15 {
		margin-left: 15vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-2 {
		margin-left: 20vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-25 {
		margin-left: 25vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-3 {
		margin-left: 30vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-4 {
		margin-left: 40vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-45 {
		margin-left: 45vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-5 {
		margin-left: 50vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-55 {
		margin-left: 55vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-6 {
		margin-left: 60vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-7 {
		margin-left: 70vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-xl-offset-8 {
		margin-left: 80vw;
		position: relative;
		float: left;
		display: block;
	}
}

@media(max-width: 767px) {
	.navbar {
		min-height: 50px;
	}
	#header .hide-mobile {
		display: none;
	}
	.col-sm-10 {
		width: 100vw;
	}
	.col-sm-9 {
		width: 90vw;
	}
	.col-sm-8 {
		width: 80vw;
	}
	.col-sm-7 {
		width: 70vw;
	}
	.col-sm-6 {
		width: 60vw;
	}
	.col-sm-5 {
		width: 50vw;
	}
	.col-sm-4 {
		width: 40vw;
	}
	.col-sm-3 {
		width: 30vw;
	}
	.col-sm-2 {
		width: 20vw;
	}
	.col-sm-1 {
		width: 10vw;
	}
	.row-sm-1 {
		height: 10vw;
	}
	.row-sm-2 {
		height: 20vw;
	}
	.row-sm-3 {
		height: 30vw;
	}
	.row-sm-4 {
		height: 40vw;
	}
	.row-sm-5 {
		height: 50vw;
	}
	.row-xl-6 {
		height: 60vw;
	}
	.row-sm-7 {
		height: 70vw;
	}
	.row-sm-8 {
		height: 80vw;
	}
	.row-sm-9 {
		height: 90vw;
	}
	.row-sm-10 {
		height: 100vw;
	}
	.col-sm-offset-05 {
		margin-left: 5vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-sm-offset-1 {
		margin-left: 10vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-sm-offset-2 {
		margin-left: 20vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-sm-offset-3 {
		margin-left: 30vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-sm-offset-4 {
		margin-left: 40vw;
		position: relative;
		float: left;
		display: block;
	}
	.col-sm-offset-45 {
		margin-left: 45vw;
		position: relative;
		float: left;
		display: block;
	}
}

.argo-red {
	color: #FE4023;
}

.argo-gray {
	background-color: #878B8C;
}

.argotext,
.header-text a {
	text-transform: lowercase;
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Montserrat, Arial, sans-serif;
	font-weight: 300;
	color: #344247;
	margin-left: -.5vw;
	padding: 0px .5vw;
	line-height: 1.69vw;
	font-size: 1.1vw;
}

.img-centered {
	margin: 0 auto;
}

.bg-light-gray {
	background-color: #f7f7f7;
}

.bg-darkest-gray {
	background-color: #222;
}

.btn-primary {
	border-color: #FE4023;
	text-transform: uppercase;
	font-family: "aktiv-grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	background-color: #FE4023;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	border-color: #FE4023;
	color: #fff;
	background-color: #fec503;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	border-color: #FE4023;
	background-color: #FE4023;
}

.btn-primary .badge {
	color: #fed136;
	background-color: #fff;
}

.btn-xl {
	padding: 20px 40px;
	border-color: #FE4023;
	border-radius: 3px;
	text-transform: uppercase;
	font-family: "aktiv-grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background-color: #fed136;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
	border-color: #FE4023;
	color: #fff;
	background-color: #FE4023;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
	background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
	border-color: #FE4023;
	background-color: #FE4023;
}

.btn-xl .badge {
	color: #fed136;
	background-color: #fff;
}

.navbar {
	min-height: 5vw;
}

.navbar-default {
	border-color: transparent;
	background-color: rgba(255, 255, 255, .90);
	padding-top: 1.2vw;
	-webkit-transition: top .3s;
	-moz-transition: top .3s;
	transition: top .3s;
	padding-bottom: 0px;
	max-height: 3vw;
	color: #000;
}

.navbar .header-dash {
	font-size: 2vw;
	color: #344247;
	padding-left: 0.4vw;
	font-weight: 100;
	line-height: 1vw;
	position: relative;
	top: 0.4vw;
	opacity: .5;
}

#navLinks {
	text-align: center;
	display: block;
	position: relative;
	margin: 0 auto;
	width: 17vw;
	top: 0.5vw;
}

#navContact {
	float: right;
	color: #81888d;
	font-size: 1vw;
	position: absolute;
	right: 2vw;
	padding-top: 0.6vw;
}

#header .header-dash span {
	color: #fff;
}

#header.inverse .header-dash span {
	color: #000;
}

#navBar .header-dash span {
	color: #344247;
}

.argo-gray .header-dash span {
	color: #344247!important;
}

#header .sudoHeader {
	position: absolute;
	top: 2vw;
	min-height: 7vw;
	top: 0vw;
	padding-bottom: 0px;
	max-height: 3vw;
	padding-top: 1.2vw;
	display: inline-block;
}

#header .sudoHeader #navLinks {
	top: 2.8vw;
}

#header .sudoHeader #navContact {
	padding-top: 1.5vw;
}

#header .sudoHeader img {
	width: auto;
	left: 2vw;
}

#header .sudoHeader .navbar-header {
	/*float: none;*/
}

#header .sudoHeader a {
	color: #344247;
	padding: 0.2vw;
	line-height: 1.65vw;
	font-size: 1.1vw;
	font-weight: 300;
}

#header li a span {
	font-size: 2vw;
	color: #344247;
	padding-left: 0.4vw;
	font-weight: 100;
	line-height: 1vw;
	position: relative;
	top: 0.4vw;
	opacity: .5;
	display: inline-block;
}

.header-text {
	text-transform: lowercase;
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Montserrat, Arial, sans-serif;
	font-weight: 500;
	color: #344247;
	margin-left: -.5vw;
	padding: 0.9vw .5vw;
	line-height: 1.69vw;
	font-size: 1.1vw;
	float: left;
}

.header-dash {
	font-size: 2vw;
	color: #344247;
	padding-left: 0.4vw;
	padding-right: 0.7vw;
	font-weight: 100;
	line-height: 1vw;
	position: relative;
	top: 0.4vw;
	opacity: .5;
}

#navBar .header-dash {
	color: #344247;
}

header .argo-grey #navContact .header-dash span {
	color: #344247;
}

.navbar-fixed-top #navContact .header-dash span {
	color: #344247;
}

.nav li {
	float: left;
}

.navbar-default .navbar-brand {
	font-family: "Helvetica Neue", Helvetica, "aktiv-grotesk", Arial, serif;
	color: #fed136;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
	color: #fec503;
}

.navbar-default .navbar-collapse {
	border-color: rgba(255, 255, 255, .02);
}

.navbar-default .navbar-toggle {
	border-color: #FE4023;
	background-color: #FE4023;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fff;
}

.navbar-default .nav li a {
	text-transform: lowercase;
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Montserrat, Arial, sans-serif;
	color: #344247;
	margin-left: -.5vw;
	padding: 0.9vw .5vw;
	line-height: 1.69vw;
	font-size: 1.1vw;
}

a:hover span,
a:focus span {
	color: #000000;
	text-decoration: none;
}

.navbar-default .nav li a:hover span {
	color: #000;
	text-decoration: none;
}

#header li a:hover span {
	/*color: #000;*/
	text-decoration: none;
}

.navbar-default .nav li a span {
	font-size: 2vw;
	color: #344247;
	padding-left: 0.4vw;
	font-weight: 100;
	line-height: 1vw;
	position: relative;
	top: 0.4vw;
	opacity: .5;
	display: inline-block;
}

.navbar-default .nav li a span:first-of-type {
	text-decoration: none;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
	outline: 0;
	color: #FE4023;
}

.navbar-default .navbar-nav>.active>a {
	border-radius: 0;
	color: #FE4023;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #FE4023;
}

.navbar-nav {
	float: left;
	margin: 0;
	margin-left: 0%;
}

.navbar-header {
	float: left;
}

.navbar-header img {
	height: 3vw;
	width: auto;
	margin: 0.8vw;
}

.navbar-default #headerLogo {
	content: url("../images/argo_color.png");
}

#value-section {
	background-image: url(../images/homepage/jared-wires.jpg);
	background-origin: content-box;
	background-size: cover;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 50%;
	display: inline-block;
	width: 100vw;
	padding-bottom: 12vw;
}

#value-section h2 {
	font-size: 6vw;
	float: left;
	padding-top: 0.8vw;
}

#value-section h3 {
	padding-top: 2vw;
	padding-bottom: 1vw;
	font-size: 2.5vw;
	line-height: 3vw;
	margin-top: 1vw;
	margin-bottom: 2vw;
}

#value-section h4 {
	font-weight: 300;
	font-size: 1.6vw;
	margin-top: 1vw;
	margin-bottom: 2vw;
}

#value-section p {
	font-size: 1vw;
	margin: 1vw 0vw 2vw 0vw;
	line-height: 2vw;
}

#instagram {
	padding-top: 5vw;
	padding-bottom: 0vw;
}

#instagram img {
	cursor: pointer;
}

#instafeed {
	padding-top: 5vw;
}

.instafeed {
	display: block;
	height: 9.9vw;
	width: 9.9vw;
	position: relative;
	overflow: hidden;
	padding: 0.1vw;
	float: left;
	border: .1vw solid white;
}

#instagram .instafeed img {
	height: 100%;
	width: auto;
	/* background: #333; */
	margin-top: 0px;
	margin-left: 0px;
	min-width: 100%;
	min-height: 100%;
}

#instagram img {
	/*padding-top: 5vw;*/
	padding: .1vw;
}

#instafeed a:nth-child(5) {
	width: 20vw;
	height: 19.8vw;
	position: absolute;
	z-index: 1000;
	left: 39.6vw;
}

#instafeed a:nth-child(6) {
	padding-left: 19.75vw;
}

#instafeed a:nth-child(15) {
	padding-left: 19.75vw;
}

#instafeed a:nth-child(20) {
	display: none;
}

#business-models {
	padding-bottom: 10%;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	color: #333;
}

#business-models h4 {
	font-size: 4vw;
	line-height: 4vw;
	letter-spacing: .04vw;
}

#business-models h3 {
	font-size: 1.6vw;
	line-height: 2vw;
	color: #FE4023;
}

#business-models p {
	font-size: 1.1vw;
	line-height: 1.6vw;
}

.hide-mobile {
	display: block;
}

.show-mobile {
	display: none;
}

.navbar-header img {
	height: 3vw;
	width: auto;
	margin: 0.8vw;
}

@media(max-width: 767px) {
	.hide-mobile {
		display: none;
	}
	.show-mobile {
		display: block;
	}
	#business-models p {
		font-size: 3vw;
		line-height: 6vw;
	}
	#business-models h3 {
		font-size: 4vw;
		line-height: 3vw;
		color: #FE4023;
	}
	#business-models h4 {
		font-size: 5vw;
		line-height: 6vw;
		letter-spacing: .04vw;
	}
	.navbar {
		min-height: 30px;
		max-height: 50px;
		padding-top: 7px;
		background-color: #ffffff;
		max-width: 100vw;
		position: fixed;
	}
	.navbar-default .nav li a {
		color: #000;
		line-height: 14px;
		font-size: 14px;
		padding: 4px 5px;
		margin-left: 0px;
		margin-right: 10px;
	}
	.navbar-default .nav li a span {
		font-size: 35px;
		color: #344247;
		padding-left: -0.6vw;
		font-weight: 100;
		line-height: 35px;
		position: absolute;
		opacity: .5;
		margin-right: 10px;
		margin-left: 3px;
		display: inline-block;
		top: -5px;
	}
	#navLinks {
		float: right;
		margin-right: 7px;
		width: 60%;
		text-align: right;
	}
	.navbar-nav {
		float: right;
		margin-left: 0;
		margin-top: 5px!important;
	}
	.navbar-header img {
		height: 25px;
		width: auto;
		margin: 6px;
	}
	#value-section h3 {
		padding-top: 2vw;
		padding-bottom: 1vw;
		font-size: 4vw;
		line-height: 5vw;
	}
	#value-section p {
		font-size: 3vw;
		line-height: 6vw;
		margin: 0;
		padding-bottom: 30px;
	}
	#value-section h4 {
		font-weight: 300;
		font-size: 3.6vw;
		padding-bottom: 10vw;
	}
	#instafeed {
		padding-top: 50px;
	}
	.instafeed {
		display: inline-block;
		width: 19.8vw;
		position: relative;
		overflow: hidden;
		/* padding: 0; */
		float: left;
		border: .1vw solid white;
		height: 19.8vw;
	}
	#instafeed img {
		width: 20%;
		padding: 1px;
	}
	#instafeed a:nth-child(5) {
		width: 20vw;
		height: 19.8vw;
		position: absolute;
		z-index: 1000;
		left: 0;
	}
	#instafeed a:nth-child(6) {
		padding-left: .1vw;
	}
	#instafeed a:nth-child(15) {
		padding-left: .1vw;
	}
	#instafeed a:nth-child(16) img {
		margin-left: 0;
	}
	#instafeed a:nth-child(14) {
		display: none;
	}
	#instafeed a:nth-child(15) {
		display: none;
	}
	#instafeed a:nth-child(16) {
		display: none;
	}
}


/*.hyperloop .navbar-default {
    background: transparent;
}

.hyperloop .navbar-default .nav li a {
    color: #000;
}*/

.team header {
	background-image: url(../images/team/partners-header.png);
	background-origin: content-box;
	background-size: cover;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 96vw;
	left: 2vw;
	top: 0vw;
	margin-top: 2vw;
	display: block;
}

.team #header {
	height: 67vw;
	margin-bottom: 5vw;
	width: 100%;
}

.team #header .sudoHeader a {
	color: #fff;
	padding: 0.2vw;
	line-height: 1.6vw;
	font-size: 1.1vw;
}

.team #header .sudoHeader {
	top: -2vw;
}

.team #header .sudoHeader #navContact {
	right: 2vw;
}

.team #headerNames {
	position: absolute;
	top: 0px;
	left: -1vw;
}

.team #headerNames a {
	color: #000;
}

.team #headerNames a:hover {
	color: #FE4023;
}

.team #headerNames .line {
	color: #bcbdbb;
	position: relative;
	top: -1.3vw;
	font-weight: 500;
}

.index .header-dash {
	color: #fff;
	margin-right: .2vw;
}

.index #nacContact .header-dash {
	color: #fff;
}

.about .header-dash {
	color: #fff;
	margin-right: .2vw;
}

.team .header-dash {
	color: #fff;
	margin-right: .2vw;
}

.work .header-dash {
	color: #fff;
	margin-right: .2vw;
}

.index,
.about,
.team #header .sudoHeader .header-dash {
	color: #fff;
}

.team .headerCopy {
	color: #344247;
	position: absolute;
	font-size: 1.4vw;
	font-weight: 500;
	margin-top: 0vw;
	margin-left: 0vw;
}

.team .headerCopy .line {
	color: #bcbdbb;
	position: relative;
	top: -1.3vw;
	font-weight: 500;
}

.team .headerCopy .title {
	color: #344247;
	position: relative;
	top: -1vw;
	font-weight: 200;
	font-size: 1vw;
	line-height: 1.2vw;
	letter-spacing: .01vw;
	width: 16vw;
	display: block;
}

.team .headerCopy div {
	float: left;
}


/*
.about .headerCopy {
	color: #fff;
	position: absolute;
	font-size: 4vw;
    line-height: 4vw;
	/*top: 23vw;*/


/*left: 10vw;
	font-weight: 600;
	letter-spacing: 0.1vw;
}
.about .headerCopy .light {
    font-weight: 100;
    font-size: 4vw;
    line-height: 4vw;
	    letter-spacing: 0.1vw;
}

.about .headerCopy .line {
	color: #bcbdbb;
	position: relative;
	top: -1.3vw;
	font-weight: 500;
}

.about .headerCopy .title {
	color: #344247;
	position: relative;
	top: -1vw;
	font-weight: 200;
	font-size: 1vw;
	line-height: 1.2vw;
	letter-spacing: .01vw;
	width: 16vw;
	display: block;
}

.about .headerCopy div {
	float: left;
}
.about header{
	background-image: url(../images/locations/3up_modifiedraster.jpg);
	height: 50vw;
	width: 100vw;
	background-size: contain;
	color: #fff;
}
.about #header .light {
    color: #fff;
}
.about #header .strong {
    color: #fff;
	 font-size:4.5vw;
	letter-spacing: .15vw
}
.about #header .headerCopy {
	top:30vw;
    left: 23vw;
}
.about #header #austinName{
	margin-left:-14vw;
	opacity:.9;
}
.about #header #amsterdamName{
	margin-left: 15vw;
	opacity: 0;
}
.about #header #newyorkName{
	margin-left:8vw;
	opacity:.9;
}
.about #mapShots{
	padding-top: 5.5vw;
    height: 45vw;
    color: #fff;
    background-color: #1e262a;
	border:none;
}
.about #austinCol{
	margin-left:2.5vw;
}
.about #amsterdamCol{
	margin-left:2.5vw;
}
.about #newyorkCol{
	margin-left: 2.5vw;
}
*/

.team #kevin {
	top: 13.1vw;
	position: absolute;
	left: 14.8vw;
	width: 15vw;
}

.team #markr {
	top: 13.1vw;
	position: absolute;
	left: 35.8vw;
	width: 16vw;
}

.team #jared {
	top: 13.1vw;
	position: absolute;
	left: 55.3vw;
	width: 15vw;
}

.team #jared .title {
	width: 12vw;
}

.team #markg {
	top: 13.1vw;
	position: absolute;
	left: 74.8vw;
	width: 15vw;
}

.team #markg .title {
	width: 9vw;
}

.team #teamCopy {
	margin-left: 0vw;
	position: relative;
	float: left;
	display: block;
	padding-top: 0vw;
	letter-spacing: 0vw;
	padding-bottom: 0vw;
	padding-right: 2vw;
	padding-left: 2vw;
	/*background: url(../images/team/teamCopy.jpg);*/
	background-size: contain;
	background-repeat: no-repeat;
	padding-bottom: 10vw;
}
.team #teamCopy a{
	color: #000;
    text-decoration: none;
}
.team hr{
	border-bottom: 1px solid #DDC;

}
.team #teamCopy a:hover{
	color: #FE4023;
    text-decoration: underline;
}
.team #teamCopy h3{
	font-size: 2vw;
	padding: 0vw;
	line-height: 2.6vw;
	margin-top: 2vw;
    margin-bottom: 1vw;
}
.team #teamCopy h3.light{
	font-weight: 200;
	font-size: 3vw
}
.team #teamCopy h4{
	 font-size: 1.8vw;
	margin-top: .5vw;
    margin-bottom: 1vw;
}
.team #teamCopy h4.light{
	font-weight: 200;
}
.team #teamCopy h2,
.h2 {
	font-size: 2.2vw;
	margin-top: -2vw;
	letter-spacing: .044vw;
	line-height: 2.7vw;
	border-right: .3vw solid #000;
	padding-top: 2.63vw;
	margin: -2vw 0vw 2vw;
}

.team #teamCopy p,
.p {
	font-size: 1.2vw;
	letter-spacing: 0.0037vw;
	line-height: 2.3vw;
	border-right: .3vw solid #000;
	padding-right: 4vw;
}

.team .teamGrid .teamItem h3,
.h3 {
	font-size: 3vw;
	padding: 2vw 5vw;
	color: #fff;
	line-height: 3.6vw;
}

.team .teamGrid .teamItem {
	background-size: cover;
	width: 100%;
	height: 100%;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	/*-webkit-box-shadow: inset 0vw 0vw 0vw 0.26vw rgba(255, 255, 255, 1);
	-moz-box-shadow: inset 0vw 0vw 0vw 0.26vw rgba(255, 255, 255, 1);
	box-shadow: inset 0vw 0vw 0vw 0.26vw rgba(255, 255, 255, 1);*/
}

.team .#portfolio-item {
	position: absolute;
}

.team .teamItem {
	transition: background 0.25s ease-in-out;
}

.team .teamGrid .firstDay {
	background-image: url(../images/team/samsGroup.jpg);
}
.team .teamGrid .playMode.firstDay {
	background-image: url(../images/team/firstDay.jpg);
}


.team .teamGrid .wurstgauger {
	background-image: url(../images/team/discovery_shot.jpg);
}
.team .teamGrid .wurstgauger.playMode {
	background-image: url(../images/team/IMG_8841.jpg);
}

.team .teamGrid .slot-one-vertical {
	background-image: url(../images/team/magicLeap.jpg);
}

.team .teamGrid .slot-one-vertical.playMode {
	background-image: url(../images/team/jacob_keyed.JPG);
}

.team .teamGrid .studioLong {
	background-image: url(../images/team/studioLong.jpg);
}

.team .teamGrid .pos5 {
	background-image: url(../images/team/nystickies.jpg);
}
.team .teamGrid .pos5.playMode {
	background-image: url(../images/team/jaredWalkie.jpg);
}

.team .teamGrid .pos6  {
	background-image: url(../images/team/kinseowear.jpg);
}
.team .teamGrid .pos6.playMode  {
	background-image: url(../images/team/cobra_2.JPG);
}


.team .teamGrid .pos7 {
	background-image: url(../images/team/wurstSwing.jpg);
}


.team .teamGrid .wurstPeeps {
	background-image: url(../images/team/desk3.jpg);
}
.team .teamGrid .wurstPeeps.playMode {
	background-image: url(../images/team/grillcactus.jpg);
}

.team .teamGrid .pos8 {
	background-image: url(../images/team/argoMug.jpg);
}

.team .teamGrid .pos9 {
	background-image: url(../images/team/studio-wide.jpg);
}
.team .teamGrid .pos9.playMode {
	background-image: url(../images/team/wurstSwing.jpg);
}
.team .teamGrid .pos10 {
	background-image: url(../images/team/amsterdam_group_1.jpg);
}
.team .teamGrid .pos10.playMode {
	background-image: url(../images/team/cobraFront.JPG);
}

.team .teamGrid .pos11 {
	background-image: url(../images/team/whiteBoard_sams.jpg);
}
.team .teamGrid .pos11.playMode {
	background-image: url(../images/team/cozyChairs.jpg);
}


.team .teamGrid .desk1 {
	background-image: url(../images/team/SVADESIGNFAIR_02222019_SFZ_0187.jpg);
}
.team .teamGrid .desk1.playMode {
	background-image: url(../images/team/desk1.jpg);
}

.team .teamGrid .desk2 {
	background-image: url(../images/team/monitors.jpg);
}
.team .teamGrid .desk2.playMode {
	background-image: url(../images/team/desk2.jpg);
}

.team .teamGrid .desk3 {
	background-image: url(../images/team/watches.jpg);
}
.team .teamGrid .desk3.playMode {
	background-image: url(../images/team/desk3.jpg);
}


.team .teamGrid .desk4 {
	background-image: url(../images/team/amsterdamStickies.jpg);
}
.team .teamGrid .desk4.playMode {
	background-image: url(../images/team/desk4.jpg);
}

.team .teamGrid .jaredWalkie {
	background-image: url(../images/team/rusty_johnathan.jpg);
}
.team .teamGrid .jaredWalkie.playMode {
	background-image: url(../images/team/06_Laurahover.jpg);
}

.team .teamGrid .argoWeen {
	background-image: url(../images/team/studioShot_senior.JPG);
}
.team .teamGrid .argoWeen.playMode {
	background-image: url(../images/team/argoWeen.jpg);
}

.team .teamGrid .davidNy {
	background-image: url(../images/team/research.jpg);
}
.team .teamGrid .davidNy.playMode {
	background-image: url(../images/team/jeorgiePlant.JPG);
}

.team .teamGrid .fourupGroup {
	background-image: url(../images/team/construction.jpg);
}
.team .teamGrid .fourupGroup.playMode {
	background-image: url(../images/team/17358785_652913361559363_4776236149287030844_o.jpg);
}

.team .teamGrid .trackDay2 {
	background-image: url(../images/team/markDesk.jpg);
}
.team .teamGrid .trackDay2.playMode {
	background-image: url(../images/team/trackDay2.JPG);
}

.team .teamGrid .trackDay3 {
	background-image: url(../images/team/studioShot_sideways.jpg);
}
.team .teamGrid .trackDay3.playMode {
	background-image: url(../images/team/trackDay3.JPG);
}


/*old school images*/

.team .teamGrid .renae {
	background-image: url(../images/team/01_renae.jpg);
}

.team .teamGrid .matthew {
	background-image: url(../images/team/02_matthew.jpg);
}

.team .teamGrid .matthew:hover {
	background-image: url(../images/team/02_matthew_hover.jpg);
}

.team .teamGrid .eric {
	background-image: url(../images/team/Eric_Wicks.jpg);
}

.team .teamGrid .argo-square {
	background-image: url(../images/team/argo-square.jpg);
}



.team .teamGrid .sonia {
	background-image: url(../images/team/04_Sonia.jpg);
}

.team .teamGrid .marion {
	background-image: url(../images/team/05_Marion.jpg);
}

.team .teamGrid .laura:hover {
	background-image: url(../images/team/06_Laurahover.jpg);
}

.team .teamGrid .laura {
	background-image: url(../images/team/06_Laura.jpg);
}

.team .teamGrid .david {
	background-image: url(../images/team/07_David.jpg);
}

.team .teamGrid .jimmy {
	background-image: url(../images/team/08_Jimmy.jpg);
}

.team .teamGrid .ianm:hover {
	background-image: url(../images/team/09_Ianhover.png);
}

.team .teamGrid .ianm {
	background-image: url(../images/team/09_Ian.jpg);
}

.team .teamGrid .camille:hover {
	background-image: url(../images/team/camille_hover.jpg);
}

.team .teamGrid .camille {
	background-image: url(../images/team/Camille_Woods.jpg);
}

.team .teamGrid .spencer-square {
	background-image: url(../images/team/cheerio.jpg);
}

.team .teamGrid .car-square {
	background-image: url(../images/team/cobraFront.JPG);
}

.team .teamGrid .studio-long {
	background-image: url(../images/team/playPossible.jpg);
}
.team .teamGrid .studio-long.playMode {
	background-image: url(../images/team/puppy.jpg);
}

.team .teamGrid .stephanie {
	background-image: url(../images/team/11_Stephanie.jpg);
}

.team .teamGrid .spencer {
	background-image: url(../images/team/12_Spencer.jpg);
}

.team .teamGrid .carol {
	background-image: url(../images/team/13_Carol.jpg);
	cursor: pointer;
}

.team .teamGrid .carol:hover {
	background-image: url(../images/team/carolRollover.JPG);
}

.team .teamGrid .studio-long-2 {
	background-image: url(../images/team/amsterdam_radio.jpg);
}
.team .teamGrid .studio-long-2.playMode {
	background-image: url(../images/team/snakline.JPG);
}

.team .teamGrid .pos8.playMode {
	background-image: url(../images/team/martha_hover.jpg);
}
.team .teamGrid .rachel {
	background-image: url(../images/team/14_Rachel.jpg);
}

.team .teamGrid .brian {
	background-image: url(../images/team/15_Brian.jpg);
}

.team .teamGrid .hansi {
	background-image: url(../images/team/16_hansi.jpg);
}

.team .teamGrid .matt {
	background-image: url(../images/team/16_Matt.jpg);
}

.team .teamGrid .hayes {
	background-image: url(../images/team/17_Hayes.jpg);
}

.team .teamGrid .hayes:hover {
	cursor: pointer;
	background-image: url(../images/team/17_Hayeshover.jpg);
}

.team .teamGrid .lala {
	background-image: url(../images/team/18_Laura_Rillera.jpg);
}

.team .teamGrid .lala:hover {
	background-image: url(../images/team/lala-rollover.jpg);
}

.team .teamGrid .francis {
	background-image: url(../images/team/19_Francis_Carbone.jpg);
}

.team .teamGrid .studio-square {
	background-image: url(../images/team/studio-square.jpg);
}

.team .teamGrid .desmond {
	background-image: url(../images/team/20_Desmond.jpg);
}

.team .teamGrid .desmond:hover {
	background-image: url(../images/team/desmond_hover.jpg);
}

.team .teamGrid .lisa {
	background-image: url(../images/team/21_Lisa.jpg);
}

.team .teamGrid .carol-2 {
	background-image: url(../images/team/stakbuilding.jpg);
}
.team .teamGrid .carol-2.playMode {
	background-image: url(../images/team/nystairs.jpg);
}

.team .teamGrid .carol_window {
	background-image: url(../images/team/argocoaster.jpg);
}

.team .teamGrid .johnathan {
	background-image: url(../images/team/22_Jonathon.jpg);
}

.team .teamGrid .ians {
	background-image: url(../images/team/23_Ian.jpg);
}

.team .teamGrid .michael {
	background-image: url(../images/team/24_Michael.jpg);
}

.team .teamGrid .michael:hover {
	background-image: url(../images/team/michael_hover.jpg);
}

.team .teamGrid .melissa {
	background-image: url(../images/team/25_Melissa.jpg);
}

.team .teamGrid .jarrod {
	background-image: url(../images/team/26_Jarrod.jpg);
}

.team .teamGrid .jarret {
	background-image: url(../images/team/27_Jarrett.jpg);
}

.team .teamGrid .martha {
	background-image: url(../images/team/28_Martha.jpg);
}

.team .teamGrid .martha:hover {
	background-image: url(../images/team/martha_hover.jpg);
}

.team .teamGrid .ben {
	background-image: url(../images/team/ben.faubion.jpg);
}

.team .teamGrid .emily {
	background-image: url(../images/team/emily_eisenhart.jpg);
}

.team .teamGrid .tiffany {
	background-image: url(../images/team/tiffany.chow.jpg);
}

.team .teamGrid .studio-wide {
	background-image: url(../images/team/darkStudio.jpg);
}

.team .teamGrid .studio-wide.playMode {
	background-image: url(../images/team/painting_web.jpg);
}

.team .teamGrid .andrea {
	background-image: url(../images/team/andrea_lindzey_360.jpg);
}

.team .teamGrid .keith {
	background-image: url(../images/team/keith_lang_360.jpg);
}

.team .teamGrid .jason_orr {
	background-image: url(../images/team/Jason_Orr_2.jpg);
}

.team .teamGrid .argoCards {
	background-image: url(../images/team/argo_weld.jpg);
}

.team .teamGrid .kyle {
	background-image: url(../images/team/Kyle_Contino.jpg);
}

.team .teamGrid .jessica {
	background-image: url(../images/team/Jessica_Leavitt.jpg);
}

.team .teamGrid .rusty {
	background-image: url(../images/team/Rusty_Kocian.jpg);
}

.team .teamGrid .reid {
	background-image: url(../images/team/Reid_Evans2.jpg);
}

.team .teamGrid .shrub {
	background-image: url(../images/team/davidlaura.jpg);
}

.team .teamGrid .shrub.playMode {
	background-image: url(../images/team/shrub.jpg);
}

.team .teamGrid .kathryn {
	background-image: url(../images/team/Kathryn_Mcelroy.jpg);
}

.team .teamGrid .jacob {
	background-image: url(../images/team/Jacob_Rader.jpg);
}

.team .teamGrid .neysa {
	background-image: url(../images/team/Neysa_King.jpg);
}

.team .teamGrid .sara {
	background-image: url(../images/team/sara_wingfield.jpg);
}

.team .teamGrid .daniel {
	background-image: url(../images/team/Daniel_Hutcherson.jpg);
}

.team .teamGrid .jarret_pickens {
	background-image: url(../images/team/jarret_pickens.jpg);
}

.team .teamGrid .cathryn_rowe {
	background-image: url(../images/team/Cathryn_Rowe.jpg);
}

.team .teamGrid .arlene_tee {
	background-image: url(../images/team/Arlene_Tee.jpg);
}

.team .teamGrid .jordan_bresler {
	background-image: url(../images/team/Jordan_Bresler.jpg);
}

.team .teamGrid .andrew_narin {
	background-image: url(../images/team/Andrew_Nairn.jpg);
}

.team .teamGrid .marcus_pina {
	background-image: url(../images/team/Marcus_Pina.jpg);
}

.team .teamGrid .kendal_dirkin {
	background-image: url(../images/team/Kendal_Dirkin_org.jpg);
}

.team .teamGrid .meg_marsh {
	background-image: url(../images/team/Meg_Marsh.jpg);
}

.team .teamGrid .jared_faulkner {
	background-image: url(../images/team/Jared_Faulkner.jpg);
}

.team .teamGrid .luther_himes {
	background-image: url(../images/team/Luther_Himes.jpg);
}

.team .teamGrid .studio_fun {
	background-image: url(../images/team/studioShot_huddle.JPG);
}

.team header a {
	color: #344247;
}

.team header a:hover {
	color: #f04e23;
}

.team #recruitment {
	background-image: url(../images/team/team-hand.jpg);
	background-size: cover;
	height: 50vw;
	color: #fff;
	background-position: center;
	padding-top: 10vw;
}

.team #recruitment h2 {
	font-size: 2.8vw;
}

.team #recruitment h4 {
	font-size: 1.4vw;
	font-weight: 400;
	line-height: 1.8vw;
}

.team #cta {
	display: block;
	background: #f04e23;
	line-height: 2vw;
	padding-top: 1vw;
	margin-top: 5vw;
	color: #fff;
}

.team #cta p {
	margin: 1vw .5vw 2vw;
}


/*
#pardot-form {
    position: relative;
    left: 50%;
    margin-left: -25%;
}
*/

@media only screen and (max-width: 767px) {
	.team #header {
		padding-bottom: 67vw;
		margin-top: 50px;
	}
	.team .headerCopy {
		color: #344247;
		position: absolute;
		font-size: 3.4vw;
		font-weight: 500;
		line-height: 4vw;
	}
	.team #kevin {
		top: 11.1vw;
		position: absolute;
		left: 13vw;
		width: 15vw;
	}
	.team #markr {
		top: 11.1vw;
		position: absolute;
		left: 32vw;
		width: 20vw;
	}
	.team #markr .title {
		width: 21vw;
	}
	.team #jared {
		top: 11.1vw;
		position: absolute;
		left: 52vw;
		width: 19vw;
	}
	.team #jared .title {
		width: 21vw;
	}
	.team #markg {
		top: 11.1vw;
		position: absolute;
		left: 72vw;
		width: 19vw;
	}
	.team #markg .title {
		width: 21vw;
	}
	.team .headerCopy .title {
		color: #344247;
		position: relative;
		top: -1vw;
		font-weight: 200;
		font-size: 1.9vw;
		line-height: 2.5vw;
		letter-spacing: .01vw;
		width: 13vw;
		display: block;
	}
	.team #teamCopy {
		margin-left: 0vw;
		position: relative;
		float: left;
		display: block;
		border-right: none;
		padding-top: 0px;
		width: 100%;
		line-height: 26px;
		padding-bottom: 30px;
	}
	.team #teamCopy h3.light{
		line-height: 32px;
    	font-size: 23px;
    	padding-top: 25px;
	}
	.team #teamCopy h4{
		width: 50%;
		margin-left: 0px;
		float: left;
		font-size: 16px;
		margin-bottom:15px;	
	}
	.team #teamCopy h2,
	.h2 {
		font-size: 4.2vw;
		
	}
	.team #teamCopy p,
	.p {
		font-size: 3.2vw;
		letter-spacing: 0.0037vw;
		line-height: 4.3vw;
		border-right: .3vw solid #000;
		padding-right: 5vw;
	}
	.team .teamGrid .teamItem {
		background-size: cover;
		width: 100%;
		height: 100%;
		display: block;
		background-position: center;
		overflow: hidden;
		-webkit-box-shadow: inset 0vw 0vw 0vw 0.3vw rgba(255, 255, 255, 1);
		-moz-box-shadow: inset 0vw 0vw 0vw 0.3vw rgba(255, 255, 255, 1);
		box-shadow: inset 0vw 0vw 0vw 0.3vw rgba(255, 255, 255, 1);
	}
	.team .teamGrid .teamItem h3,
	.h3 {
		font-size: 4vw;
		padding: 2vw 5vw;
		color: #fff;
		line-height: 4.6vw;
	}
	.team #recruitment {
		height: 70vw;
	}
	.team #recruitment h2 {
		font-size: 3.8vw;
	}
	.team #recruitment h4 {
		font-size: 3vw;
		font-weight: 400;
		line-height: 3.8vw;
	}
	.team #recruitment p {
		font-size: 2.6vw;
		line-height: 3.5vw;
	}
	.team #recruitment h4 {
		font-size: 2.4vw;
		font-weight: 400;
		line-height: 2.8vw;
	}
	.team hr{
		margin-top: 10px;
    	margin-bottom: 10px;
	}
}

div:n-child:0 {
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}

@media(min-width:768px) {
	.navbar {
		min-height: 7vw;
	}
	.navbar-default {
		border: 0;
		background-color: rgba(255, 255, 255, .90);
		-webkit-transition: top .35s;
		-moz-transition: top .35s;
		transition: top .35s;
		top: -7vw;
	}
	/* .hyperloop .navbar-default {
        background-color: transparent;
        color: #fff;
    }*/
	.hyperloop #header .headerCopy {
		color: #ffffff;
		top: 36vw;
		left: 5vw;
		line-height: 0vw;
	}
	.navbar-default .navbar-brand {
		font-size: 2em;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}
	.navbar-default .navbar-nav>.active>a {
		border-radius: 0px;
		background-color: transparent;
		color: #FE4023;
	}
	.navbar-default.navbar-shrink {
		background-color: rgba(255, 255, 255, .90);
		-webkit-box-shadow: 0px 7px 34px 0px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0px 7px 34px 0px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 7px 34px 0px rgba(0, 0, 0, 0.15);
		min-height: 7vw;
		top: 0vw;
	}
	.navbar-default.navbar-shrink #headerLogo {
		content: url("../images/argo_color.png");
	}
	.navbar-default.navbar-shrink #headerLogo:after {
		content: url("../images/argo_color.png");
	}
	.navbar-shrink .navbar-nav>.active>a {
		color: #344247;
	}
	.navbar-shrink .navbar-nav>.active>a:hover,
	.navbar-shrink .navbar-nav>.active>a:focus {
		color: #000;
	}
	.navbar-default.navbar-shrink .navbar-brand {
		font-size: 1.5em;
	}
}

header {
	text-align: left;
	color: #fff;
	margin-bottom: 0px;
	/*background-image: url(../images/homepage/home_page_hand.jpg);*/
	background-position: bottom left;
	/*background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover
    background-attachment: scroll;*/
}

header {
	text-align: left;
	color: #344247;
	margin-bottom: 0px;
	/* background-image: url(../images/homepage/home_page_hand.jpg); */
	background-position: bottom left;
	position: relative;
}

#header {
	width: 100%;
	padding-bottom: 50vw;
	background-position: bottom left;
	position: relative;
	color: #344247;
}

#header img {
	width: 40vw;
	/* height: 70vh; */
	left: 9vw;
	position: absolute;
	bottom: 0px;
}

#header .light {
	font-weight: 100;
	font-size: 4vw;
	line-height: 4vw;
}

#header .strong {
	font-weight: 600;
	font-size: 4vw;
	line-height: 4vw;
}

#header p {
	font-size: 2vw;
	line-height: 2.7vw;
	font-weight: 300;
	padding-top: 2vw;
}

#header p a {
	color: #ffffff;
	font-weight: 600;
}

#header .wrap-embed {
	/*position: absolute;
    height: 165vw;*/
}

#header .wrap-media-embed {
	position: absolute;
	width: 16.5vw;
	height: 29.4vw;
	display: inline-block;
	padding-bottom: 118px;
	top: 20vw;
	left: 26.4vw;
}

#header .wrap-media-embed iframe {
	position: absolute;
	height: 24.4vw;
	width: 16.5vw;
	top: 3.2vw;
	border: none;
}

#header .wrap-media-embed video {
	width: 100%;
	position: absolute;
	left: 0vw;
}

@media(max-width: 767px) {
	#header {
		width: 100vw;
		padding-bottom: 130vw;
		background-position: bottom left;
		position: relative;
		color: #344247;
	}
	#header img {
		width: 70vw;
		left: 25vw;
	}
	#header .intro-lead-in {
		left: 10vw;
		top: 16vw;
	}
	#header .light {
		font-weight: 100;
		font-size: 8vw;
		line-height: 8vw;
	}
	#header .strong {
		font-weight: 600;
		font-size: 8vw;
		line-height: 8vw;
	}
	#header p {
		font-size: 4vw;
		line-height: 7.8vw;
		font-weight: 300;
		padding-top: 6vw;
	}
	#header .wrap-media-embed {
		position: absolute;
		width: 28.8vw;
		height: 52vw;
		display: inline-block;
		padding-bottom: 129px;
		top: 89.6vw;
		left: 55.5vw;
	}
	#header .wrap-media-embed iframe {
		position: absolute;
		height: 42.6vw;
		width: 28.7vw;
		top: 5.7vw;
		border: none;
	}
	
}

header .container {
	padding-bottom: 25px;
}

header .intro-text {
	padding-top: 100px;
	padding-bottom: 50px;
}

header a {
	color: #fff;
}

header .header-text {
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Arial, sans-serif;
	font-size: 2vw;
	line-height: 2.4vw;
}

header .argotext {
	text-align: center;
	margin-top: 24px;
}

header .intro-lead-in {
	top: 13vw;
	left: 7vw;
	color: #fff;
	position: relative;
	display: inline-block;
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

header .intro-text .intro-heading {
	margin-bottom: 25px;
	text-transform: uppercase;
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Arial, sans-serif;
	font-size: 50px;
	font-weight: 700;
	line-height: 50px;
}

.index #header {
	background-image: url(../images/homepage-header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0vw;
}

.index #header li a span {
	color: #fff;
}

.index,
.work #header span {
	color: #fff;
}

.about #header span {
	color: #fff;
}

.index #header .sudoHeader a {
	color: #fff;
}

.index #services {
	padding: 2vw 0px 2vw 0px;
}

.home-news {
	float: left;
	margin-left: 2vw;
	padding: 2vw 4vw;
	left: 0.5vw;
	position: relative;
}

.home-news .newsTitle {
	font-size: 2vw;
	line-height: 2.2vw;
	font-weight: 600;
	color: #f04e23;
}

.home-news .newsType {
	font-size: 1vw;
	font-weight: 600;
	padding-right: 1vw;
	color: #657379;
}

.home-news .newsDate {
	font-size: 1.2vw;
	font-weight: 400;
	color: #8f9da3;
}

.home-news .newsClip {
	font-size: 1.1vw;
	font-weight: 400;
	line-height: 1.7vw;
	color: #657379;
}

.home-news a {
	color: #fff;
	padding: 1vw 3vw;
	border: 1px solid #fff;
	font-weight: 500;
	font-size: 1vw;
	margin-top: 2vw;
	position: relative;
	display: inline-block;
}

.home-news:hover {
	float: left;
	margin-left: 2vw;
	left: 0.5vw;
	position: relative;
	background-color: #FE4023;
	color: #fff;
}

.home-news:hover .newsDate {
	color: #fff;
}

.home-news:hover .newsTitle {
	color: #fff;
}

.home-news:hover .newsType {
	color: #fff;
}

.home-news:hover .newsClip {
	color: #fff;
}

@media(max-width: 767px) {
	.home-news {
		margin-left: 0vw;
		left: 0vw;
		margin: 5vw;
		padding-left: 5vw;
		background: rgba(0, 0, 000, 0.1);
	}
	.home-news:hover {
		margin-left: 0vw;
		left: 0vw;
		margin: 5vw;
		padding-left: 5vw;
	}
	.home-news .newsTitle {
		font-size: 5vw;
		line-height: 6vw;
	}
	.home-news .newsType {
		font-size: 4vw;
	}
	.home-news .newsDate {
		font-size: 4vw;
	}
	.home-news .newsClip {
		font-size: 3vw;
		line-height: 4vw;
	}
	.home-news a {
		font-weight: 500;
		font-size: 16px;
		color: #8f9da3;
		border: 1px solid #8f9da3;
		margin-bottom: 10px;
	}
	.index #header {
		background-position: 63% -42px;
	}
}

@media(max-width: 767px) {
	/* .hyperloop .navbar-default {
        background-color: rgba(0, 0, 0, .90);
        color: #fff;
    }
    .hyperloop .navbar-default .nav li a {
        color: #fff;
        font-weight: 600;
    }
    .hyperloop header .intro-lead-in {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 16px;
        margin-top: 50px;
    }
    .hyperloop header .intro-copy {
        padding-bottom: 50px;
    }
    .hyperloop .hyperloop-header {
        height: 360px;
        top: 50px;
        max-height: 360px;
        padding-bottom: 200px;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 50px;
        overflow: hidden;
    }*/
}

@media(max-width:992px) {
	header .intro-lead-in {
		/*font-size: 30px;
        line-height: 35px;*/
	}
}

section {
	padding: 10vw 0px 10vw 0px;
	display: inline-block;
	max-width: 100vw;
	overflow: hidden;
}

section h2.section-heading {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 40px;
}

section h3.section-subheading {
	margin-bottom: 75px;
	text-transform: none;
	font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
}

.service-heading {
	margin: 15px 0;
	text-transform: none;
}

#portfolio {
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
	width: 100vw;
	height: 140vw;
	overflow: hidden;
}

.work #portfolio {
	height: 480vw;
}

.team #portfolio {
	height: 260vw;
}

#portfolio h2 {
	font-size: 3.7vw;
	color: #fff;
	padding: 1vw 3vw;
	line-height: 4.3vw;
}

#portfolio .portfolio-item {
	margin: 0px;
	float: left;
	padding: 0px;
	display: inline-block;
	position: absolute;
	background-position: 50%;
}

#portfolio .portfolio-item .portfolio-link {
	display: block;
	position: absolute;
	margin: 0 auto;
	top: 0px;
	width: 100%;
	height: 100%;
	text-decoration-line: none;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
	position: absolute;
	width: 100%;
	min-height: 60vw;
	height: 100%;
	opacity: 0;
	/* background: rgba(255, 255, 255, .3);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;*/
	display: none;
	text-decoration-line: none;
}


/*
#portfolio .portfolio-item {
    filter: sepia(.3);
    filter: brightness(.8);
    transition: all .3s ease-in-out;
    cursor: pointer;
}

#portfolio .portfolio-item:hover {
    filter: sepia(0);
    filter: brightness(1);
}

#portfolio #sidebar {
    filter: sepia(0);
    filter: brightness(1);
    cursor: default;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: .8;
}
*/

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
	position: absolute;
	top: 36%;
	width: 100%;
	height: 20px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
	margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
	margin: 0 auto;
	padding: 25px;
	max-width: 400px;
	text-align: center;
	background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
	margin: 0;
	text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
	margin: 0;
	font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: italic;
}

#portfolio * {
	z-index: 2;
}

#portfolio .typeTitle {
	        color: #b4b7b9;
    text-align: left;
    width: 100%;
    display: block;
    font-size: 1.1vw;
    top: 0%;
    position: relative;
    /* text-shadow: 0px 0px 2vw rgba(0, 0, 0, 0.7); */
    left: 0;
    padding-left: .6vw;
    background-color: rgba(0,0,0,.65);
    padding-top: 0.6vw;
    padding-bottom: 0%;
}

#portfolio .typeName {
	    color: #fff;
    text-align: left;
    width: 100%;
    display: block;
    font-size: 1.1vw;
    top: 0%;
    position: relative;
    text-shadow: 0px 0px 2vw rgba(0, 0, 0, 0.7);
    left: 0px;
    padding-left: .6vw;
    background-color: rgba(0,0,0,.65);
    padding-top: 2%;
    left: 0px;
    top: 0px;
    padding-bottom: .6vw;
}

#portfolio .row-xl-upOffset-2 {
	top: -20vw;
}

#portfolio .border-right {
	/*-webkit-box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
	box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);*/
}

#portfolio .border-bottom {
	/*-webkit-box-shadow: inset -0px -.25vw 0px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset -0px -.25vw 0px 0px rgba(255, 255, 255, 1);
	box-shadow: inset -0px -.25vw 0px 0px rgba(255, 255, 255, 1);*/
}

#portfolio .border-left {
	/*-webkit-box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
	box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);*/
}

#portfolio .border-top {
	/*-webkit-box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
	box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
*/}

#portfolio .border {
	/*-webkit-box-shadow: inset -.25vw -.25vw -.25vw -.25vw rgba(255, 255, 255, 1);
	-moz-box-shadow: inset -.25vw -.25vw -.25vw -.25vw rgba(255, 255, 255, 1);
	box-shadow: inset -.25vw -.25vw -.25vw -.25vw rgba(255, 255, 255, 1);*/
}

#portfolio .border-bottom-right {
	/*-webkit-box-shadow: inset -.25vw -.25vw 0px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset -.25vw -.25vw 0px 0px rgba(255, 255, 255, 1);
	box-shadow: inset -.25vw -.25vw 0px 0px rgba(255, 255, 255, 1);*/
}

#portfolio .border-right {
	/*border-right: 0.25vw #fff solid;*/
}

#portfolio .border-bottom {
	/*border-right: 0.25vw #fff solid;*/
}

#portfolio .border-left {
	/*border-right: 0.25vw #fff solid;*/
}

#portfolio .border-top {
	/*border-right: 0.25vw #fff solid;*/
}

#portfolio .border {
	/*border-right: 0.25vw #fff solid;*/
}

#portfolio .border-bottom-right {
	/*border-right: 0.25vw #fff solid;
	border-bottom: 0.25vw #fff solid;*/
}

#portfolio.teamGrid .portfolio-item {
	filter: sepia(0);
	filter: brightness(1);
	cursor: default;
	background-color: #000;
	transition: all .3;
}

#portfolio.teamGrid .portfolio-item .teamMember {
	/*filter: saturate(0%);
	transition: all .3s ease-out;*/
}

#portfolio.teamGrid .portfolio-item .teamMember:hover {
	/*filter: saturate(100%);*/
}

@media(max-width:767px) {
	#portfolio h2 {
		font-size: 8.9vw;
		color: #fff;
		padding: 2vw 9vw;
		line-height: 11vw;
	}
	#portfolio .sm-border-right {
		-webkit-box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
		-moz-box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
		box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
	}
	#portfolio .sm-border-bottom {
		-webkit-box-shadow: inset -0px -.25vw 0px 0px rgba(255, 255, 255, 1);
		-moz-box-shadow: inset -0px -.25vw 0px 0px rgba(255, 255, 255, 1);
		box-shadow: inset -0px -.25vw 0px 0px rgba(255, 255, 255, 1);
	}
	#portfolio .sm-border-left {
		-webkit-box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
		-moz-box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
		box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
	}
	#portfolio .sm-border-top {
		-webkit-box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
		-moz-box-shadow: inset -.52vw -0px 0px 0px rgba(255, 255, 255, 1);
		box-shadow: inset -.25vw -0px 0px 0px rgba(255, 255, 255, 1);
	}
	#portfolio .sm-border {
		-webkit-box-shadow: inset -.25vw -.25vw -.25vw -.25vw rgba(255, 255, 255, 1);
		-moz-box-shadow: inset -.25vw -.25vw -.25vw -.25vw rgba(255, 255, 255, 1);
		box-shadow: inset -.25vw -.25vw -.25vw -.25vw rgba(255, 255, 255, 1);
	}
	#portfolio .sm-border-bottom-right {
		-webkit-box-shadow: inset -.25vw -.25vw 0px 0px rgba(255, 255, 255, 1);
		-moz-box-shadow: inset -.25vw -.25vw 0px 0px rgba(255, 255, 255, 1);
		box-shadow: inset -.25vw -.25vw 0px 0px rgba(255, 255, 255, 1);
	}
	.team #portfolio {
		height: 100%;
	}
}

#portfolio #sidebar {
	background-image: url(../images/homepage/Sidebar_info.jpg);
	background-size: cover;
}

#portfolio #thermoFisher {
	background-image: url(../images/homepage/Thermo-Fisher.jpg);
	background-size: cover;
}

#portfolio #hyperloop {
	background-image: url(../images/work/grid/work_grid_hyperloop.jpg);
	background-size: cover;
}

#portfolio #cognitiveScale {
	background-image: url(../images/homepage/cognitiveScale.jpg);
	background-size: cover;
}

#portfolio #reallife {
	background-image: url(../images/work/grid/work_grid_whole_new.jpg);
	background-size: cover;
}

#portfolio #wearables {
	background-image: url(../images/work/grid/work_grid_wearables.jpg);
	background-size: cover;
}

#portfolio #futureCar {
	background-image: url(../images/work/grid/jared_ficklin.jpg);
	background-size: cover;
}

#portfolio #icon {
	background-image: url(../images/work/grid/icon.jpg);
	background-size: cover;
}

#portfolio #slowtraffic {
	background-image: url(../images/work/grid/work_grid_Slow_traffic.jpg);
	background-size: cover;
}

#portfolio #newComputing {
	background-image: url(../images/work/grid/newcomputing.jpg);
	background-size: cover;
}

#portfolio #dataArtist {
	background-image: url(../images/work/grid/work_grid_data_artist.jpg);
	background-size: cover;
}

#portfolio #magicBand {
	background-image: url(../images/homepage/magicBand.jpg);
	background-size: cover;
}

#portfolio #wrap {
	background-image: url(../images/work/wrap/gridImage.jpg);
	background-size: cover;
}

#portfolio #splitCar {
	background-image: url(../images/work/grid/work_grid_lane_splitter.jpg);
	background-size: cover;
}

#portfolio #splitcar {
	background-image: url(../images/work/grid/work_grid_lane_splitter.jpg);
	background-size: cover;
}

#portfolio #pulsr {
	background-image: url(../images/homepage/pulsr.jpg);
	background-size: cover;
}

#portfolio #sano {
	background-image: url(../images/work/grid/sano.jpg);
	background-size: cover;
}

#portfolio #schneider {
	background-image: url(../images/work/grid/work_grid_Schneider_Electric.jpg);
	background-size: cover;
}

#portfolio #peq {
	background-image: url(../images/work/grid/work_grid_peq.jpg);
	background-size: cover;
}

#portfolio #shotopr {
	background-image: url(../images/work/grid/work_grid_shoto_PR.jpg);
	background-size: cover;
}

#portfolio #ambulanceDrone {
	background-image: url(../images/work/grid/work_grid_ambulance_drone.jpg);
	background-size: cover;
}

#portfolio #smartdumbthings {
	background-image: url(../images/work/grid/work_grid_smartdumb.jpg);
	background-size: cover;
}

#portfolio #ipadpro {
	background-image: url(../images/work/grid/work_grid_iPadPro.jpg);
	background-size: cover;
}

#portfolio #aisbiggestdanger {
	background-image: url(../images/work/grid/aibigdanger.jpg);
	background-size: cover;
}

#portfolio #shoto {
	background-image: url(../images/work/grid/work_grid_shoto.jpg);
	background-size: cover;
}

#portfolio #farmlink {
	background-image: url(../images/work/grid/case-study_FarmLink_grid_tile.png);
	background-size: cover;
}

#portfolio #tenor {
	background-image: url(../images/work/grid/tenor_homepage.jpg);
	background-size: cover;
}

#portfolio #invisibeDesign {
	background-image: url(../images/work/grid/invisibleDesign.jpg);
	background-size: cover;
}

#portfolio #dot {
	background-image: url(../images/work/grid/dot_Grid_Tile.jpg);
	background-size: cover;
}

#portfolio #designTrends {
	background-image: url(../images/work/grid/designtrends.jpg);
	background-size: cover;
}

#portfolio #shotoGrid {
	background-image: url(../images/work/grid/work_grid_shoto.jpg);
	background-size: cover;
}

#portfolio #reviews {
	background-image: url(../images/work/grid/work_grid_reviews.jpg);
	background-size: cover;
}

#portfolio #twobeers {
	background-image: url(../images/work/grid/work_grid_2beers.jpg);
	background-size: cover;
}

#portfolio #uxprototyping {
	background-image: url(../images/work/grid/work_grid_UX_proto.jpg);
	background-size: cover;
}

#portfolio #flightcar {
	background-image: url(../images/work/grid/FlightCar_Homepage-grid-tile.jpg);
	background-size: cover;
}

#portfolio #amazon {
	background-image: url(../images/work/grid/amazonwholefoods.jpg);
	background-size: cover;
}

#portfolio #sxsw18 {
	background-image: url(../images/work/grid/sxsw18.jpg);
	background-size: cover;
}

#portfolio #bigdesign {
	background-image: url(../images/work/grid/Mark-Rolston.jpg);
	background-size: cover;
}

#portfolio #newco {
	background-image: url(../images/work/grid/newcotour.jpg);
	background-size: cover;
}

#portfolio #makerfaire {
	background-image: url(../images/newsletter/Jared-Speaking.jpg);
	background-size: cover;
}

#portfolio #thewire {
	background-image: url(../images/work/grid/Wire_homepage_tile.jpg);
	background-size: cover;
}

#portfolio #interactivelight {
	background-image: url(../images/work/grid/smartHome_lightControl_1_3.gif);
	background-size: cover;
}

#portfolio #anxiety {
	background-image: url(../images/work/grid/aneixty.jpg);
	background-size: cover;
}

#portfolio #futuretech {
	background-image: url(../images/work/grid/futuretech.jpeg);
	background-size: cover;
}

#portfolio #gwc {
	background-image: url(../images/work/grid/gwc.jpg);
	background-size: cover;
}

#portfolio #dot2 {
	background-image: url(../images/work/dot2/header.jpg);
	background-size: cover;
}

#portfolio #fcny {
	background-image: url(../images/work/grid/fcny.jpg);
	background-size: cover;
}

#portfolio #startupCulture {
	background-image: url(../images/work/grid/startupculture.jpg);
	background-size: cover;
}

#portfolio #gigomChats {
	background-image: url(../images/work/grid/gigomChats.jpg);
	background-size: cover;
}

#portfolio #cogscale {
	background-image: url(../images/work/grid/cogscale.jpg);
	background-size: cover;
}

#portfolio #ootf {
	background-image: url(../images/work/grid/ootf.jpg);
	background-size: cover;
}

#portfolio #branding {
	background-image: url(../images/work/grid/branding.jpg);
	background-size: cover;
}

#portfolio #pepper {
	background-image: url(../images/work/grid/pepper.jpg);
	background-size: cover;
}

#portfolio #ribbon {
	background-image: url(../images/work/grid/ribbon.jpg);
	background-size: cover;
}

#portfolio #playPossible {
	background-image: url(../images/work/grid/playpossible.jpg);
	background-size: cover;
}

#portfolio #unitedrentals {
	background-image: url(../images/work/grid/unitedrentals.jpg);
	background-size: cover;
}

#portfolio #momentum {
	background-image: url(../images/work/grid/momentum.jpg);
	background-size: cover;
}

#portfolio #magicleap {
	background-image: url(../images/work/grid/magicleap.jpg);
	background-size: cover;
}

#portfolio #magicleaplab {
	background-image: url(../images/work/grid/magic_leap_the_lab.jpg);
	background-size: cover;
}

#portfolio #equity {
	background-image: url(../images/work/grid/equity.jpeg);
	background-size: cover;
}

#portfolio #anatomy {
	background-image: url(../images/work/grid/anatomy.jpg);
	background-size: cover;
}

#portfolio #startupCulutreFix {
	background-image: url(../images/work/grid/startupCultureFix.jpg);
	background-size: cover;
}

#portfolio #aiChangeBrain {
	background-image: url(../images/work/grid/aiChangeBrains.jpg);
	background-size: cover;
}

#portfolio #commuterGondolas {
	background-image: url(../images/work/grid/commuterGondolas.jpg);
	background-size: cover;
}

#portfolio #aiAdvent {
	background-image: url(../images/work/grid/aiadvent.jpg);
	background-size: cover;
}

#portfolio #socialInnovator {
	background-image: url(../images/work/grid/socialInnovator.jpg);
	background-size: cover;
}

#portfolio #dvrLego {
	background-image: url(../images/work/grid/dvrLego.jpg);
	background-size: cover;
}

#portfolio #designMyth {
	background-image: url(../images/work/grid/designMyth.jpg);
	background-size: cover;
}

#portfolio #kevinQA {
	background-image: url(../images/work/grid/kevinqa.jpg);
	background-size: cover;
}

#portfolio #cortex {
	background-image: url(../images/work/grid/cortex.jpg);
	background-size: cover;
}

#portfolio #productivityTips {
	background-image: url(../images/work/grid/productivityTips.jpg);
	background-size: cover;
}

#portfolio #frogLeave {
	background-image: url(../images/work/grid/frogleave.jpg);
	background-size: cover;
}

#portfolio #wearabes {
	background-image: url(../images/work/grid/4wearables.jpg);
	background-size: cover;
}

#portfolio #appleWatch {
	background-image: url(../images/work/grid/appleWatch.png);
	background-size: cover;
}

#portfolio #wrapCoverage {
	background-image: url(../images/work/grid/wrapCoverage.jpg);
	background-size: cover;
}

#portfolio #aigui {
	background-image: url(../images/work/grid/aigui.jpg);
	background-size: cover;
}

#portfolio #lawyersDoctors {
	background-image: url(../images/work/grid/lawyersdoctors.jpg);
	background-size: cover;
}

#portfolio #argoLeap {
	background-image: url(../images/work/grid/argoleap.jpg);
	background-size: cover;
}

#portfolio #pioneers {
	background-image: url(../images/work/grid/pioneers.png);
	background-size: cover;
}

#portfolio #interfaceFuture {
	background-image: url(../images/work/grid/recipe.gif);
	background-size: cover;
}

#portfolio #formFollows {
	background-image: url(../images/work/grid/formFollows.jpeg);
	background-size: cover;
}
#portfolio #stak {
	background-image: url(../images/work/grid/stak.png);
	background-size: cover;
}
#portfolio #nsDutch {
	background-image: url(../images/work/grid/ns_dutch.jpg);
	background-size: cover;
}
#portfolio .portfolio-item{
	background-image: none;
	background-color:#000;
}
#portfolio .portfolio-item:hover .argoHover {
	display: block;
}

#portfolio .portfolio-link {
	z-index: 0;
	overflow: hidden;
}

#portfolio .portfolio-link:hover {}

#portfolio .portfolio-link:hover {
	transition: all .3s ease-in-out;
	/*filter: url(#duotone);*/
}

#portfolio .portfolio-item:hover span {
	filter: none;
	text-decoration: none!important;
}

#portfolio .portfolio-link:hover span {
	text-decoration: none!important;
	
}

#portfolio .typeName {
	    color: #fff;
    text-shadow: none;
    text-align: LEFT;
    width: 100%;
    display: block;
    font-size: 1.6vw;
    top: 0vw;
    position: relative;
    padding-top: 0;
    letter-spacing: 0.08vw;
    word-wrap: normal;
    font-weight: 500;
    left: 0%;
    padding-top: -3px;
	line-height: 2.1vw;
}

#portfolio .argoHover {
	background: rgba(229, 72, 35, .4);
	display: none;
	width: 100%;
	height: 100%;
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
	display: none;
}

.work #peq-work {
	display: inline-block;
	float: left;
	background-image: url(../images/work/peq-header-background.jpg);
	color: #fff;
	width: 100vw;
	height: 62vw;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0vw;
	top: 0vw;
}

.work #cogScale-work {
	display: inline-block;
	float: left;
	background-image: url(../images/work/work-header_CS.jpg);
	color: #fff;
	width: 100vw;
	height: 72vw;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0vw;
	top: 0vw;
	
}

.work #cogScale-work .cogscaleHeader {
	font-size: 4.8vw;
	top: 2vw;
	position: relative;
	/* width: 91vw; */
	line-height: 6.3vw;
	font-weight: 100;
}

.work #farmlink-work {
	display: inline-block;
	float: left;
	background-image: url(../images/work/farmlink/farmlinkheader.jpg);
	color: #fff;
	width: 100vw;
	height: 62vw;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
}

.work #shoto {
	background-image: url(../images/work/shoto/shutterstock_294538202.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.work .slidesjs-previous {
	display: none;
}

.work .slidesjs-next {
	display: none;
}

.work .slidesjs-stop {
	display: none;
}

.work .slidesjs-play {
	display: none;
}

.work .slidesjs-navigation {
	display: none;
}

.work .slidesjs-pagination {
	display: none;
}

.work #header {
	width: 100vw;
	height: 72vw;
	background-position: center right;
	position: relative;
	color: #344247;
	margin-bottom: 0vw;
	    z-index: 0;
}

.work #header img {
	opacity: 0;
	-moz-transition: opacity .32s;
	/* Firefox 4 */
	-webkit-transition: opacity .32s;
	/* Safari and Chrome */
	-o-transition: opacity .32s;
	transition: opacity .32s;
}

.work #header img {
	opacity: 1;
}

.work header .intro-lead-in {
	top: 20vw;
	left: 6vw;
	position: relative;
	display: inline-block;
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Arial, sans-serif;
}

.work #header .sudoHeader a {
	color: #fff;
}

.work #header .sudoHeader a span {
	color: #fff;
	margin-left: .25vw;
}

.team #header .sudoHeader a {
	color: #fff;
	line-height: 1.8vw;
}

.team #header .sudoHeader a span {
	color: #fff;
	margin-left: 0.25vw;
}

.work #workNav {
	width: 100vw;
	display: inline-block;
	text-align: left;
	margin: 0 auto;
	height: 9vw;
	background-size: contain;
	background-position: initial;
}

#workNav .leftArrow {
	width: 80px;
	height: auto;
	position: absolute;
	margin-top: 3vw;
	left: 2vw;
}

#workNav .rightArrow {
	width: 80px;
	height: auto;
	position: absolute;
	margin-top: 3vw;
	right: 2vw;
}

#workNav img {
	width: 4vw;
	height: auto;
}

#workNav ul,
menu,
dir {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

#workNav ul {
	display: block;
	margin: auto;
	width: 50%;
}

#workNav li {
	float: left;
	padding: 2vw 2.6vw;
	display: inline-block;
}

#workNav li .number {
	clear: both;
	width: 100%;
	display: inline-block;
	font-size: 2vw;
	font-weight: 100;
	line-height: 2vw;
}

#workNav li .title {
	font-size: 1.4vw;
	font-weight: 100;
	text-decoration: underline;
	color: #515b60;
}

.work #header .sudoHeader {
	left: 0vw;
}

.work #cta {
	height: 6vw;
	display: inline-block;
	margin-top: 2vw;
	z-index: 1000;
}

.work #cta a {
	display: initial;
	position: relative;
	left: -6vw;
	height: 2vw;
	top: 3vw;
	width: 23vw;
	line-height: 0px;
	line-height: 2vw;
	font-size: 1.3vw;
}

.work #header p {
	font-size: 1.4vw;
	line-height: 2.6vw;
	font-weight: 300;
	padding-top: 3vw;
}

.work #header .peq-ipad img {
	width: 40vw;
	height: auto;
	right: 0vw;
	position: absolute;
	bottom: 10vw;
	left: inherit;
}

.work ul,
ol {
	margin-top: 0;
	margin-bottom: 0px;
	list-style: none;
	-webkit-padding-start: 0px;
}

.work #farmlink-work a {
	color: #fff;
	text-decoration: underline;
	font-weight: 300;
}

.work #farmlink a:hover {
	text-decoration: underline;
}

.work #farmlink .button {
	color: #fff;
	border: solid 1px #fff;
	padding: 1vw 2vw;
	font-size: 1.4vw;
	font-weight: 300;
	line-height: 2.6vw;
	text-decoration: none;
	position: relative;
	top: 3vw;
	left: -4vw;
}

#signupDiv {
	background: #fff;
	text-align: left;
	padding: 3vw;
	height: auto;
	width: 50vw;
	margin: auto;
}

#signupDiv h3 {
	width: 80%;
	margin-left: 10%;
	margin-bottom: 2vw;
	font-size: 2vw;
}

#signupDiv input {
	text-align: left;
	border-top: none;
	border-left: none;
	border-right: none;
	width: 80%;
	margin-left: 10%;
	font-weight: 600;
	font-size: 1.3vw;
	margin-top: .5vw;
	margin-bottom: .5vw;
}

#signupDiv input:focus {
	outline: none;
}

#signupDiv input:focus + label {
	opacity: 1;
	-webkit-transition: opacity .5s;
	/* For Safari 3.1 to 6.0 */
	transition: opacity .5s;
}

#signupDiv label {
	font-weight: bold;
	width: 80%;
	margin-top: 0vw;
	position: relative;
	opacity: 0;
	top: -4.5vw;
	margin-left: 10%;
	text-align: left;
	font-size: .9vw;
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Montserrat, Arial, sans-serif;
}

#signupDiv input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	background-color: #fff!important;
}

#signupDiv input[type="submit"] {
	background: #f04e23;
	line-height: 2vw;
	padding-top: 0.3vw;
	/* margin: 2vw auto; */
	color: #fff;
	font-size: 1.4vw;
	line-height: 2.5vw;
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Montserrat, Arial, sans-serif;
	display: block;
	width: 10vw;
	font-weight: 400;
	text-align: center;
	border-radius: 25px;
	margin-left: 30vw;
}

@media(max-width: 767px) {
	.work #peq-work {
		display: inline-block;
		float: left;
		background-image: url(../images/work/peq-header-background.jpg);
		color: #fff;
		width: 100vw;
		height: 130vw;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		left: 0vw;
		top: 0vw;
		background-position: 35%;
	}
	.work header .intro-lead-in {
		top: 25vw;
	}
	.work #cta {
		left: 0px;
		margin: 0px;
		text-align: left;
	}
	.work #cta a {
		display: initial;
		position: relative;
		left: 0;
		height: auto;
		top: 0;
		width: 100%;
		line-height: 0px;
		line-height: 22px;
		font-size: 16px;
	}
	.work #header .strong {
		font-weight: 600;
		font-size: 7vw;
		line-height: 8vw;
	}
	.work #header p {
		font-size: 3.4vw;
		line-height: 4.6vw;
		font-weight: 300;
		padding-top: 3vw;
	}
	.work #header .peq-ipad img {
		width: 55vw;
		height: auto;
		right: 0vw;
		position: absolute;
		bottom: 1vw;
		left: inherit;
	}
	.work #farmlink .button {
		color: #fff;
		border: solid 1px #fff;
		padding: 2vw 4vw;
		font-size: 3.4vw;
		font-weight: 300;
		line-height: 2.6vw;
		text-decoration: none;
		position: relative;
		top: 9vw;
		left: -6vw;
	}
	.work #portfolio {
		/*expanded mobile height height: 760vw;*/
		height: 100%;
	}
	.work #header {
		width: 100vw;
		background-position: center right;
		position: relative;
		color: #344247;
		margin-bottom: 0vw;
		padding-bottom: 60vw;
	}
	.work #cogScale-work .cogscaleHeader {
		font-size: 4.8vw;
		top: 2vw;
		position: relative;
		/* width: 91vw; */
		line-height: 6.3vw;
		font-weight: 100;
		width: 61vw;
		display: block;
		    z-index: 100;
	}
	#signupDiv label {
		width: 33%;
	}
	.team #portfolio {
		height: 100%;
	}
	.team #headerNames {
		position: absolute;
		top: 50px;
		left: -1vw;
	}
}

@media(max-width:767px) {
	#portfolio {
		height: 600vw;
	}
	#portfolio .portfolio-item {
		position: relative;
		min-width: 50vw;
		height: 50vw;
		float: left;
		left: 0;
		top: 0;
		display: inline-block;
	}
	#portfolio #sidebar {
		height: 150vw;
		width: 100vw;
		border: none;
		-webkit-box-shadow: inset -0px -.25vw 0px 0px rgba(255, 255, 255, 1);
		-moz-box-shadow: inset -0px -.25vw 0px 0px rgba(255, 255, 255, 1);
		box-shadow: inset -0px -.25vw 0px 0px rgba(255, 255, 255, 1);
	}
	#portfolio .typeName {
		font-size: 18px;
    	line-height: 25px;
		padding:0px 10px 10px 10px;
	}
	#portfolio .typeTitle {
		font-size: 14px;
    	line-height: 21px;
		padding: 10px 10px 0px 10px;
	}
}

footer {
	padding: 4vw 0;
	height: 24vw;
	text-align: right;
	background-color: #fff;
	color: #000;
	display: inline-block;
	background: url(../images/octopus.jpg);
	background-repeat: no-repeat;
	background-size: 100vw;
}

footer #footerLinks {
	color: #fa4600;
	font-size: 2vw;
	line-height: 2.8vw;
	font-weight: bold;
	width: 43vw;
}

footer #social {
	text-align: left;
	padding: 2vw;
	padding-top: 0.1vw;
	padding-bottom: 1.7vw;
}

footer #social a {
	padding: 2vw 1vw 1vw 1.9vw;
}

footer #social img {
	width: 2vw;
	height: auto;
}

footer #address {
	text-align: left;
	text-decoration: none;
	padding: 0vw 4vw;
	font-size: 1vw;
	line-height: 1.4vw;
}

footer #address a {
	color: #6c818c;
	text-decoration: none;
}

footer #address a:hover {
	color: #6c818c;
	text-decoration: underline;
}

footer #address p {
	font-size: 1.8vw;
	line-height: 3vw;
	margin-top: -1vw;
	margin-bottom: 0vw;
	font-weight: 300;
	color: #6c818c;
}

footer #newsletter-launcher {
	text-align: center;
	text-decoration: none;
	padding: 0vw 1vw;
	font-size: 1vw;
	color: #6c818c;
}

footer #newsletter-launcher a {
	color: #6c818c;
}

footer #copyright {
	position: absolute;
	bottom: 1vw;
	font-size: 1vw;
}

footer span {
	text-transform: none;
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Montserrat, Arial, sans-serif;
}

footer ul.quicklinks {
	margin-bottom: 0;
	text-transform: uppercase;
	text-transform: none;
	font-family: "Helvetica Neue", "aktiv-grotesk", Helvetica, Montserrat, Arial, sans-serif;
}

.modal-open .modal {
	text-align: center;
	margin-top: 10%;
}

@media(max-width:767px) {
	footer {
		padding: 30px 0;
		height: 100%;
		text-align: left;
		width: 100%;
		background-color: #fff;
		color: #000;
		display: inline-block;
		position: relative;
		background: url(../images/octopus.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right;
	}
	footer #footerLinks {
		color: #fa4600;
		font-size: 19px;
		height: 100%;
		line-height: 30px;
		font-weight: bold;
		padding: 22px 5% 0vw 0vw;
		float: left;
		width: 50%;
		text-align: right;
		border-right: lightgray 3px solid;
	}
	footer #social {
		text-align: left;
		padding: 0px 15px;
		float: left;
		max-width: 50%;
	}
	footer #social a {
		padding: 0vw 5% 0vw 6%;
	}
	footer #social img {
		width: 20px;
		height: auto;
	}
	footer #address {
		text-decoration: none;
		padding: 10px 10px 0px 25px;
		font-size: 16px;
		float: left;
		width: 50%;
		line-height: 10px;
	}
	footer #address a {
		color: #6c818c;
		text-decoration: none;
		font-size: 16px;
		line-height: 22px;
	}
	footer #newsletter-launcher {
		text-align: center;
		text-decoration: none;
		padding: 7px 25px;
		font-size: 18px;
		color: #6c818c;
		margin-bottom: 39px;
	}
	footer .show-mobile {
		display: block;
		float: left;
		text-align: center;
		padding: 10px 0px;
	}
	footer .show-mobile a {
		color: #6c818c;
		font-size: 18px;
		line-height: 22px;
		text-decoration: none;
	}
	footer #copyright {
		font-size: 14px;
		position: relative;
		bottom: 42px;
	}
}

ul.social-buttons {
	margin-bottom: 0;
}

ul.social-buttons li a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-size: 20px;
	line-height: 40px;
	outline: 0;
	color: #fff;
	background-color: #222;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
	background-color: #fed136;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
	outline: 0;
}

.portfolio-modal .modal-content {
	padding: 100px 0;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	text-align: center;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.portfolio-modal .modal-content h2 {
	margin-bottom: 15px;
	font-size: 3em;
}

.portfolio-modal .modal-content p {
	margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
	margin: 20px 0 30px;
	font-family: "aktiv-grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: italic;
}

.portfolio-modal .modal-content ul.list-inline {
	margin-top: 0;
	margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
	margin-bottom: 30px;
}

.portfolio-modal .close-modal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 75px;
	height: 75px;
	background-color: transparent;
	cursor: pointer;
}

.portfolio-modal .close-modal:hover {
	opacity: .3;
}

.portfolio-modal .close-modal .lr {
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	background-color: #222;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	height: 75px;
	background-color: #222;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.portfolio-modal .modal-backdrop {
	display: none;
	opacity: 0;
}

::-moz-selection {
	text-shadow: none;
	background: #fed136;
}

::selection {
	text-shadow: none;
	background: #fed136;
}

img::selection {
	background: 0 0;
}

img::-moz-selection {
	background: 0 0;
}

body {
	webkit-tap-highlight-color: #fed136;
	max-width: 100vw;
	overflow-x: hidden;
}