::selection {color:#fff !important;background:#000 !important;}
::-moz-selection {color:#fff !important;background:#000 !important;}


article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display:block;
}

audio,canvas,video {
	display:inline;
	zoom:1;
}

audio:not([controls]) {
	display:none;
	height:0;
}

[hidden] {
	display:none;
}

html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

html,button,input,select,textarea {
	font-family:sans-serif;
}

a:focus {
	outline:thin dotted;
}

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

h1 {
	font-size:1.5em;
	margin:.67em 0;
}

h2 {
	font-size:1.5em;
	margin:.83em 0;
}

h3 {
	font-size:1.17em;
	margin:1em 0;
}

h4 {
	font-size:1em;
	margin:1.33em 0;
}

h5 {
	font-size:.83em;
	margin:1.67em 0;
}

h6 {
	font-size:.67em;
	margin:2.33em 0;
}

abbr[title] {
	border-bottom:1px dotted;
}

b,strong {
	font-weight:700;
}

blockquote {
	margin:1em 40px;
}

dfn {
	font-style:italic;
}

hr {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0;
}

mark {
	background:#ff0;
	color:#000;
}

code,kbd,pre,samp {
	font-family:monospace,serif;
	_font-family:'courier new',monospace;
	font-size:1em;
}

pre {
	white-space:pre-wrap;
	word-wrap:break-word;
}

q {
	quotes:none;
}

q:before,q:after {
	content:none;
}

small {
	font-size:80%;
}

sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sup {
	top:-.5em;
}

sub {
	bottom:-.25em;
}

dd {
	margin:0 0 0 40px;
}

menu,ol,ul {
	padding:0 0 0 40px;
}

nav ul,nav ol {
	list-style:none;
	list-style-image:none;
}

img {
	border:0;
	-ms-interpolation-mode:bicubic;
}

svg:not(:root) {
	overflow:hidden;
}

fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em;
}

legend {
	border:0;
	white-space:normal;
	margin-left:-7px;
	padding:0;
}

button,input,select,textarea {
	font-size:100%;
	vertical-align:middle;
	margin:0;
}

button,input {
	line-height:normal;
}

button,select {
	text-transform:none;
}

button,html input[type=button],/* 1 */input[type=reset],input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer;
	overflow:visible;
}

button[disabled],html input[disabled] {
	cursor:default;
}

input[type=checkbox],input[type=radio] {
	box-sizing:border-box;
	height:13px;
	width:13px;
	padding:0;
}

input[type=search] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}

textarea {
	overflow:auto;
	vertical-align:top;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

body,figure,form {
	margin:0;
}

p,pre,dl,menu,ol,ul {
	margin:1em 0;
}

body {
	font-family:"open-sans",sans-serif;
	font-size:0.5%
}

a:active,a:focus {
	outline:none;
}

#wrapper {
	width:100%;
}

.twitter-avatar {
	float:left;
	border:0 solid #000;
	margin:0 10px 0 0;
	clear:left;
}

.tweet {
	padding:10px 0;
}

#logo {
	width:60%;
	margin-top:50px;
}

#menu {
	position:fixed;
	top:0;
	right:0;
	display:block;
	width:70px;
	height:55px;
	background-color:#000;
	z-index:10000;
	transition:all .5s ease;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
}

#menu span {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	display:block;
	text-transform:uppercase;
	font-weight:500;
	font-size:12px;
	line-height:12px;
	color:#fff;
}

#menu span:before {
	content:'';
	position:absolute;
	width:100%;
	height:0;
	left:0;
	top:-4px;
	border-top:0px solid #fff;
}

#menu span:after {
	content:'';
	position:absolute;
	width:100%;
	height:0;
	left:0;
	bottom:-4px;
	border-bottom:0px solid #fff;
}

#menu.hidden {
	opacity:0;
}

#nav {
	position:fixed;
	top:0;
	width:320px;
	height:100%;
	padding:90px 40px;
	z-index:10001;
	right:-320px;
	background-color:#000;
	transition:all .5s ease;
	color:#fff;
}

#nav a {
	color:#fff;
}

#nav a:hover,#nav a:active,#nav a:focus {
	color:#aaa;
	text-decoration:none;
}

#nav.active {
	right:0;
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	background:#000;
}

#nav ul li {
	display:block;
}

.navItem {
	display:block;
	font-size:22px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:.01em;
	line-height: 49px;
}

#navClose {
	display:block;
	position:absolute;
	top:10px;
	right:20px;
	font-size:20px;
	text-decoration:none;
	padding:0 2px;
	background: #000 !important;
}

#navClose:before {
	content:'';
	position:absolute;
	width:100%;
	height:0;
	left:0;
	top:3px;
	border-top:0px solid #fff;
}

#navClose:after {
	content:'';
	position:absolute;
	width:100%;
	height:0;
	left:0;
	bottom:0;
	border-bottom:0px solid #fff;
}

#navClose:hover,#navClose:active {
	text-decoration:none;
}

#navClose span {
	font-weight:500;
	font-size:12px;
	line-height:26px;
}

#navLogo {
	margin:0 auto;
	display:block;
}

#navFooter {
	position: absolute;
	bottom: 0;
	z-index:-1;
}

#navContact {
	padding:30px 0;
	font-weight:300;
	letter-spacing:.075em;
	font-size:16px;
	max-width: 230px;
}

#socialLinks {
	margin:30px 0;
	height:24px;
}

#socialLinks a {
	display:block;
	float:left;
	width:24px;
	height:24px;
	margin-right:6px;
}

#socialTwitter {
	background:url(/img/social24.png) 0 0 no-repeat transparent;
}

#socialTwitter:hover {
	background-position:0 -24px;
}

#socialLinkedin {
	background:url(/img/social24.png) -48px 0 no-repeat transparent;
}

#socialLinkedin:hover {
	background-position:-48px -24px;
}

#socialFacebook {
	background:url(/img/social24.png) -24px 0 no-repeat transparent;
}

#socialFacebook:hover {
	background-position:-24px -24px;
}

#maskOld {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:1000;
}

#mask {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
	background-color:rgba(255,255,255,0);
	z-index:5000;
}

#maskVideo {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:20000;
}

.nopadding {
	margin:0;
	padding:0;
}

.teams {
	background:#000;
	clear:left;
}

.teamcard img,.card img,.videocard img {
	width:100%;
	height:auto;
}

.front {
	width:100%;
	height:100%;
}

.front .overlay {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0);
	transition:all .3s ease;
}

.front .overlay:hover {
	background-color:rgba(0,0,0,0.7);
}

