.factory-logo {
	width: 100%;
	max-width: 400px;
}

.contact-social-icons-container a {
	text-decoration: none;
}

.contact-social-icons-container a img {
	max-width: 30px;
	padding-right: 10px;
}


#hero-who-is-new {
	background-color: #eb002c;
}

#who-is-new-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

h2.who-is-new-date {
	font-size: 30px;
    color: #eb002c;
	text-align: left;
}

.who-is-new-module {
	width: 30% !important;
}

.who-is-new-image-module,
.who-is-new-image-module img,
.who-is-new-bio {
	width: 100%;
}

.who-is-new-bio {
	margin-top: 20px;
}

.who-is-new-name {
	color: #525252 !important;
	font-size: 24px;
	font-weight: bold;
}

.centered-image-container,
.centered-image-container p {
	text-align: center !important;
}

.centered-image-container p {
    color: #525252;
}

/*
	Crossmedia red: #eb002c;
*/

/* Surreal CMS */
.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
	display: none !important;
}

@font-face {
  font-family: "TungstenBlack";
  src: 	url("/app/themes/xmedia/assets/fonts/Tungsten-Black.eot");
  src: 	url("/app/themes/xmedia/assets/fonts/Tungsten-Black.eot#iefix") format("embedded-opentype"),
		url("/app/themes/xmedia/assets/fonts/Tungsten-Black.woff") format("woff"),
		url("/app/themes/xmedia/assets/fonts/Tungsten-Black.woff2") format("woff2"),
		url("/app/themes/xmedia/assets/fonts/Tungsten-Black.ttf") format("truetype");
}

@font-face {
  font-family: "TungstenCompressedBlack";
  src: 	url("/app/themes/xmedia/assets/fonts/TungstenCompressed-Black.eot");
  src: 	url("/app/themes/xmedia/assets/fonts/TungstenCompressed-Black.eot#iefix") format("embedded-opentype"),
		url("/app/themes/xmedia/assets/fonts/TungstenCompressed-Black.woff") format("woff"),
		url("/app/themes/xmedia/assets/fonts/TungstenCompressed-Black.woff2") format("woff2"),
		url("/app/themes/xmedia/assets/fonts/TungstenCompressed-Black.ttf") format("truetype");
}

@font-face {
  font-family: "TungstenCondensedBlack";
  src: 	url("/app/themes/xmedia/assets/fonts/TungstenCondensed-Black.eot");
  src: 	url("/app/themes/xmedia/assets/fonts/TungstenCondensed-Black.eot#iefix") format("embedded-opentype"),
		url("/app/themes/xmedia/assets/fonts/TungstenCondensed-Black.woff") format("woff"),
		url("/app/themes/xmedia/assets/fonts/TungstenCondensed-Black.woff2") format("woff2"),
		url("/app/themes/xmedia/assets/fonts/TungstenCondensed-Black.ttf") format("truetype");
}

@font-face {
  font-family: "TungstenSemibold";
  src: 	url("/app/themes/xmedia/assets/fonts/Tungsten-Semibold.eot");
  src: 	url("/app/themes/xmedia/assets/fonts/Tungsten-Semibold.eot#iefix") format("embedded-opentype"),
		url("/app/themes/xmedia/assets/fonts/Tungsten-Semibold.woff") format("woff"),
		url("/app/themes/xmedia/assets/fonts/Tungsten-Semibold.woff2") format("woff2"),
		url("/app/themes/xmedia/assets/fonts/Tungsten-Semibold.ttf") format("truetype");
}

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

a {
	color: #000;
}

	a:focus {
		outline: none !important;
	}

	/* So Surreal CMS can handle floated content */
    .clearfix:after {
        content: ' ';
        display: block;
        height: 0;
        clear: both;
    }

#homepage-takeover-inner-container p,
ul li,
table {
	font-family: "Times New Roman", Times, serif !important;
	font-size: 16px;
	color: #000;
}

/* START Homepage takeover styles */
body.splashpage-body {
	overflow: hidden;
}

.splash-inner-logo {
	width: 100%;
	margin-bottom: 60px;
}

