@charset "utf-8";
* {
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;*/
	box-sizing: border-box;
}
html, body {
	min-height: 100% !important;
	height: 100%;
	
}
body {
	margin: 0;
	padding: 0;
	text-rendering: optimizeLegibility;
	font-family: 'gotham_lightregular';
	background: white;
	color: #45453f;
	overflow-y: scroll;
}
a {
	text-decoration: none;
	color: rgb(241,90,41);
}
.alignLeft {
	float: left;
}
.alignRight {
	float: right;
}

.backBlack {
	background: black !important;	
}

header {
	position: fixed;
	width: 100%;
	background: white;
	/*min-width: 1024px;*/
	z-index: 5000;
	border-bottom: 1px solid rgb(241,90,41);
}
section {
	background: white;
	max-width: 1500px;
	/*min-height: 980px;*/
	margin: 0 auto;
	padding: 0 36px;
	padding-top: 100px;
	clear: both;
	position: relative;
}
#about {
	padding-top: 0;
}
#headwrap {
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
	height: 79px;
	padding: 0 36px;
}
#logo {
	padding-top: 37px;
}
nav {
	font-family: 'gotham_bookregular';
	font-size: 14px;
}
footer {
	background: rgb(241,90,41);
	height: 138px;
}
#footwrap {
	max-width: 1500px;
	margin: 0 auto;
	padding: 80px 0 0 90px;
	text-align: left;
	color: white;
	font-size: 8pt;
	line-height: 12pt;
}
#footwrap a {
	color: white;
}
#footwrap a:hover {
	text-decoration: underline;
}
#footnav {
	/*CSS FOR INSIDE THE FOOTER
	float: right;
	height: 77px;
	padding-top: 17px;*/
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 10px;
	z-index: 7000;
}
#footnav a {
	padding: 0 12px;
}
#footcenter {
	margin: 0 auto;
	line-height: 77px;
	font-size: 16pt;
	max-width: 75%;
}
h2 {
	text-align: center;
	margin: 0;
	font-family: 'gotham_mediumregular';
	font-size: 54.66px;
	font-weight: normal;
}
.hidden {
	visibility: hidden;
}
.orangeText, a.currentSection, #team .peopleNav {
	color: rgb(241,90,41) !important;
}
.colWrapper {
	margin: 0 auto;
	xmax-width: calc(100% - 100px);
	text-align: center;
}
.colWrapper:after {
	content: "";
	clear: both;
	display: table;
}
#contact {
	min-height: 0;
	margin-bottom: 75px;
}
.colWrapper img {
	clear: left;
}
.contactCol33 {
	width: 33%;
	padding: 0 20px;
	float: left;
	text-align: left;
	min-height: 275px;
}
.contactCol33 a:not(.dir) {
	padding-left: 5px;
}

.noLinkSpace a {
	padding-left: 0;
}
#contact h3 {
	font-family: 'gotham_lightregular';
	font-size: 30pt;
	border-bottom: 5px solid rgb(241,90,41);
	text-align: left;
	padding-bottom: 15px;
}
.soclinks p img {
	vertical-align: middle;
	margin-top: -3px;
}

.hcol1 {
	left: 0;
}
.hcol2 {
}

#hpLegal {
	font-size: 8pt;
	float: left;
	margin-top: 10px;
	width: 100%
}
.fancybox-next {
	right: -80px;
}
.fancybox-prev {
	left: -80px;
}
.fancybox-nav {
	width: 80px;
}
#homeQuote {
	width: 100%;
	text-align: center;
	line-height: 77px;
	font-size: 16pt;
}










#hp2leftimg {
	float: left;
	margin-top: -230px;
	width: 225px;
	position: relative;
	cursor: pointer;
}

.hp2Quote {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;	
	background: #45443f;
	color: white;
	font-size: 11pt;
	font-family: 'gotham_lightregular';
	opacity: 0;
	user-select: none;
	padding: 0 15px;
	height: 145px;
	display: table;
}

.hp2Quote span {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	/*padding: 24px 15px 0;*/
}

.hp2Quote p {
	margin-bottom: 0;	
}

.hp2Quote p::before {
	content:"“";
}

.hp2Quote p::after {
	content:"”";
}

.quoteAuthor {
	text-align: right;
	font-size: 14pt;
	display: none;	
}