.streamVideoOverlay:hover {
	background-color:rgba(0,0,0,0.7);
}
.streamVideoOverlay {
	background-image:url(/img/video-play2.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.videocard .front .overlay {
	background-image:url(/img/video-play2.png);
	background-position:center center;
	background-repeat:no-repeat;
}

.videocard.dark .front .overlay {
	background-image:url(/img/video-play-dark2.png);
	background-position:center center;
	background-repeat:no-repeat;
}

.back {
	padding:50px;
	color:#fff;
	background-color:#000;
	width:100%;
	height:100%;
	position:relative;
}

.back .inner {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	text-align:center;
	width:100%;
	padding:10% 17%;
}

.back .quoteinner {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	text-align:center;
	width:100%;
	padding:10% 17%;
}

.start-arrow {
	position: fixed;
	bottom:10px;
	text-align:center;
	width:100%;
	z-index: 100000;
}

@media only screen and (min-width: 1600px) {
	.back .inner {
		padding:10% 20%;
	}
	
	.back .quoteinner {
		padding:10% 30%;
	}
}

.back .inner strong {
	font-size:18px;
	text-transform:uppercase;
	font-weight:700;
	display:block;
	letter-spacing:.01em;
}

.back .inner span {
	font-size:16px;
	display:block;
	font-weight:100;
}

.back a {
	font-size:14px;
	color:#2f80c2;
	text-decoration:none;
	font-weight:100;
}

.back.rt {
	background:transparent url(/img/flipbg_rt.png) 0 0 no-repeat;
	background-size:cover;
}

.back.lt {
	background:transparent url(/img/flipbg_lt.png) 0 0 no-repeat;
	background-size:cover;
}

.back.lb {
	background:transparent url(/img/flipbg_lb.png) 0 0 no-repeat;
	background-size:cover;
}

.back.rb {
	background:transparent url(/img/flipbg_rb.png) 0 0 no-repeat;
	background-size:cover;
}

.back.lbold {
	background-repeat:no-repeat;
	background-image:url(/img/scribble.png);
	background-position:left bottom;
	background-size:30% 30%;
}

.card {
	perspective:9000px!important;
	height:100%;
}

.back a:hover {
	color:#ccc;
}

.teamcard {
	overflow:hidden;
}

.teamcard img {
	-webkit-transform:scale(1);
	transform:scale(1);
	transition:all 1.5s ease;
}

.teamcard .overlay {
	display:block;
	position:absolute;
	top:0;
	z-index:50;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0);
	transition:all 1s ease-out;
}

.teamcard .overlay:hover {
	background-color:rgba(0,0,0,0.5);
}

.teamcard .caption {
	display:block;
	position:absolute;
	top:calc(80% - 13px);
	left:0;
	right:0;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	text-shadow:1px 1px 10px rgba(0,0,0,0.5);
	transition:all 1s ease;
	font-size:18px;
	opacity:0;
	-webkit-transform:matrix(0.7,0,0,0.7,0,0);
	transform:matrix(0.7,0,0,0.7,0,0);
	line-height:1.3em;
	z-index:50;
}

.teamcard:hover .caption {
	opacity:1;
	-webkit-transform:matrix(1,0,0,1,0,0);
	transform:matrix(1,0,0,1,0,0);
	letter-spacing:.06em;
}

.teamcard:hover img {
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
}

.teamcard .caption .jobTitle {
	font-size:14px;
}

.teamcard.active img {
	transform:scale(1.3);
}

.teamcard.active .overlay {
	background-color:rgba(0,0,0,0.5);
}

.teamcard.active .caption {
	opacity:1;
	transform:matrix(1,0,0,1,0,0);
	letter-spacing:.06em;
}

@media (max-width: 1100px) {
	.teamcard .caption {
		font-size:16px;
	}
	
	.teamcard .caption .jobTitle {
		font-size:11px;
	}
}

@media (max-width: 1200px) {
	.teamcard .caption {
		font-size:18px;
	}
	
	.teamcard .caption .jobTitle {
		font-size:12px;
	}
}

#contact-form input,#contact-form select {
	font-size:14px;
	font-weight:400;
	letter-spacing:.13em;
	text-align:left;
}

#contact-form h3 {
	font-size:18px;
	letter-spacing:.025em;
	font-weight:100;
	margin-bottom:.75em;
	padding-top:1em;
}

#contact-form h3 span {
	letter-spacing:-.5em;
}

#contact-form h2 {
	font-size:1.3em;
	letter-spacing:.05em;
	margin-bottom:0;
	padding-top:3em;
	font-weight:100;
}

#contact-form a {
	color:#fff;
	text-decoration:none;
}

#contact-form p {
	padding-top:1.75em;
	font-weight:100;
}

#contact-form input.submit:hover {
	background:#000;
	color:#fff;
	font-weight:400;
}
#contact-form input.submit {
	background:#fff;
	color:#000;
	font-weight:400;
}

.flippedContainer {
	overflow:hidden;
}

.flip-grid .back {
	text-align:center;
	font-size:16px;
	font-weight:100;
}

.flip-grid .back strong {
	font-size:18px;
	text-transform:uppercase;
	font-weight:700;
	display:block;
	letter-spacing:.01em;
}

.flip-grid-large .back {
	text-align:center;
	font-size:16px;
	font-weight:100;
}

.flip-grid-large .back strong {
	font-size:18px;
	text-transform:uppercase;
	font-weight:700;
	display:block;
	letter-spacing:.01em;
}

.back a.gridMoreInfo {
	color:#fff;
	position:relative;
	display:inline-block;
	padding-top:4px;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
	margin-left:-10px;
}

a.gridMoreInfo:after {
	content:"";
	width:8px;
	height:12px;
	position:absolute;
	top:5px;
	right:-12px;
	background:transparent url(/img/more_sm.png) -8px 0 no-repeat;
}

.cs-textarea {
	width:80%;
	max-width:800px;
	padding:4em 0;
	margin:0 auto;
	font-size:18px;
	font-weight:100;
}

.cs-fwimg {
	width:100vw;
	max-width:100%;
}

.cs-fwimg img {
	width:100%;
	height:auto;
}

.cs-video {
	position:relative;
	width:100vw;
	max-width:100%;
	height:0;
	padding-bottom:56.25%;
	padding-top:25px;
}

.cs-video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:800;
}

.cs-video-img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:801;
	cursor:pointer;
	background-position:0 0;
	background-size:cover;
}

.cs-video .cs-video-play {
	position:absolute;
	top:50%;
	left:50%;
	margin:-53px 0 0 -53px;
	width:120px;
	height:120px;
	background:transparent url(/img/video-play2.png) 0 0 no-repeat;
	z-index:802;
	cursor:pointer;
	text-indent:-9999px;
}

.cs-video.dark .cs-video-play {
	background-image:url(/img/video-play-dark2.png);
	opacity:.8;
}

.front {
	cursor:pointer;
}

/* panel */
body.overflow-hidden {
/* used when modal is visible */
	overflow:hidden;
}
body.overflow-hidden #wrapper {
	overflow:hidden;
}

#panel {
	background-color:#fff;
	display:none;
	overflow:auto;
	overflow-y:scroll;
	position:fixed;
	z-index:2000;
	overflow:hidden;
	top:50vh;
	left:50vw;
	width:100px;
	height:100px;
}