.splash-inner-logo img {
	max-width: 500px !important;
	width: 100% !important;
}

.spash-vid {
	width: 98%;
	max-width: 1280px;
}

#homepage-takeover-container {
	position: absolute;
	display: table;
	width: 100vw;
	height: 100vh;
	/*background-color: #FA034A;*/
	background-color: #FFF;
	z-index: 99999;
	text-align: center;
}

#homepage-takeover-inner-container {
	display: table-cell;
	vertical-align: middle;
}

#homepage-takeover-inner-container h1 {
	color: #FFF;
	text-transform: uppercase;
}

#homepage-takeover-inner-container h1 {
	/*font-size: 100px;
    line-height: 114px;
    margin-bottom: 20px;*/
	
	font-size: 62px;
	line-height: 70px;
	margin-bottom: 30px;
    width: 900px;
    margin: 0 auto;
    margin-top: 30px;
}
	
	#homepage-takeover-content-container h2 {
		color: #FFF;
		text-transform: uppercase;
		font-size: 40px;
		line-height: 48px;
		margin-bottom: 20px;
		width: 900px;
		margin: 0 auto;
		margin-top: 30px;
	}

#homepage-takeover-inner-container p {
	font-size: 22px;
	line-height: 27px;
	width: 590px;
	margin: 0 auto;
}

#homepage-takeover-button-container {
	margin-top: 70px;
}

#homepage-takeover-button-container a {
	display: inline-block;
	width: 310px;
	padding: 13px 0;
	margin: 0 7px;
	background-color: transparent;
	/*border: 1px solid #FFF;*/
	border: 1px solid #FA034A;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 22px;
	color: #FA034A;
	text-decoration: none;
}

#homepage-takeover-button-container a:hover {
	background-color: #FA034A;
	color: #FFF;
}

@media only screen and (max-width : 900px) {
	#homepage-takeover-inner-container h1,
	#homepage-takeover-content-container h2 {
		width: 90% !important;
	}
}

@media only screen and (max-width : 767px) {
	.who-is-new-module {
		width: 48% !important;
	}
	
	#homepage-takeover-container,
	#homepage-takeover-inner-container,
	#homepage-takeover-button-container,
	#homepage-takeover-content-container {
		width: 100%;
	}
	
	#homepage-takeover-inner-container p {
		width: 90%;
	}
	
	#homepage-takeover-button-container a {
		width: 70%;
		margin-bottom: 30px;
	}
	
	#homepage-takeover-inner-container h1 {
		font-size: 44px;
		line-height: 54px;
		margin-bottom: 50px;
		margin-top:100px;
	}
	
	#homepage-takeover-inner-container h2 {
		font-size: 30px;
		line-height: 40px;
	}
	
	#homepage-takeover-content-container img {
		max-width: 150px;
	}
	
	/* hide the homepage content until the "continue to xmedia.com button is clicked - this is used when the homepage takeover is active
	#homepage-body #outer-container {
		display: none;
	}
	*/
}

@media only screen and (max-width : 500px) {
	.who-is-new-module {
		width: 100% !important;
	}
}

@media only screen and (max-width : 400px) {
	#homepage-takeover-inner-container h1 {
		font-size: 48px;
		line-height: 58px;
	}
}
/* END Homepage takeover styles */
	
div#outer-container {
	position: relative;
	width: 100%;
	float: right;
	text-align: center;
	background-color: #FFF;
}

div.content-container, div.content-module-inner-content, div.case-study-inner-container, div.news-article-inner-container, div.contact-inner-container, div.join-inner-container, div.culture-inner-container, div.news-inner-container, div.top-photo-credit-container {
	display: inline-block;
	width: 1020px;
	text-align: left;
}

	.is-cms div.top-photo-credit-container {
		display:block;
		width: 96%;
	}	

	div.case-study-inner-container, div.news-article-inner-container, div.contact-inner-container, div.culture-inner-container, div.join-inner-container, div.news-inner-container {
		padding-top: 50px;
	}

	div.content-container.align-center {
		text-align: center;
	}