#quoteTriggerJohn1 img {
	opacity: 1;	
}

.quoteTrigger {
	position: relative;	
}

.quoteTrigger:hover .hp2Quote {
	opacity: 1;	
}







#hp2rightimg {
	float: right;
	margin-top: -230px;
	width: 225px;
	position: relative;
	cursor: pointer;
}

.hp2text {
	
}
#hp2lefttext {
	float: left;
}
#hp2righttext {
	float: right;
}

.hp2tall {
	display: block;
}
.hp2short {
	display: none;
}

#h2centerbottom p.orangeText {
	font-size: 14pt;
	font-family: 'gotham_bookregular';
	margin-bottom: 15px;
}


#aboutHolder, #caseHolder {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}



.case {
	display: inline-block;
	width: 434px;
	border-top: 3px solid #f25838;
	border-bottom: 3px solid #f25838;

}






.csText {
	height: 95px;
	display: table;
	width: calc(444px - 260px);
}
.csText p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 16pt;
	/*font-weight: bold;*/
}
.csLogo {
	float: left;
}
.csLogo img {
	width: 123px;
	height: 95px;
}
.csClip {
	float: right;
	padding: 8px;
}

.csClip img {
	width: 100px;
	height: 79px;
}




.csLogo img, .csClip img {
	vertical-align: middle;
	display: inline-block;
}
.slider {
	text-align: center;
	margin-top: 20px;
}
.slideBoxContent {
	max-width: 720px;
}
.sliderBox {
	max-width: 870px;
	margin: 0 auto;
	height: 420px;
	text-align: center;
	position: relative;
}
.sliderControl {
	position: absolute;
	top: 0;
	z-index: 5;
	width: 100px;
	height: 420px;
}

#csSlider {
	display: none;	
}

#csSliderL {
	left: 0;
	background: url(../images/site/btn_slider_left.png) no-repeat center center;
}
#csSliderR {
	right: 0;
	background: url(../images/site/btn_slider_right.png) no-repeat center center;
}
.slideBoxContent {
	width: 740px;
	margin: 0 auto;
	border: 1px solid #45453f;
	overflow: hidden;
	height: 420px;
	position: relative;
}
.slideBoxContent:after {
	content: "";
	clear: both;
	display: table;
}
.csContent {
	position: absolute;
	left: 720px;
	top: 0;
	width: 720px;
}
.csContent h3 {
	font-family: gotham_mediumregular;
	font-size: 12pt;
	color: rgb(241,90,41);
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.csContent p {
	margin: 10px;
	line-height: 15px;
	font-size: 11pt;
}
.csContent a {
	font-family: gotham_mediumregular;
}
.caseSmallHeader {
	width: 343px;
	height: 80px;
	margin: 17px auto;
	border-top: 3px solid #f25838;
	border-bottom: 3px solid #f25838;
}
.csTextSmall {
	height: 73px;
	width: 173px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
}
.csLogoSmall {
	float: left;
	line-height: 73px;
	width: 80px;
	padding-left: 5px;
}
.csClipSmall img, .csLogoSmall img {
	max-width: 80px;
	max-height: 62px;
}
.csClipSmall {
	float: right;
	line-height: 73px;
	padding-right: 5px;
}
.csLogoSmall img, .csClipSmall img {
	vertical-align: middle;
}
#pfHolder {
	margin: 20px auto;
}
.pfEntry {
	width: 328px;
	height: 228px;
	line-height: 228px;
	background: white;
	margin: 0 2px 4px;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.tall {
	height: 323px;
	line-height: 323px;
}
.pfIndExtra {
	background: rgb(241,90,41);
	font-size: 20pt;
}
.pfTitle {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	background: #45443f;
	background-color: rgba(69, 69, 63, 0.9);
	color: white; /*#aeaea9;*/
	min-height: 26px;
	line-height: 26px;
	padding: 0 6px;
	font-size: 16px;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	/*-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;*/
	transition: opacity .5s ease-in-out;
}
.no-touch .pfEntry:hover .pfTitle {
	opacity: 1;
	filter: alpha(opacity=100);
}
.pfEntry a {
	color: white;
	display: block;
}
#morepeople {
	text-align: center;
}
#teamWrapper {
	margin: 30px auto;
}
#teamWrapper:after {
	content: "";
	clear: both;
	display: table;
}
.teamMember {
	width: 500px;
	height: 225px;
	/*background: red;*/
	overflow: hidden;
	/*position: relative;*/
	margin: 0;
	float: left;
	text-align: left;
	cursor: pointer;
}
.teamPhoto, .teamQuote, .teamBio {
	width: 250px;
	height: 225px;
	position: absolute;
	top: 0;
}
.teamPhoto {
	/*background: black;*/
	
}
.teamBio, .teamQuote {
	width: 250px;
	position: absolute;
	top: 0;
}
/*lefts*/
.teamMember:nth-child(4n-2) .teamBio, 
.teamMember:nth-child(4n-3) .teamBio,
.teamMember:nth-child(4n-2) .teamQuote, 
.teamMember:nth-child(4n-3) .teamQuote {
	right: 0;
}