.panel-content {
	background-color:#fff;
	display:none;
	opacity:0;
	-webkit-transition:all 2s ease;
	-moz-transition:all 2s ease;
	transition:all 2s ease;
}

#panel .panel-dialog {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	box-shadow:none;
}

#panel .panel-close {
	display:block;
	z-index:2001;
	width:55px;
	height:55px;
/* image replacement */
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	visibility:hidden;
	-webkit-transition:-webkit-transform 1s 0s,visibility 0 1s;
	-moz-transition:-moz-transform 1s 0s,visibility 0 1s;
	transition:transform 1s 0s,visibility 0 1s;
}

#panel .panel-close {
	position:fixed;
	top: 0;
	right: 70px;
	background:#000 url(../img/cd-icon-close-mobile.svg) no-repeat center center;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}

@media only screen and (min-width: 1170px) {
	#panel .panel-close {
		
		background: #000 url(../img/cd-icon-close-desktop.svg) 50% 50% no-repeat;

	}
}

#panel.panel-opened .panel-close {
	visibility:visible;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-webkit-transition:-webkit-transform .4s 0s,visibility 0 0;
	-moz-transition:-moz-transform .4s 0s,visibility 0 0;
	transition:transform .4s 0s,visibility 0 0;
}

.imgfw {
	width:100vw;
	max-width:100%;
	height:auto;
}

.home-textarea {
	width:80%;
	max-width:800px;
	padding:4em 0;
	margin:0 auto;
	font-size:18px;
	font-weight:100;
}

.home-textarea h2 {
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:0;
}

.home-textarea h3 {
	font-size:18px;
	font-weight:400;
	margin-top:0;
	font-style:italic;
}

.home-video {
	position:relative;
	width:100vw;
	max-width:100%;
	height:0;
	padding-bottom:56.25%;
	padding-top:25px;
}

.home-video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#stream-footer-links {
	
	color:#FFF;
	font-size:14px;
}

#stream-footer-links a {
	color:#FFF;
	margin:0 8px;
	font-size:14px;
	vertical-align:middle;
}

.fullWidthImageText {
	width:100%;
	text-align:center;
	font-size:17px;
	font-weight:100;
	padding:0 3em 15px 3em;
}

.flipGridCaption {
	width:100%;
	text-align:center;
	font-size:17px;
	font-weight:100;
	padding-bottom:15px;
}

.desktop-slideshow {
	width:100%;
	position:relative;
	overflow:hidden;
}
.desktop-slideshow2 {
	width:100%;
	position:relative;
	overflow:hidden;
	margin:50px 0;
}

@media screen and (min-width: 992px) {
	margin:80px 0 100px 0;
}

.desktop-slideshow-caption {
	font-weight:100;
	width:100%;
	position:absolute;
	text-align:center;
	z-index:1001;
	font-size:17px;
}

.desktop-slideshow-bg {
	z-index:1000;
	position:absolute;
	top:0;
	left:12px;
}

.desktop-slideshow-bg img {
	width:100%;
	height:auto;
	margin:0 auto;
}

.desktop-slideshow-inner {
	width:1151px;
	height:646px;
	margin:0 auto;
	padding-top:100px;
}

.desktop-slideshow img {
	width:100%;
	height:auto;
	display:none;
}

.desktop-slideshow img:first-of-type {
	display:block;
}

.cycle-pager {
	text-align:center;
	width:100%;
	z-index:1001;
	position:absolute;
	bottom:10px;
	overflow:hidden;
	height:40px;
}

.cycle-pager span {
	font-family:arial;
	font-size:40px;
	width:auto;
	padding:0 4px;
	line-height:40px;
	height:40px;
	display:inline-block;
	color:#999;
	cursor:pointer;
	vertical-align:middle;
}

.cycle-pager span.cycle-pager-active {
	color:#333;
}

.cycle-pager > * {
	cursor:pointer;
}

.videoGridGroup {
	position:relative;
}

.video-grid-large {
	padding-top:33px;
}

.video-gridCaption {
	width:100%;
	text-align:center;
	z-index:1;
	font-size:17px;
	padding-bottom:15px;
}

#video_container {
	display:none;
	width:854px;
	height:480px;
	position:absolute;
	z-index:20001;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

#close_video {
	display:none;
	position:absolute;
	top:-18px;
	right:-16px;
	width:30px;
	height:30px;
	background:url(/img/video_close.png);
	z-index:20002!important;
	cursor:pointer;
}