.content-module-large {
	background-repeat: no-repeat;
	background-size: cover;
}

#slides-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

.full-screen-module {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform: translateZ(0);
	overflow: hidden;
	display: none;
}

/*
.full-screen-module.place-above-viewport {
	-webkit-transform : translate(0, -100%) !important;
}

.full-screen-module.place-below-viewport {
	-webkit-transform : translate(0, 100%) !important;
}	
*/

	.full-screen-module.active {
		display: table;
	}

	.full-screen-module.red {
		background-color: #eb002c;
	}
	
	.full-screen-module.red2 {
		background-color: #e21e38;
	}
	
	.full-screen-module.white {
		background-color: white;
	}

.full-screen-inner-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

	.full-screen-inner-content h1 {
		font-size: 40px;
	}

		.full-screen-inner-content h1 img {
			max-width: 120px;
		}

ul#about-sub-nav {
	position: absolute;
	z-index: 1000;
	top: 50%;
	right: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	transform: translate(0, -50%);
}
		
ul#about-sub-nav li a {
	position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('/images/bullet-16-16-1.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

	ul#about-sub-nav li a.sub-active {
		background-position: 0 -16px;
	}

	div.top-photo {	
		max-height: 470px;
	}
	
	div#top-photo-home {
		background-image: url("/app/themes/xmedia/assets/img/top-photo/top-photo_homepage_large_v4.jpg");
		background-position: left center;
		display: block;
	}
	
	div#top-photo-home-mobile {
		background-image: url("/app/themes/xmedia/assets/img/top-photo/top-photo_homepage_mobile_v3.jpg");
		background-position: left center;
		display: none;
	}
	
	section#home-future-built {
		background-image: url("/app/themes/xmedia/assets/img/bg_red-candy-stripe.jpg");
	}
	
	section#home-fully-transparent {
		background-image: url("/app/themes/xmedia/assets/img/bg_fully-transparent_v3.jpg");
		background-position: center;
		display: block;
	}
	
		section#home-fully-transparent-mobile {
			background-image: url("/app/themes/xmedia/assets/img/bg_fully-transparent-mobile_v3.jpg");
			background-position: center;
			display: none;
		}
	
	section#home-insane-collab {
		background-color: #eb002c;
		/*background-image: url("/app/themes/xmedia/assets/img/bg_collab_v1.jpg");*/
	}

	section#home-data-democ {
		background-color: #777;
		/*background-image: url("/app/themes/xmedia/assets/img/bg_data-democ_v1.jpg");*/
	}
	
	section#home-fierce-independent {
		background-color: #eb1e3c;
	}

		span#fierce-independent-border {
			height: 105px;
			padding: 0 32px;
			line-height: 85px;
			display: inline-block;
			background-image: url("/app/themes/xmedia/assets/img/bg_fiercely-independent-text.png");
			background-repeat: no-repeat;
			background-size: 100%;
		}
	
	section#home-btw-fun {
		background-image: url("/app/themes/xmedia/assets/img/bg_btw-fun_v2.jpg");
		background-position: center;
		display: block;
	}
	
		section#home-btw-fun-mobile {
			background-image: url("/app/themes/xmedia/assets/img/bg_btw-fun-mobile_v1.jpg");
			background-position: center;
			display: none;
		}
		
	
	div.content-module-inner-content, div.top-photo-content-module-inner-content-mobile {
		padding: 100px 0;
		text-align: center !important;
	}
	
	div.content-module-inner-content.no-logo {
		padding: 140px 0;
	}
	
	div.top-photo-content-module-inner-content {
		padding: 154px 0;
	}
	
		div.content-module-inner-content h1, div.top-photo-content-module-inner-content  h1, div.top-photo-content-module-inner-content-mobile h1 {
			font-size: 40px;
			color: #FFF;
			margin: 25px 0;
			padding: 0 15px;
		}
		
			div.content-module-inner-content h1#page-title {
				font-size: 60px;
				margin-bottom: 30px;
				margin-top: 0;
			}
		
			div.top-photo-content-module-inner-content  h1, div.top-photo-content-module-inner-content-mobile h1 {
				text-align: center !important;
			}
			
		div.content-module-inner-content p, .top-photo-content-module-inner-content p, .top-photo-content-module-inner-content-mobile p {
			color: #FFF;
			margin-top: 20px;
			padding: 0 15px;
			margin-bottom: 0;
			font-size: 25px;
			text-align: center;
		}	
		
			div.content-module-inner-content p.page-description {
				margin-bottom: 160px;
			}
	