.teamMember:nth-child(4n-2) .teamPhoto, 
.teamMember:nth-child(4n-3) .teamPhoto {
	left: 0;
}

.teamMember:nth-child(4n-2) h3, 
.teamMember:nth-child(4n-3) h3 {
	text-align: left;
	background: url(../images/site/team_arrow.png) no-repeat left 15px;
	padding: 12px 5px 5px 14px;

}

/* rights*/
.teamMember:nth-child(4n) .teamBio, 
.teamMember:nth-child(4n-1) .teamBio,
.teamMember:nth-child(4n) .teamQuote, 
.teamMember:nth-child(4n-1) .teamQuote {
   	left: 0;
	text-align: right;
}

.teamMember:nth-child(4n) .teamPhoto, 
.teamMember:nth-child(4n-1) .teamPhoto {
	left: 250px;
}
.teamMember:nth-child(4n) h3, 
.teamMember:nth-child(4n-1) h3 {
	text-align: right;
	padding: 12px 14px 5px 5px;
	background: url(../images/site/team_arrow2.png) no-repeat right 15px;
}



.teamMember h3 {
	font-family: 'gotham_bookregular';
	color: rgb(241,90,41);
	margin: 0;
	font-size: 8.5pt;
	font-size: 10pt;
}
/*.teamRight h3 {
	text-align: right;
	margin: 0;
	padding: 12px 14px 5px 5px;
	background: url(../images/team_arrow2.png) no-repeat right 15px;
}

*/



/*.teamRight .teamPhoto {
	left: 250px;
}
.teamRight .teamBio, 
.teamRight .teamQuote {
	left: 0;
	text-align: right;
}*/
.teamQuote {
	background: #45453f;
	color: white;
}
.teamBio {
	background: white;
	display: none;
}

.bio {
	color: rgb(241,90,41);
	font-size: 7pt;
	padding: 5px 14px;
	text-transform: uppercase;
}
.teamQuote p {
	font-size: 13pt;
	padding: 10px 14px;
	line-height: 16pt;
	margin: 0;
}

.teamQuote p::before {
	content:"“";
}

.teamQuote p::after {
	content:"”";
}

.teamBio p {
	font-size: 8pt;
	padding: 0 14px 0 14px;
	line-height: 12pt;
	margin: 0;
}

.teamBio.long p {
	padding: 0 8px 0 14px;
}

/*ABOUTABOUTABOUT*/
#about {
	text-align: center;
}
#abContentBox {
	max-width: 1024px;
	height: 641px;
	margin: 0 auto;
	position: relative;
}
.abContent {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 100px;
	opacity: 0;
	visibility: hidden;
}
#abContentColorFix {
	background: #f4f5f4;
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	height: 541px;
}
.abContentContainer {
	height: 541px;
}
#aboutBtns {
	max-width: 1024px;
	height: 57px;
	margin: 0 auto;
	position: relative;
}
.aboutBtn {
	width: calc(100% / 5);
	float: left;
	font-size: 13pt;
	background: #45443f;
	border-left: 1px solid white;
}
.aboutBtn:first-child {
	border: none;
}
.aboutBtn a {
	display: block;
	line-height: 57px;
	color: white;
}
.activeAbout {
	background: rgb(241,90,41);
}
.abContent {
	padding-top: 100px;
	display: table;
	width: 100%;
}

.abContent p {
	margin-bottom: 20px;
} 