#animation1{overflow:hidden;background:#000;width:100%;margin:0 auto;position:relative;height:700px;border:0 solid red}
#animation1_strip{width:10000px;position:absolute;left:0}
.animation1_text{z-index:100;color:#fff;position:absolute;font-weight:700;font-size:42px}
#animation1 img{position:absolute}
#animation1_sparking{top:530px;left:5910px;font-size:30px;font-weight:500;line-height:30px}
#animation1_sparking span{font-size:42px;padding-left:61px}
#animation1_igniting{top:470px;left:3550px;font-size:30px;font-weight:500;line-height:30px}
#animation1_igniting span{font-size:42px;padding-left:61px}
#animation1_provoking{z-index:10001;top:554px;left:8098px;font-size:30px;font-weight:500;line-height:30px}
#animation1_provoking span{font-size:42px;padding-left:61px}
#animation1_propelling{top:400px;left:9750px;font-size:30px;font-weight:500;line-height:30px}
#animation1_propelling span{font-size:42px;padding-left:61px}
#animation1_part1{height:700px;width:7732px;left:0;top:0;}
#animation1_scribble1{height:700px;left:0;top:0}
#animation1_flatline1{width:1140px;left:2154px;top:468px}
#animation1_match{width:480px;left:3294px;top:84px}
#animation1_line_top_to_bottom1{width:1450px;left:3774px;top:335px}
#animation1_scribble_and_match {height:700px;width:3706px;left:0;top:0;}
#animation1_spark_faces_whoosh {height:700px;width:6123px;left:3669px;top:0;}
#animation1_sparky{width:1125px;left:5224px;top:77px}
#animation1_line_curvy{width:1495px;left:6349px;top:466px}
#animation1_faces{width:610px;left:7844px;top:59px}
#animation1_line4{width:820px;left:8454px;top:371px}
#animation1_whoosh{width:632px;left:9274px;top:231px}
#animation1_plane{width:397px;left:9940px;top:139px}
#animation1_line5{width:1061px;left:10052px;top:0}
#animation1_story{width:1280px;left:11113px;top:0}
#animation1_logo{width:1280px;left:11113px;top:0}

@media only screen and (max-width: 800px){
	#animation1{height:350px;}
	#animation1_strip{width:5000px;}
	.animation1_text{font-size:21px}
	#animation1_sparking{top:265px;left:2955px;font-size:15px;line-height:18px}
	#animation1_sparking span{font-size:21px;padding-left:30px}
	#animation1_igniting{top:235px;left:1775px;font-size:15px;line-height:18px}
	#animation1_igniting span{font-size:21px;padding-left:30px}
	#animation1_provoking{top:277px;left:4049px;font-size:15px;line-height:18px}
	#animation1_provoking span{font-size:21px;padding-left:30px}
	#animation1_propelling{top:200px;left:4875px;font-size:15px;line-height:18px}
	#animation1_propelling span{font-size:21px;padding-left:30px}
	#animation1_scribble1{height:350px;left:0;top:0}
	#animation1_flatline1{width:570px;left:1077px;top:234px}
	#animation1_match{width:240px;left:1647px;top:42px}
	#animation1_line_top_to_bottom1{width:725px;left:1887px;top:168px}
	#animation1_scribble_and_match {height:350px;width:1853px;left:0;top:0;}
	#animation1_spark_faces_whoosh {height:350px;width:2044px;left:1835px;top:0;}
	#animation1_sparky{width:563px;left:2612px;top:38px}
	#animation1_line_curvy{width:748px;left:3175px;top:233px}
	#animation1_faces{width:305px;left:3922px;top:30px}
	#animation1_line4{width:410px;left:4227px;top:186px}
	#animation1_whoosh{width:316px;left:4637px;top:116px}
	#animation1_plane{width:199px;left:4970px;top:69px}
	#animation1_line5{width:530px;left:5026px;top:0}
	#animation1_story{width:640px;left:5557px;top:0}
	#animation1_logo{width:640px;left:5557px;top:0}	
}


#animation2{width:1619px;margin:0 auto;position:relative;height:850px;border:0 solid red;overflow:hidden}
#animation2_engage{z-index:1;position:absolute;top:15px;left:790px;font-size:32px;font-weight:100}
#animation2_engage h1{font-weight:700;font-size:1.3em;margin-bottom:.1em}
#animation2_listen{position:absolute;top:729px;left:282px;width:420px}
#animation2_learn{position:absolute;top:950px;left:1023px;width:520px}
#animation2_create{position:absolute;top:1519px;left:122px;width:442px}
#animation2_measure{position:absolute;top:2073px;left:742px;width:453px}
.animation2_text{font-size:21px;font-weight:100;z-index:50}
.animation2_text h2{font-size:18px;text-transform:none;font-weight:700;margin:0;padding:0}
.animation2_text h2 span{display:block;font-weight:100}
#animation2_full1{position:absolute;top:0;left:0;width:1606px;height:3050px}
#animation2_logo{position:absolute;top:2641px;left:516px;width:569px;height:434px}
@media only screen and (max-width: 1638px){
	#animation2{width:1250px;position:relative;height:800px}
	#animation2_engage{top:0;left:597px;font-size:26px;line-height:1.4em}
	#animation2_listen{top:563px;left:210px;width:337px}
	#animation2_learn{top:723px;left:724px;width:462px}
	#animation2_create{top:1198px;left:122px;width:442px}
	#animation2_measure{top:1612px;left:542px;width:453px}
	#animation2_full1{position:absolute;top:0;left:0;width:1248px;height:2371px}
	#animation2_logo{top:2053px;left:401px;width:442px;height:337px}
}
@media only screen and (max-width: 1270px){
	#animation2{width:1000px;position:relative;height:700px}
	#animation2_engage{top:17px;left:493px;font-size:21px}
	#animation2_listen{top:442px;left:120px;width:337px}
	#animation2_learn{top:562px;left:523px;width:449px}
	#animation2_create{top:954px;left:85px;width:394px}
	#animation2_measure{top:1297px;left:378px;width:416px}
	.animation2_text{font-size:18px;line-height:135%}
	#animation2_full1{position:absolute;top:0;left:0;width:999px;height:1897px}
	#animation2_logo{top:1642px;left:321px;width:353px;height:270px}
}
@media only screen and (max-width: 800px){
	.animation2_text h2 {font-size:18px;}
	#animation2{width:750px;position:relative;height:700px}
	#animation2_engage{top:7px;left:369px;font-size:21px}
	#animation2_listen{top:319px;left:19px;width:220px}
	#animation2_learn{top:406px;left:275px;width:449px}
	#animation2_create{top:711px;left:53px;width:371px}
	#animation2_measure{top:962px;left:274px;width:317px}
	.animation2_text{font-size:16px;line-height:135%}
	#animation2_full1{position:absolute;top:0;left:0;width:748px;height:1421px}
	#animation2_logo{top:1230px;left:209px;width:353px;height:270px}
}

.animation2_mobile_text{font-size:21px;font-weight:100;z-index:50;padding:1em;}
.animation2_mobile_text h2{font-size:18px;text-transform:none;font-weight:700;margin:0;padding:0}
.animation2_mobile_text h2 span{display:block;font-weight:100}
#animation2_mobile_engage h1 {font-weight: 700;font-size: 1.3em;margin-bottom: .1em;}
#animation2_mobile_engage{font-size:21px;padding:0 2.5em;}
.animation2_mobile_text{font-size:18px;line-height:135%}
#animation2_mobile_ear{width:100%;}
#animation2_mobile_brain{width:100%;}
#animation2_mobile_bulb{width:100%;}
#animation2_mobile_graph{width:100%;}
#animation2_mobile_logo{width:100%;}

#how-we-engage {
	padding-top:1em!important;
}