section#intro-copy, section.text-block {
	background-color: #EEE;
	display: inline-block;
	width: 100%;
	position: relative;
}

section#intro-copy h3, section.text-block h3 {
	font-size: 22px;
	margin-bottom: 5px;
	color: #000;
}

.italic-content {
	font-style: italic;
}

div#page-left-side {
	display: inline-block;
	margin-right: 4%;
	width: 65%;
	vertical-align: top;
}

div#page-right-side {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

div#page-left-side section.text-block, div#page-right-side section.text-block { 
	padding: 10px 0 !important;
}

h1#content-title {
	font-size: 45px;
	margin-top: 50px;
	margin-bottom: 25px;
	color: #000;
}

h3.section-header {
	font-size: 24px;
	color: #000;
	text-align: left;
	margin-bottom: 15px;
}

section#intro-copy p, section#intro-copy h1 {
	font-size: 35px;
	padding: 50px;
	margin: 0;
	text-align: center;
	color: #000;
	font-weight: normal;
}

h1#surreal-homepage-intro-copy {
	text-align: left !important;
	font-size: 20px !important;
}

section.text-block p {
	font-family: "Times New Roman", Times, serif !important;
	font-size: 20px !important;
	line-height: 26px !important;
	text-align: left;
	color: #000;
}

	section.text-block p:first-of-type  {
		margin-top: 5px;
	}

span.caps {
	text-transform: uppercase;
}

div.video-credit-container {
	position: absolute;
	bottom: -30px;
	right: 0;
}

div.top-photo-credit-container p,
div.video-credit-container p,
div.credit-container p {
	width: 100%;
	text-align: right;
	font-size: 12px;
	color: #666;
}

footer {
	display: none;
	width: 90%;
	background-color: #ddd;
	padding: 30px 5%;
	text-align: center;
}

	footer h3 {
		margin-top: 0;
		padding-top: 0;
		color: #545454;
	}
	
	#footer-left {
		float: left;
		width: 85%;
	}
	
	#footer-right {
		float: right;
		width: 15%;
	}
	
		#footer-right img {
			margin-right: 10px;
		}
	
	#offices-container {
		width: 100%;
		float: left;
	}
	
	.office-module {
		width: 22%;
		margin-right: 2%;
		float: left;	
	}
	
		.office-module p {
			margin-top: 0;
			color: #545454;
		}
		
		.office-module p span {
			color: #eb002c;
		}
	
div#black-band {
	display: none;
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 10px;
	background-color: #000;
}	

div#color-band {
	width: 100%;
	float: left;
	background-color: #d70032;
}

	.color-block {
		width: 33.3%;
		height: 100%;
		float: left;
		font-size: 12px;
		color: white;
		padding: 8px 0;
	}
	
		.color-block a {
			color: white;
			text-decoration: underline;
		}
	
		.color-block.black {
			background-color: #000;
		}
		
		.color-block.gray {
			background-color: #555;
		}
		
		.color-block.red {
			background-color: #d70032;
		}

section#case-studies-slider {
	height: 240px;
}
		
#slider-container {
	position: relative;
	text-align: center;
}		
		
#carousel-client-container {
	text-align: left;
	position: relative;
}		
		
#left-arrow-container, #right-arrow-container, #carousel-viewport {
	display: inline-block;
	height: 146px;
}

#left-arrow-container, #right-arrow-container {
	line-height: 190px;
	width: 4%;
	position: absolute;
	top: 0;
}

#left-arrow-container {
	text-align: left;
	left: 0;
}

#right-arrow-container {
	text-align: right;
	right: 0;
}