.abHeader h2 {
	margin: 0 80px;
	margin-top: 11px;
	border-bottom: 8px solid rgb(241,90,41);
	font-size: 28pt;
	line-height: 94px;

}
.abText {
	width: 100%;
	max-width: 1024px;
	position: absolute;
	height: 417px;
	top: 224px;
	left: 0;
	text-align: center;
	font-size: 14pt;
	line-height: 22pt;	
	display: table;
}
.abTextWrapper {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#abContent1 h2 {
	/*margin: 11px auto 0;
	width: 370px;	*/
}
#abContent1 img.alignLeft {
	position: absolute;
	top: 126px;
	left: 140px;
}
#abContent1 img.alignRight {
	position: absolute;
	top: 126px;
	right: 140px;

}
#abContent2 h2 {
	font-size: 26pt;
}
#abContent2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#abContent2 li {
color: #45453f;
	width: 337px;
	height: 60px;
	line-height: 60px;
	margin: 12px 0;
	text-transform: lowercase;
	font-size: 24pt;
	font-family: 'gotham_bookregular';
	text-align: left;
	float: left;
}
#abContent2 li:nth-child(odd) {
	
	margin-left: 188px;
}
/*
#abContent2 li:nth-child(even) {
	float: right;
	margin-right: 150px;
}*/
#abContent2 li img {
	float: left;
	margin-right: 15px;
}

#ab4flag {
	position: absolute;
	left: calc(50% - 41px);
	top: 175px;
}
.abOList {
	text-align: left;
	margin: 0 auto;
	width: 50%;
}
#abContent1 {
	opacity: 1;
	visibility: visible;
}


/*NAVBAR TEST*/

.container {
	width: 100%;
	max-width: 1500px;	
	padding: 0 36px;
}

.navbar {
	height: 80px;	
	background: white;
	border-bottom: 1px solid rgb(241,90,41);
}

.navbar-brand {
	margin-top: 20px;	
}

.navbar a {
	text-transform: uppercase;	
}

.navbar-nav {
	margin-top: 29px;	
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: rgb(241,90,41);
background-color: white;
}

.nav>li>a:hover {
	color: rgb(241,90,41);
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
color: rgb(241,90,41);
text-decoration: none;
background-color: white;
}

/*Homepage Isotope*/

#homeTileHolder {
	margin: 0 auto;
}

.tilerow {
	display: none;	
}

.tile {
	float: left;
	width: 234px;
	height: 150px;
	display: block;
	margin: 0 4px 4px 0;
	margin: 2px;
}
.tileImage {
	position: relative;
	width: 100%;
	top: 0;
}
.tileImage img {
	width: 100%;
}
.tileTitle {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(69, 69, 63, 0.9);
	color: white;
	min-height: 20px;
	line-height: 20px;
	padding: 0 6px;
	font-size: 10px;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	/*-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;*/
	transition: opacity .5s ease-in-out;
}
.no-touch .tile:hover .tileTitle {
	opacity: 1;
	filter: alpha(opacity=100);
}

.bigTile {
	background: rgb(241,90,41);
	width: 710px;
	/*width: 472px;*/
	height: 304px;
	text-align: center;	
		color: white;
		padding-top: 20px;
    position: absolute;
}

.bigTile h2 {
	font-family: 'gotham_bookregular';
	font-size: 34pt;
letter-spacing: -0.045em;
	padding: 13px 0;
	font-weight: normal;
}

.bigTile p {
	padding: 13px 0;
	font-size: 14pt;	
}

.bigTile a {
	color: white;
	text-decoration: none;
}

.filterButton {
	color: white;
	text-decoration: none;
}

button.filterButton {
	border: none;
	background: none;
}

.no-touch .filterButton:hover {
	text-decoration: none;
	color: white;
}


.subtile {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(241,90,41);
}

#subtile1 {
    z-index: 1;
    padding-top:20px;
}

#subtile2 {
    z-index: 0;
}

#subtile2 h2 {
    line-height: 70px;   
}

#subtile2 div {
   position: absolute;
  top: 50%;
  transform: translateY(-50%);
      left: 0;
  right: 0;
}

.tile, .hidden-by-filters {
	 /*-webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;*/
    transition-property: transform, opacity;
   /* -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;*/
    transition-duration: 0.4s;
}

.hidden-by-filters {
	opacity: 0.3;
	pointer-events: none;
}

.current {
	font-weight: bold;	
}
.navbar-collapse {
	background: white;	
}