/* -------------------------------- 

Primary style

-------------------------------- */
html * {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.cd-intro {
	height:275px;
	margin:0 auto;
	text-align:center;
	font-size:.9em;
}

.cd-words-wrapper {
	display:inline-block;
	position:relative;
	text-align:left;
}

.cd-words-wrapper b {
	font-style:normal;
	display:inline-block;
	position:absolute;
	white-space:nowrap;
	left:0;
	top:0;
}

i {
	font-variant:normal;
}

.cd-words-wrapper b.is-visible {
	position:relative;
}

.no-js .cd-words-wrapper b {
	opacity:0;
}

.no-js .cd-words-wrapper b.is-visible {
	opacity:1;
}

/* -------------------------------- 

xrotate-3 

-------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
	-webkit-perspective:300px;
	-moz-perspective:300px;
	perspective:300px;
}

.cd-headline.rotate-3 b {
	opacity:0;
}

.cd-headline.rotate-3 i {
	font-style:normal!important;
	display:inline-block;
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transform:rotateY(180deg);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

.is-visible .cd-headline.rotate-3 i {
	font-style:normal!important;
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	transform:rotateY(0deg);
}

.cd-headline.rotate-3 i.in {
	font-style:normal!important;
	-webkit-animation:cd-rotate-3-in .4s forwards;
	-moz-animation:cd-rotate-3-in .4s forwards;
	animation:cd-rotate-3-in .4s forwards;
}

.cd-headline.rotate-3 i.out {
	font-style:normal!important;
	-webkit-animation:cd-rotate-3-out .4s forwards;
	-moz-animation:cd-rotate-3-out .4s forwards;
	animation:cd-rotate-3-out .4s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
	font-style:normal!important;
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	transform:rotateY(0deg);
	opacity:0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
	opacity:1;
}

@-webkit-keyframes cd-rotate-3-in {
	0% {
		-webkit-transform:rotateY(180deg);
	}
	
	100% {
		-webkit-transform:rotateY(0deg);
	}
}

@-moz-keyframes cd-rotate-3-in {
	0% {
		-moz-transform:rotateY(180deg);
	}
	
	100% {
		-moz-transform:rotateY(0deg);
	}
}

@keyframes cd-rotate-3-in {
	0% {
		-webkit-transform:rotateY(180deg);
		-moz-transform:rotateY(180deg);
		-ms-transform:rotateY(180deg);
		-o-transform:rotateY(180deg);
		transform:rotateY(180deg);
	}
	
	100% {
		-webkit-transform:rotateY(0deg);
		-moz-transform:rotateY(0deg);
		-ms-transform:rotateY(0deg);
		-o-transform:rotateY(0deg);
		transform:rotateY(0deg);
	}
}

@-webkit-keyframes cd-rotate-3-out {
	0% {
		-webkit-transform:rotateY(0);
	}
	
	100% {
		-webkit-transform:rotateY(-180deg);
	}
}

@-moz-keyframes cd-rotate-3-out {
	0% {
		-moz-transform:rotateY(0);
	}
	
	100% {
		-moz-transform:rotateY(-180deg);
	}
}

@keyframes cd-rotate-3-out {
	0% {
		-webkit-transform:rotateY(0);
		-moz-transform:rotateY(0);
		-ms-transform:rotateY(0);
		-o-transform:rotateY(0);
		transform:rotateY(0);
	}
	
	100% {
		-webkit-transform:rotateY(-180deg);
		-moz-transform:rotateY(-180deg);
		-ms-transform:rotateY(-180deg);
		-o-transform:rotateY(-180deg);
		transform:rotateY(-180deg);
	}
}

a.work-rotate-links {
	color:#333;
	text-decoration:none;
	border-bottom:2px solid #333;
}

a.work-rotate-links:hover {
	border:0;
}

a.workLinks {
	color:#333;
	text-decoration:none;
}

h2.cd-headline {
	line-height:150%;
	text-transform:none;
}

h2.cd-headline span {
	font-weight:400;
}

h2.cd-headline span.cd-words-wrapper {
	font-weight:700;
}

img.more-home {
	height:12px;
}

#authorquote {
	border-top:1px solid #000;
	margin-left:-30px;
	padding:40px 60px;
	margin-right:-15px;
}

#authorquote img {
	max-width:80%;
	height:auto;
	display:block;
	padding-bottom:30px;
	padding-left:10%;
}

#authorquote span {
	font-size:16px;
	font-weight:100;
	display:block;
	text-transform:uppercase;
}

#authorquote blockquote {
	font-size:18px;
	font-weight:100;
	display:block;
	padding:0;
	margin:0;
	border:none;
}

#mce-error-response {
	padding:10px 0 20px;
	color:red;
}

#mce-success-response {
	padding:10px 0 20px;
	color:green;
}

a.more-articles-button {
	display:block;
	font-size:14px;
	font-weight:400;
	letter-spacing:.13em;
	color:#000;
	background-color:#fff;
	margin-bottom:5px;
	border:1px solid #000;
	text-transform:uppercase;
	text-decoration:none;
	width:205px;
	padding:7px;
	text-align:left;
}

a.more-articles-button:hover {
	color:#fff;
	background:#000;
}

/* 3 column projects */
.projects-container {
	color:#fff;
	height:100vh;
	width:100vw;
	max-width:100%;
	position:relative;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	background-color:#000;
}

.projects-container::before {
/* never visible - this is used in jQuery to check the current MQ */
	content:'mobile';
	display:none;
}

.projects-container .cd-single-project {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:calc(100% / 3);
	overflow:hidden;
	cursor:pointer;
	-webkit-transition:-webkit-transform .4s;
	-moz-transition:-moz-transform .4s;
	transition:transform .4s;
/* on mobile -  move items outside the viewport */
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	transform:translateX(-100%);
}

.projects-container .cd-single-project::after {
/* background image */
	content:'';
	position:absolute;
	top:0;
	left:0;
	height:calc(100vh / 3);
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-transition:opacity 0.5s,height .4s;
	-moz-transition:opacity 0.5s,height .4s;
	transition:opacity 0.5s,height .4s;
}

.projects-container .cd-single-project::before {
/* never visible - this is used in jQuery to detect if the background image has been loaded  */
	display:none;
}

.projects-container .cd-single-project:nth-of-type(2) {
	top:calc(100vh / 3);
}

.projects-container .cd-single-project:nth-of-type(3) {
	top:calc((100vh * 2) / 3);
}

.projects-container .cd-single-project.is-loaded {
/* move items in the viewport when background images have been loaded */
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
}

.projects-container .cd-single-project.is-full-width {
/* selected item */
	top:0;
	height:auto;
	z-index:1;
	cursor:auto;
	-webkit-transition:z-index 0 0s,top .4s 0;
	-moz-transition:z-index 0 0s,top .4s 0;
	transition:z-index 0 0s,top .4s 0;
}

.projects-container .cd-single-project.is-full-width::after {
	height:100vh;
}

@media only screen and (min-width: 1024px) {
	.projects-container::before {
	/* never visible - this is used in jQuery to check the current MQ */
		content:'desktop';
	}
	
	.projects-container .cd-single-project {
		width:calc(100vw / 3);
		height:100%;
		opacity:0;
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		-ms-transform:translateX(0);
		-o-transform:translateX(0);
		transform:translateX(0);
		-webkit-transition:width 0;
		-moz-transition:width 0;
		transition:width 0;
	}
	
	.projects-container .cd-single-project:nth-of-type(2) {
		top:0;
		left:calc(100vw / 3);
	}
	
	.projects-container .cd-single-project:nth-of-type(3) {
		top:0;
		left:calc((100vw * 2) / 3);
	}
	
	.projects-container .cd-single-project::after {
		height:100vh;
		width:100%;
		opacity:0;
	}
	
	.projects-container .cd-single-project.is-loaded {
	/* show items when background images have been loaded */
		opacity:1;
	}
	
	.projects-container .cd-single-project.is-loaded::after {
		opacity:1;
	}
	
	.projects-container .cd-single-project.is-full-width {
	/* selected item */
		left:0;
		width:100%;
		max-width:100%;
		-webkit-transition:width .4s 0s,z-index 0 0s,left .4s 0;
		-moz-transition:width .4s 0s,z-index 0 0s,left .4s 0;
		transition:width .4s 0s,z-index 0 0s,left .4s 0;
	}
}

@media only screen and (min-width: 1170px) {
	.projects-container .cd-single-project::after {
		background-attachment:scroll;
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
		-webkit-transition:-webkit-transform 0.8s,opacity .5s;
		-moz-transition:-moz-transform 0.8s,opacity .5s;
		transition:transform 0.8s,opacity .5s;
	}
	
	.projects-container .cd-single-project.is-loaded::after {
		opacity::;
	}
	.projects-container .cd-single-project.is-loaded:hover::after {
		opacity:.6;
	}
	
	.no-touch .projects-container .cd-single-project:hover::after,.projects-container .cd-single-project.is-full-width.is-loaded::after {
		opacity:1;
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
	}
}

.cd-title {
	position:absolute;
	z-index:1;
	left:0;
	top:12.5vh;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100%;
	text-align:center;
}

.is-full-width .cd-title {
	top:50vh;
	-webkit-transition:opacity 0s,top .4s;
	-moz-transition:opacity 0s,top .4s;
	transition:opacity 0s,top .4s;
}

.cd-title > * {
	text-shadow:0 1px 4px rgba(0,0,0,0.7);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.cd-title h2 {
	font-size:1.8rem;
	line-height:1.25;
	font-weight:700;
	margin-bottom:0;
	text-transform:uppercase;
	letter-spacing:.025em;
}

.cd-title p {
	margin-top:0;
	font-size:1.4rem;
	font-style:italic;
}

.cd-title .mainCaseStudyText {
	font-size:1.4rem;
	font-family:"Open Sans",serif;
	font-style:italic;
	line-height:1.2;
	padding:.4em 2em;
	display:none;
	opacity:.6;
}

@media only screen and (min-width: 1024px) {
	.cd-title {
		top:50vh;
		width:33vw;
		opacity:1;
	/*changed to see projects at start*/
		-webkit-transform:translateY(-50%) translateX(-20px);
		-moz-transform:translateY(-50%) translateX(-20px);
		-ms-transform:translateY(-50%) translateX(-20px);
		-o-transform:translateY(-50%) translateX(-20px);
		transform:translateY(-50%) translateX(-20px);
	}
	
	.is-loaded .cd-title {
		opacity:1;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		transform:translateY(-50%);
		-webkit-transition:-webkit-transform 0.6s,opacity 0.6s,left .4s;
		-moz-transition:-moz-transform 0.6s,opacity 0.6s,left .4s;
		transition:transform 0.6s,opacity 0.6s,left .4s;
	}
	
	.is-loaded.is-full-width .cd-title {
		left:33.3vw;
		-webkit-transition:-webkit-transform 0.6s,opacity 0s,left .4s;
		-moz-transition:-moz-transform 0.6s,opacity 0s,left .4s;
		transition:transform 0.6s,opacity 0s,left .4s;
	}
	
	.cd-title .mainCaseStudyText {
		display:block;
	}
}

@media only screen and (min-width: 1170px) {
	.cd-title h2 {
		font-size:2rem;
	}
}

.cd-project-info {
	clear:both;
	visibility:hidden;
	opacity:0;
	margin-top:100vh;
	padding:0;
	cursor:auto;
	background-color:#fff;
	color:#333;
	-webkit-transition:opacity .4s 0s,visibility 0 .4s;
	-moz-transition:opacity .4s 0s,visibility 0 .4s;
	transition:opacity .4s 0s,visibility 0 .4s;
}

.is-full-width .cd-project-info {
	visibility:visible;
	opacity:1;
}

.cd-project-info .mainCaseStudyText {
	width:80%;
	max-width:800px;
	margin:0 auto;
	font-size:18px;
	font-weight:100;
	padding:4rem 0;
}

.cd-project-info .mainCaseStudyCaptionText {
	width:80%;
	max-width:800px;
	margin:0 auto;
	font-size:18px;
	font-weight:100;
	padding:4rem 0 1em;
	text-align:center;
}

@media only screen and (min-width: 1024px) {
	.cd-project-info {
		position:relative;
		z-index:1;
	}
}

.projects-container .cd-close,.projects-container .cd-scroll {
	display:block;
	z-index:2;
	width:44px;
	height:44px;
/* image replacement */
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	visibility:hidden;
	-webkit-transition:-webkit-transform 1s 0s,visibility 0 1s;
	-moz-transition:-moz-transform 1s 0s,visibility 0 1s;
	transition:transform 1s 0s,visibility 0 1s;
}

.projects-container .cd-close {
	position:fixed;
	top:0;
	right:70px;
	background:#000 url(../img/cd-icon-close-mobile.svg) no-repeat center center;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	z-index: 10000;
	width: 70px;
	height: 55px;

}

@media only screen and (min-width: 1170px) {
	.projects-container .cd-close {
		background: #000 url(../img/cd-icon-close-desktop.svg) 50% 50% no-repeat;
	}
}

.projects-container .cd-scroll {
	position:absolute;
	bottom:30px;
	left:50%;
	-webkit-transform:translateX(-50%) scale(0);
	-moz-transform:translateX(-50%) scale(0);
	-ms-transform:translateX(-50%) scale(0);
	-o-transform:translateX(-50%) scale(0);
	transform:translateX(-50%) scale(0);
	background:url(../img/cd-icon-arrow-mobile.svg) no-repeat center center;
}

@media only screen and (min-width: 1170px) {
	.projects-container .cd-scroll {
		background-image:url(../img/cd-icon-arrow-desktop.svg);
	}
}

.project-is-open .cd-close,.project-is-open .cd-scroll {
	visibility:visible;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-webkit-transition:-webkit-transform .4s 0s,visibility 0 0;
	-moz-transition:-moz-transform .4s 0s,visibility 0 0;
	transition:transform .4s 0s,visibility 0 0;
}

.project-is-open .cd-scroll {
	-webkit-transform:translateX(-50%) scale(1);
	-moz-transform:translateX(-50%) scale(1);
	-ms-transform:translateX(-50%) scale(1);
	-o-transform:translateX(-50%) scale(1);
	transform:translateX(-50%) scale(1);
	-webkit-animation:cd-translate 1.2s .4s;
	-moz-animation:cd-translate 1.2s .4s;
	animation:cd-translate 1.2s .4s;
	-webkit-animation-iteration-count:2;
	-moz-animation-iteration-count:2;
	animation-iteration-count:2;
}

.no-touch .project-is-open .cd-close:hover {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}

.no-touch .project-is-open .cd-scroll:hover {
	-webkit-transform:translateX(-50%) scale(1.2);
	-moz-transform:translateX(-50%) scale(1.2);
	-ms-transform:translateX(-50%) scale(1.2);
	-o-transform:translateX(-50%) scale(1.2);
	transform:translateX(-50%) scale(1.2);
}

@-webkit-keyframes cd-translate {
	0% {
		-webkit-transform:translateX(-50%) scale(1);
	}
	
	50% {
		-webkit-transform:translateY(10px) translateX(-50%) scale(1);
	}
	
	100% {
		-webkit-transform:translateX(-50%) scale(1);
	}
}

@-moz-keyframes cd-translate {
	0% {
		-moz-transform:translateX(-50%) scale(1);
	}
	
	50% {
		-moz-transform:translateY(10px) translateX(-50%) scale(1);
	}
	
	100% {
		-moz-transform:translateX(-50%) scale(1);
	}
}

@keyframes cd-translate {
	0% {
		-webkit-transform:translateX(-50%) scale(1);
		-moz-transform:translateX(-50%) scale(1);
		-ms-transform:translateX(-50%) scale(1);
		-o-transform:translateX(-50%) scale(1);
		transform:translateX(-50%) scale(1);
	}
	
	50% {
		-webkit-transform:translateY(10px) translateX(-50%) scale(1);
		-moz-transform:translateY(10px) translateX(-50%) scale(1);
		-ms-transform:translateY(10px) translateX(-50%) scale(1);
		-o-transform:translateY(10px) translateX(-50%) scale(1);
		transform:translateY(10px) translateX(-50%) scale(1);
	}
	
	100% {
		-webkit-transform:translateX(-50%) scale(1);
		-moz-transform:translateX(-50%) scale(1);
		-ms-transform:translateX(-50%) scale(1);
		-o-transform:translateX(-50%) scale(1);
		transform:translateX(-50%) scale(1);
	}
}

/* work categories */
#work-categories {
	width:100%;
	background-color:#000;
	padding: 80px 0 80px 0;
}

#work-categories img {
	display:block;
	height:200px;
	width:auto;
	margin:0 auto;
}