#carousel-viewport {
	overflow: hidden;
	position: relative;
	width: 92%;
}	
	
.carousel-module {
	width: 210px;
	margin-right: 28px;
	display: inline-block;
}

.carousel-module img {
	width: 100%;
}

.case-study-video-container, .news-article-video-container {
	margin-bottom: 30px;
}
	
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe, .video-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}	
	
div.center-button {
	text-align: center;
	margin: 30px 0;
}	

.center-button p {
	text-align: center !important;
}
	
.read-more-button-container {
	width: 100%;
    display: inline-block;
    text-align: center;
}	

	.read-more-button {
		display: inline-block;
		text-align: center;
		font-size: 26px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		color: #eb002c;
		padding: 10px 50px;
		border: 2px solid #eb002c;
		margin-top: 30px;
	}
	
	#top-nav .read-more-button {
		width: 100%;
		font-size: 18px;
		padding: 10px 0;
		margin-top: 0;
	}
	
.full-screen-module.white .full-screen-inner-content a {
	color: #eb002c;
}	

.full-screen-module.red .full-screen-inner-content a ,
.full-screen-module.red2 .full-screen-inner-content a {
	color: #FFF;
}	

ol, ol li {
    font-size: 20px;
}
	
@media only screen and (max-width : 1020px) {
	.content-module-large {
		width: 100%;
		min-height: 0;
	}
	
		.content-module-large.top-photo img {
			width: 100%;
			min-height: 250px;
		}
		
		.content-module-large.top-photo-mobile img {
			display: none;
		}

	div.content-container, div.content-module-inner-content {
		width: 96%;
		padding: 100px 2%;
	}
	
	div.case-study-inner-container, div.news-article-inner-container, div.contact-inner-container, div.join-inner-container, div.culture-inner-container, div.news-inner-container, div.top-photo-credit-container {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	section.text-block div.content-container, section.text-block div.content-module-inner-content {
		padding: 0;
	}
	
	section#intro-copy div.content-container {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	footer div.content-container {
		width: 100% !important;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media only screen and (max-width : 800px) {
	section#intro-copy p, section#intro-copy h1 {
		font-size: 30px;
	}
	
	div.content-module-inner-content h1, div.top-photo-content-module-inner-content-mobile h1, div.top-photo-content-module-inner-content-mobile h1 {
		font-size: 35px;
	}
	
	div.content-module-inner-content p {
		font-size: 20px;
	}
	
	div#page-left-side, div#page-right-side {
		width: 100%;
		float: none;
	}
	
	#footer-left, #footer-right {
		width: 100%;
	}
}

@media only screen and (max-width : 700px) {
	.office-module {
		width: 31%;
		margin-bottom: 20px;
	}
	
	.office-module:last-of-type {
		width: 100%;
	}
}

/* Mobile background image homepage */
@media only screen and (max-width : 670px) {
	#about-sub-nav {
		right: 5px !important;
	}
	
	div#top-photo-home, section#home-btw-fun, section#home-fully-transparent  {
		display: none;
	}	
	
	div#top-photo-home-mobile, section#home-fully-transparent-mobile, section#home-btw-fun-mobile {
		display: block;
	}
	
	div#outer-container {
		width: 100%;
	}
	
	.content-module-large.top-photo-mobile img {
		display: inline;
		width: 100%;
	}
	
	h1#content-title {
		font-size: 35px;
		margin-top: 0;
	}
	
	/*
	section#intro-copy p, section#intro-copy h1 {
		padding: 0;
	}
	*/
}

@media only screen and (max-width : 535px) {
	span#fierce-independent-border {
		height: auto;
		padding: 0;
		line-height: 100%;
		background-image: none;
	}
}

@media only screen and (max-width : 450px) {
	footer h3 {
		text-align: center;
	}
	
	#footer-left, #footer-right {
		width: 100%;
		float: left;
	}
	
	.office-module {
		width: 100%;
		float: left;
		text-align: center;
	}
	
	#footer-right {
		margin-top: 30px;
	}
	
	#footer-right p {
		text-align: center;
	}
}