#work {
	width: 100%;
	min-height: 0;
	max-width: 100%;
	padding: 0;
	padding-top: 110px;
}	

#workSliderWrapper {
	width: 100%;
	text-align: center;
	background: url(../images/site/work_background.png) repeat;	
}

#workSlider {
	max-width: 1024px;	
	margin: 0 auto;
	position: relative;
	height: 576px;
}

.workSliderItem {
	position: absolute;
	width: 100%;
	height: 576px;
	opacity: 0;
	visibility: hidden;
}

.workSliderItem img {
	max-height: 576px;	
}

#workSliderItem1 {
	opacity: 1;
	visibility: visible;	
}

.csWork {
	background: white;	
	font-size: 12pt;
	display: table;
}

.csWork h3 {
font-family: gotham_mediumregular;
font-size: 12pt;
color: rgb(241,90,41);
font-weight: normal;
margin-top: 15px;	
}

.workCase {
	display: inline-block;
	width: 460px;
	height: 109px;
	border-top: 3px solid #f25838;
	border-bottom: 3px solid #f25838;
	margin: 5px;
	padding: 1px 0;
}



.workCaseVerticalWrapper {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}



#workContent {
	max-width: 1024px;	
	margin: 0 auto;
	position: relative;
}

#workGridButton {
	position: absolute;
	bottom: 10px;
	right: 0;
}


#workGridButton a {
/*	
	position: absolute;
	top: 0;
	right: 0;*/
	display: block;
	overflow: hidden;
	width: 51px;
	height: 46px;
	margin: 25px 0 5px 15px;
	background-repeat: no-repeat;
	background-image: url(../images/site/btn_grid.png);
	background-color: #f1f1f0;
	background-position: 9px 6px;
	line-height: 46px;
	padding-left: 53px;
	text-transform: uppercase;
	color: black;	
	
	
	/*-webkit-transition: width 0.2s ease-out;
    -moz-transition: width 0.2s ease-out;
    -o-transition: width 0.2s ease-out;*/
    transition: width 0.2s ease-out;
}

.no-touch #workGridButton a:hover {
	width: 114px;	
	text-decoration: none;
}


#workThumbs {
	float: right;
	width: auto;
	max-width: 312px;
	margin-top: 20px;
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 0;
}

#workThumbs:after {
	content: "";
	clear: both;
	display: table;
}

#workThumbs ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

#workThumbs li a {
	float: left;
	width: 89px;
	height: 57px;	
	margin: 0 0 15px 15px;
	/*-moz-transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;*/
	transition:all 0.2s ease;
}

.no-touch #workThumbs li a:hover {
	/*	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);*/
	transform:scale(1.2);
}

#workThumbs img {
	max-width: 89px;
	max-height: 57px;	
}

#workContentHeadlines {
	position: relative;	
	width: 712px;
}

.workContentItem {
	position: absolute;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	font-size: 12pt;
}

#workContentItem1 {
	visibility: visible;
	opacity: 1;	
}

.workContentItem h2 {
	text-align: left;
	font-size: 16pt;
	font-weight: normal;
	line-height: 46px;
	font-family: 'gotham_bookregular';
	margin-top: 6px;
}

.gothamMed {
	font-family: 'gotham_mediumregular';	
}


#workPage .navWork,
#team .navTeam,
#homepage .navHome  {
	color: rgb(241,90,41);

}

/* LANDING PAGES*/



.flexslider {
	max-width: 1024px;
	height: 576px;
	margin: 0 auto;
	background: #fff;
	border: none;
	/*-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;*/
	box-shadow: none;

}
#workThumbs {
	/*position: relative;*/
	z-index: 1000;
}
#workContentHL {
	font-size: 12pt;
	width: calc(100% - 312px);
}
#workContentHL h2 {
	text-align: left;
	font-size: 16pt;
	font-weight: normal;
	line-height: 46px;
	font-family: 'gotham_bookregular';
	margin-top: 6px;
}
.gothamMed {
	font-family: 'gotham_mediumregular';
}
.flex-control-thumbs {
	overflow: visible;
}
#workPage .flex-control-thumbs li {
	float: left;
	width: 89px;
	height: 57px;
	margin: 0 0 15px 15px;
	/*-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;*/
	transition: all 0.2s ease;
}
.no-touch #workPage .flex-control-thumbs li:hover {
	/*-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);*/
	transform: scale(1.2);
}
#workPage .flex-control-thumbs img {
	max-width: 89px;
	max-height: 57px;
}
.workCaseVerticalWrapper {
	width: 1024px;
	height: 576px;
	background: white;

}
.slide {
	opacity: 0;
}