#work-categories ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}

#work-categories li {
	display:inline-block;
	padding-left:.5em;
	font-size:18px;
	font-weight:100;
	color:#fff;
}

#work-categories li.head {
	padding:0;
	font-weight:400;
	font-size:18px;
	text-transform:uppercase;
}

#work-categories li a {
	color:#fff;
	text-decoration:none;
	padding:0 4px;
	position:relative;
	cursor:pointer;
}

#work-categories li a:hover,#work-categories li a:active {
	text-decoration:none;
}

#work-categories li a:hover {
	color:#fff;
}

#work-categories li a.active:hover,#work-categories li a.active:active {
	text-decoration:none;
	color:#fff;
}

#work-categories li a:hover:after,#work-categories li a.active:after {
	content:'';
	position:absolute;
	width:100%;
	height:0;
	left:0;
	bottom:0;
	border-bottom:1px solid #fff;
}

.card.dim .front:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.7);
}

.cs-text-toggle {
	display:none;
	background:#000;
	color:#fff;
	width:430px;
	margin:0 auto;
	font-size:1.3em;
	padding:30px;
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	tranform:translateX(-50%);
	z-index:1;
}

.cs-text-toggle-wide {
	display:none;
	background:#000;
	color:#fff;
	width:760px;
	margin:0 auto;
	font-size:1.3em;
	padding:30px;
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	tranform:translateX(-50%);
	z-index:1;
}

.cs-text-col {
	width:340px;
	float:left;
}

#work-categories .cs-text-col ul li {margin:0;padding:0;}
.cs-text-col:first-of-type {
	margin-right:20px;
}

#work-categories {
	position:relative;
}

#work-categories .cs-text-toggle ul {
	padding:0;
	margin:0 auto;
}

#work-categories .cs-text-toggle ul li {
	display:table;
	font-size:14px;
	line-height:150%;
}

#stream-header {
	height:170px;
	background-color:#000;
	background-image:url(/img/stream-header-bg.png);
	background-position:top right;
	background-repeat:no-repeat;
}

#stream-header > div {
	padding-top:105px;
}

#stream-header a {
	color:#fff;
	font-size:18px;
	margin:0 0 0 20px;
	text-decoration:none;
}

#stream-header a:link,#stream-header a:active,#stream-header a:hover {
	text-decoration:none;
}

#stream-header a.active {
	border-bottom:2px solid #fff;
}

.stream-heading {
	color:#fff;
	font-weight:700;
	font-size:45px;
}

#stream-header-articles {
/* padding-left: 150px; */
	padding:0 30px;
	float:none;
	margin:0 auto;
}

#stream-articles {
	max-width:661px;
	padding:0 15px;
}

#articles-right-border {
/* width: 100%; */
	max-width:631px;
	border-right:1px solid #000;
	height:100%;
	float:right;
/* margin-top:-20px; */
}

.stream {
	border-top:1px solid #000;
/*padding: 50px 100px 50px 0px;*/
/*padding-left: 150px;*/
/*margin-left: -15px;*/
	padding:50px 30px 50px 0;
	font-size:16px;
	font-weight:100;
}


a.stream-more,a.stream-link {
	white-space:nowrap;
	text-transform:uppercase;
	font-size:15px;
	font-weight:700;
	color:#000;
	position:relative;
}

.tweets a {
	color:#333;
	font-weight:100;
}

a.stream-more:after,a.stream-link:after {
	content:"";
	width:10px;
	height:15px;
	position:absolute;
	top:3px;
	right:-12px;
	background:transparent url(/img/more_black2.png) -10px 0 no-repeat;
}

.stream-tag .fa-facebook-square:hover {
	color:#3b5998;
}

.stream-tag .fa-twitter-square:hover {
	color:#4099ff;
}

a.stream_facebook_share {
	color:#000;
}

a.stream_twitter_share {
	color:#000;
}

a.stream_facebook_share:hover {
	color:#3b5998;
}

a.stream_twitter_share:hover {
	color:#409944;
}

.stream .extra {
	display:none;
}

.stream .byline {
	display:block;
	padding:1em 0;
}

.stream .byline img {
	vertical-align:middle;
	padding-right:20px;
}

.stream .byline span {
	text-transform:uppercase;
	overflow:hidden;
	font-size:16px;
}

.stream-tag {
	font-size:16px;
}

.stream-tag strong {
	font-size:17px;
}

.intro {
/* padding: 20px 30px 0 150px; */
	padding:0 30px 0 0;
/* margin-left: -15px; */
	font-size:18px;
	font-weight:100;
}

.intro p {
	margin-bottom:0;
}

.intro h2 {
	font-size:1.3em;
	font-weight:700px;
}

.stream h2 {
	font-weight:700;
	margin:.6em 0 .3em;
}

.stream p:first-of-type {
	margin-top:0;
}

.stream img {
	max-width:100%;
}

#stream-footer-content {
	background-color:#000;
	height:auto;
	text-align:center;
	color:#fff;
	font-size:18px;
	padding:40px;
	display: none;
}

#stream-footer-links a {
	color:#FFF;
	margin:0 8px;
	font-size:14px;
	letter-spacing:.09em;
}

#stream-footer-links a:active,#stream-footer-links a:hover,#stream-footer-links a:focus {
	text-decoration:none;
	color:#ccc;
}

.tweets {
/*padding: 25px 25px 25px 50px;*/
/*margin-left: -30px;*/
	padding:15px;
	font-size:16px;
	font-weight:100;
	max-width:430px;
}