#workSliderWrapper {
	border-top: 1px solid #45453f;
	border-bottom: 1px solid #45453f;	
}



.vimeo-wrapper {
	width:100%;
	background: black;
	height: 576px;
	
	max-height: 576px;	
	overflow: hidden;
}
.vimeo-wrapper img {
	/*max-width: 1024px;*/
	width: 100%;

   position: absolute;
   left: 50%;
   top: 50%;
	transform: 	translateY(-50%) translateX(-50%);
}

.flexslider .slides img {
		max-width: 100%;
}

.force100 {
	width:100%;	
}

.pfEntry img {
   position: absolute;
   left: 50%;
   top: 50%;
	transform: 	translateY(-50%) translateX(-50%);
}

.lbRight {
	float: right;
	width: 250px;
	text-align: right;	
}
.lbRight a {
	display: block;
	color: #45453f;	
	background: url(../images/site/btn_lb_right.png) no-repeat right center;
	padding-right: 25px;
	height: 22px;
	line-height: 22px;
}

.no-touch .lbRight a:hover {
	text-decoration: none;	
}

.fancybox-title {
	font-family: 'gotham_bookregular';
	color: #45453f;		
}


.fancybox-title strong {
	font-weight: normal;
	font-family: 'gotham_mediumregular';
	color: #45453f;		
}

.flex-control-thumbs img {
	opacity: 0.5;	
}

#csScroll {
	position: absolute;
	top: 80px;
}

#case-studies .flexslider {
	max-width: 1024px;
	position: relative;
	margin-top: 47px;
	height: auto;
	text-align: center;
}
#case-studies .flexslider .slides > li {
	text-align: center;
}

#case-studies .flex-control-thumbs {
	margin: -40px auto 100px auto;
	position: relative;
}

#case-studies .flex-control-thumbs:after {
	content: "";
	clear: both;
	display: table;
}

#case-studies .flex-control-thumbs li {
	text-align: center;
	display: inline-block;
	/*width: 112px;*/
	width: 214px;
	height: 87px;
	margin: 8px;
	/*-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;*/
	transition: all 0.2s ease;
}
.no-touch #case-studies .flex-control-thumbs li:hover {
	/*-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);*/
	transform: scale(1.1);
}
#case-studies .flex-control-thumbs li img {
	opacity: 1;
	border: 1px solid #ccc;
}
#case-studies .flex-active {
	border: 1px solid rgb(241,90,41) !important;
	
	/*-webkit-box-shadow: 
		0 0 3px 2px rgba(241,90,41,0.3);*/
	box-shadow: 
		0 0 3px 2px rgba(241,90,41,0.3);
}

.flex-direction-nav {
	display: none;
}
.csprev, .csnext {
	position: absolute;
	top: 200px;
	z-index: 5;
	cursor: pointer;
}
.csprev {
	left: 0;
}
.csnext {
	right: 0;
}

.linkArrow {
	display: inline-block;
	background: url(../images/site/btn_lb_right.png) no-repeat right center;
	padding-right: 25px!important;
	height: 22px;
	line-height: 22px;	
}
.caseLink {
	float: left;
	margin-top: 20px;	
	font-size: 12pt;
	width: 120px;
}

#workContentWrapper {
	margin-bottom: 60px;
	padding-bottom: 20px;	
}

.flexslider {
	background: none;	
}

#legal {
	/*max-width: 1024px;	*/
}

#legal h3 {
	font-family: 'gotham_bookregular';
	color: rgb(241,90,41);
	font-weight: normal;
	margin-bottom: 20px;
}

#legal p {
	margin-bottom: 20px;
	font-size: 12pt;
}

#morepeople {
	padding-bottom: 100px;	
}

.vimeo-wrapper {
		max-height: none;
}	





/* NEW PEOPLE PAGE */