.tweets b {
	font-size:17px;
	font-weight:700;
	text-transform:uppercase;
}

.tweets div {
	overflow:hidden;
}

.tweets img {
	max-width:100%;
	margin-top:10px;
}

.tweets.instagram {
/*padding-left: 60px;*/
}

#newsletter {
	border-top:1px solid #000;
	margin-left:-30px;
	padding:40px 60px 100px;
	margin-right:-15px;
}

#newsletter img {
	width:100%;
	height:auto;
}

#newsletter p {
	font-size:18px;
	font-weight:100;
}

#newsletter h2 {
	font-weight:700;
	margin-bottom:3px;
}

#newsletter input {
	font-size:14px;
	font-weight:400;
	letter-spacing:.13em;
	color:#fff;
	background-color:#000;
	margin-bottom:5px;
	border:1px solid #000;
	padding:7px;
	width:100%;
	text-align:left;
}

#newsletter input.submit:hover {
	background:#fff;
	color:#000;
	font-weight:400;
}

#stream-tweets-mobile-menu {
	display:none;
}

.stream-container {
	max-width:1121px;
}

#stream-tweets {
	max-width:430px;
}

.pagination li a,.pagination li a:hover {
	color:#333;
}

.pagination li.active a,.pagination li.active a:hover {
	color:#fff;
	border-color:#ccc;
	background:#333;
}

.pagination,.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-radius:0;
}

@media (max-width: 992px) {
	#stream-header a {
		margin:0 0 0 5px;
	}
	
	#stream-header-articles {
	/* padding-left: 15px; */
	}
	
	.stream {
	/* padding-left: 15px; */
	/* margin-right: -15px; */
		padding:50px 15px;
	}
	
	.stream:last-of-type {
		border-bottom:1px solid #000;
	}
	
	.tweets {
		margin:0 auto;
	}
	
	.intro {
		padding-left:15px;
		margin-right:-15px;
	}
	
	#articles-right-border {
		border:0;
		float:none;
		margin:0 auto;
	}
	
	#stream-tweets-mobile-menu {
		display:block;
		background-color:#000;
		padding:10px 40px;
		margin:-20px;
		margin-bottom:20px;
	}
	
	#stream-tweets-mobile-menu a {
		color:#fff;
		font-size:16px;
		margin-right:15px;
	}
	
	#stream-tweets-mobile-menu a.active {
		border-bottom:2px solid #fff;
	}
	
}
#animation1_faces {z-index:100;}
#legal a {font-size:0.7em;}
#p28 {background:#000;}
#leadership {font-weight:500;padding-top:3em;}
#contact-form input,#contact-form select {clear:left;display:block;margin:10px auto;border:1px solid white;background:#000;padding:7px;font-family:"open-sans",sans-serif;width:300px;}
#contact-form select {border-radius:0;-webkit-appearance: none}
#contact-form {background:#000;color:#fff;padding:5em 5em 1em 5em;width:100%;text-align:center;font-size:18px;}
#the-team {max-width:1280px;}
.imgTileNoVid:hover {cursor:auto;}
.streamVideoPlayButton {width:120px !important;top:35%;left:38%;position:absolute;}

@media only screen and (max-width: 760px) {
	#form-messages {width:120px;margin:20px auto;}
	.streamVideoPlayButton {width:60px !important;}
	.fliprow .card {position:relative;}
	#stream-footer-content {height:120px;}
	#navLogo {width:50%;}
	.panel-content {margin-top:66px;}
	#contact-form input {margin:10px auto;padding:7px;width:200px;border-radius:0px !important;-webkit-border-radius:0px !important;-moz-border-radius:0px !important;}
	#contact-form {padding: 0;}
	.teamcard .caption {font-size:11px;padding:0 1em;}
	.teamcard .caption .jobTitle {font-size:9px;}
	.stream-heading {font-size:26px;line-height:30px;}
	#stream-header-articles {padding:0 0 0 30px;}
	#stream-header > div {padding-top:134px;}
	#p41 #stream-header > div {padding-top:100px;}
	#p41 #stream-header a {margin: 0 5px 0 0;}
	#newsletter {border:0;}
	#panel .panel-close {top:0;right:70px;}
	.projects-container .cd-close {top:0;right:70px;height:30px;}
	.cd-project-info .mainCaseStudyText {font-size:18px;}
	.fullWidthImageText {font-size:18px;}
	.flipGridCaption {font-size:18px;}
	.cd-title {top:16.5vh;}
	.back.rt {background:transparent url(/img/flipbg_black.png) 0 0 no-repeat;}
	.back.lt {background:transparent url(/img/flipbg_black.png) 0 0 no-repeat;}
	.back.lb {background:transparent url(/img/flipbg_black.png) 0 0 no-repeat;}
	.back.rb {background:transparent url(/img/flipbg_black.png) 0 0 no-repeat;}
	
	#work-categories li {display:inherit;}
	#contact-form h2 {margin-bottom:1em;}
}
.cs-text-toggle-wide {
  position: relative;
  width: 100%;
  left: 0 !important;
  -webkit-transform: translateX(0);
  tranform: translateX(0);
  height: 310px;
}

.cs-text-col-wrapper {
  width: 720px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.cs-text-toggle-wide:nth-child(5) .cs-text-col-wrapper {
  width: 620px;
}

.cs-text-toggle-wide:nth-child(5) .cs-text-col-wrapper .cs-text-col:nth-child(2) {
  width: 260px;
}

.cs-text-toggle-wide:nth-child(6) .cs-text-col-wrapper {
  width: 600px;
}

.cs-text-toggle-wide:nth-child(6) .cs-text-col-wrapper .cs-text-col:nth-child(2) {
  width: 200px;
}

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

  .cs-text-toggle-wide {
    height: 490px;
  } 
  
  #menu {height:30px;}

  .cs-text-col-wrapper {
    max-width: 100%;
    left: 0 !important;
    padding: 10px;
  }

  .cs-text-col {
    width: 100%;
    float: none;
  }

  .fliprow .col-md-3 {
    width: 50%;
    float: left;
  }

  .card img {
    height: 100%;
  }

  .cd-project-info .mainCaseStudyText {
    width: 90%;
    padding: 2rem 0;
  } 
  #mag-glass-mobile .fa-search {margin-top:2px;}
  #newsletter {display:none;}
}

.streamTitleLink {color:#000;text-decoration: none;}
.streamTitleLink:hover {color:#333;text-decoration:none;}

.no-hide {
  display: inline !important;
}

@media only screen and (max-width: 650px){
  .mobile-hide {
    display: none !important;
  }

  ul.pagination {
    margin-left: -20px;
    margin-right: -20px !important;
  }
}
#mag-glass .fa-search {margin-top:3px;}
.t32 a {color:#333;}

.cycle-slide{opacity:1 !important} /*required to fix cycle bug */