#peopleHeader {
	padding: 10px 50px;
	margin: 0 auto;
	margin-bottom: 70px;
}
#peopleHeader h2 {
	font-size: 48pt; /*36pt;*/
	letter-spacing: -0.015em;
	line-height: 80px; /*59px;*/
    margin-top: 50px; /*30px;*/
	margin-bottom: 30px;
}
#peopleHeader p {
	/*font-family: 'gotham_bookregular';*/
	font-size: 12pt;
    max-width: 850px;
	text-align: center;
    margin: 0 auto;
	margin-top: 40px;
}

#peopleContainer {
	margin: 0 auto;	
	width: 100%;
	/*max-width: 1024px;*/
	margin-bottom: 20px;
	position: relative;
}




#peopleContainer:after {
 content: "";
  display: table;
  clear: both;

}

#peopleJohnText {
	text-align: left;
	font-size: 12pt;
	width: 76%;
	min-width: 320px;
	/*max-width: 400px;*/
	padding: 0px 20px;
	float: left;
	position: relative;
	
}

.orangeBig {
	color: #f25838;
	font-size: 13pt;
}

#peopleJohnImage {
	float: right;
	text-align: left;
	width: 24%;
	/*max-width: 280px;*/
	padding-right: 20px;	
	/*max-width: 400px;*/
	/*max-height: 269px;*/
}

#peopleJohnImage img {
	width: 100%;	
}

#people .flexslider {
	height: auto;	
}





#peopleTeamlink {
	width: 300px;
	font-size: 8pt;
	text-align: center;
	position: absolute;
	right: calc(50% + 20px);
	bottom: 1px;
}
#peopleTeamlink a {
	color: #45453f;
}
#peopleTeamlink a img {
	opacity: 0.5;
	width: 100%;
	height: 100%;	
}

.touch #peopleTeamlink a img {
	opacity: 1;
}

.no-touch #peopleTeamlink a:hover img {
	opacity: 1;
}

#peopleQuote {
	width: 100%;
	background: rgb(241,90,41);
	color: white;
	clear: both;
	text-align: center;
	-webkit-user-select: none;
	-webkit-user-callout: none;
	
}



#peopleQuoteContainer {
	width: 100%;
	margin: 0 auto;
	max-width: 512px;	
	text-align: center;
	color: rgb(241,90,41);
	position: relative
}

#pqHolder {
margin-top: -30px;	
padding-bottom: 20px;
}


.quote::before {
	content:"“";
}

.quote::after {
	content:"”";
}


.quote {
	width: 50%;
	font-size: 12pt;
	padding: 20px;
	opacity: 0.5;
	margin: 0 auto;
    transition-property: transform, opacity;
    transition-duration: 0.2s;
	user-select: none;
	-webkit-user-select: none;
	-webkit-user-callout: none;
	cursor: default;
}

.quote.quoteHover, 
.no-touch .quote:hover {
	opacity: 1;
	transform:scale(1.5);
}


#peopleClosing {
	text-align: center;	
	padding: 10px;
	font-size: 13pt;
}

#pqOpen {
	cursor: pointer;
	height: 75px;
	background: url(../images/site/btn_quotes_down.png) no-repeat center -25px;
	padding-top: 28px;
	font-size: 15px;
}

#pqClose {
	background: url(../images/site/btn_quotes_up.png) no-repeat center -25px;
	cursor: pointer;
	height:	75px;
	display: none;
}

#pqHolder {
	display: none;	
}


/*PROVING GROUND */
	#case-studies .flexslider {
	margin-top: 32px;
}

.csWork h3 {
	margin-top: 11px;
	margin-bottom: 8px;	
}

.csWork p {
	margin-bottom: 12px;	
}

.fancybox-nav span {
 visibility: visible;
}

.hpJohnArrow {
	display: inline-block;
	background: rgb(241,90,41) url(../images/site/btn_lb_right_white.png) no-repeat right center;
	padding-right: 25px;
	padding-left: 10px;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
	color: white;
    float: right;
    /*margin-right: 15px;*/
      position: absolute;
  right: 10px;
  bottom: 0;
}

.hpJohnArrow:hover {
	color: white;
	text-decoration:none;	
}

#caseStudyButton {
	position: relative;
	z-index: 30;
}

.fancybox-image {
	-webkit-touch-callout: none;
}

.carousel-padder {
    padding: 0 0px;
    padding-bottom: 30px;
}

.sc-bio {
    width: 400px;
    text-align: center;
    font-size: 14px;
}