/*
Theme Name: 	Odoson 2017 (DEV)
Theme URI: 		http://odoson.com
Version: 		1.0
Author: 		Robert Baumgartner
Author URI: 	http://odoson.com
Tags: 			trailblazer, naked, clean, basic
*/



/*** Sensible Defaults ***/

@import "css/reset.css";
@import "css/webfonts/webfonts.css";
@import "css/jquery.fullpage.css";
@import "css/tilteffect.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
/*::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; } */

* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	   -moz-font-smoothing: antialiased;
	        font-smoothing: antialiased;
}

/* Typekit */
/* These classes make sure that no FOUC occurs. 
 * All contents remain hidden, until the fonts are loaded (or until loading fails) */
 
.wf-loading {
	visibility: hidden;
	opacity: 0;
}

.wf-active, .wf-inactive {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
		    transition: all 0.2s ease-in-out;
}

/* Helper Classes */

.clear { clear: both; }
strong { font-weight: bold; }
em { font-style: italic; }
a, a:link, a:visited, a:hover, a:focus { color: inherit; }


html, body {
	font-size: 14px;
	font-family: 'CorporateS', Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 150%;
	color: #222;
	letter-spacing: 0.001em;
/* 	overflow-x: hidden; */
}

	@media (min-width: 800px) {
		html, body {
			font-size: 16px;
		}
	}
	
	@media (min-width: 1400px) {
		html, body {
			font-size: 17px;
		}
	}
	
	
	html.has-lightbox {
		overflow:hidden !important;
	}
	

.intro-section {
	background: #FDFDFD;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+48,f2f2f2+100 */
	background: rgb(253,253,253); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(253,253,253,1) 48%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(253,253,253,1) 48%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(253,253,253,1) 48%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.loading {
	position: fixed;
	z-index: 99999;
	height: 100%;
	width: 100%;
	background: #FDFDFD;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+48,f2f2f2+100 */
background: rgb(253,253,253); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(253,253,253,1) 48%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(253,253,253,1) 48%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(253,253,253,1) 48%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
	img.preload {
		height: 1px;
		width: 1px;
		display: none;
	}
	
	.loading .loader {
		width: 8em;
		height: 8em;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -4em 0 0 -4em;
		background: url(css/img/loading.gif) no-repeat center;
		background-size: 100% 100%;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
		
		.loading .loader.animate-off {
			opacity: 0;
		}
	
		@media (min-width: 550px) {
			.loading .loader {
				width: 10em;
				height: 10em;
				margin: -5em 0 0 -5em;
			}
		}
		
		@media (min-width: 1200px) {
			.loading .loader {
				width: 12em;
				height: 12em;
				margin: -6em 0 0 -6em;
			}
		}

.header {
	padding: 1.5em 1em;
	background: transparent;
	position: absolute;
	z-index: 99;
	width: 100%;
	top: 0;
	left: 0;
}	
	
	@media (min-width: 550px) {
		.header {
			padding: 2em 2em 2em 2em;
		}
	}
	
	@media (min-width: 800px) {
		.header {
			padding: 3em 3em 1em 3em;
		}
	}
	
	.page-template-page-case-studies .header {
		position: fixed;
	}

	.logo {
		width: 7.778em;
		height: 1.1em;
		cursor: pointer;
		overflow: hidden;
		position: relative;
	}
	
		.logo a {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 9;
			text-indent: -1000px;
			overflow: hidden;
		}
		
		.logo .logo-svg {
			position: absolute;
			width: 100%;
			height: 100%;
		}
	
	.logo svg {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
	}
	
	.logo svg path {
		fill: #B5905A;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}
		
		
		.logo:hover svg path {
			/* fill: #000; */
		}
	
	.header .nav-toggle {
		width: 3.2em;
		height: 3.2em;
		position: absolute;
		right: 0.8em;
		top: 0.4em;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	
	
		@media (min-width:520px) {
			.header .nav-toggle {
				display: none;
			}
		}
	
		.header .nav-toggle span {
			display: block;
			position: absolute;
			height: 2px;
			width: 60%;
			background: #b5905a;
			border-radius: 9px;
			opacity: 1;
			left: 20%;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-o-transition: .25s ease-in-out;
			transition: .25s ease-in-out;
		}
		
		.header .nav-toggle span:nth-child(1) {
			top: 1em;
		}
		
		.header .nav-toggle span:nth-child(2),
		.header .nav-toggle span:nth-child(3) {
			top: 1.5em;
		}
		
		.header .nav-toggle span:nth-child(4) {
			top: 2em;
		}
		
		.header .nav-toggle.open span:nth-child(1) {
			top: 1.5em;
			width: 0%;
			left: 50%;
			opacity: 0;
		}

		.header .nav-toggle.open span:nth-child(2) {
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		
		.header .nav-toggle.open span:nth-child(3) {
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		
		.header .nav-toggle.open span:nth-child(4) {
			top: 1.5em;
			width: 0%;
			left: 50%;
			opacity: 0;
		}
	
	.page-wrap {
		background: #fff;
		z-index: 9;
		height: 100%;
		position: relative;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	
	.page-wrap.open {
		transform: scale(0.8) translateX(-60%) translateY(0) translateZ(0);
		box-shadow: 0 0 4em rgba(0,0,0,0.3);
		/* position: fixed; */
		overflow: hidden;
		opacity: 0.8;
	}
	
		.page-wrap.open {
			pointer-events:none;
		}
		
		.page-wrap.open .header {
			pointer-events: auto;
		}
	
	
	.page-mobile-navigation {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,eaeaea+100 */
background: rgb(248,248,248); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(248,248,248,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(248,248,248,1) 0%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 */

	
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		right: 0;
		color: #b5905a;
		font-size: 1.5em;
		line-height: 200%;
		font-weight: 700;
		text-align: right;
		padding: 1em;
		z-index: 0;
		display: none;
	}
	
		@media (min-width: 520px) {
			.page-mobile-navigation {
				display: none;
			}
		}
	
		.page-mobile-navigation ul {
			position: fixed;
			display: block;
			width: 80%;
			top: 50%;
			right: 0;
			padding: 1em;
			transform: translateY(-50%);
		}
		
		.page-mobile-navigation a {
			text-decoration: none;
			display: block;
		}
		
		.page-mobile-navigation .icon-home {
			position: absolute;
			top: 1em;
			right: 1em;
			text-align: right;
			font-weight: 500;
			text-transform: uppercase;
			font-size: 1rem;
			letter-spacing: 0.2em;
		}
		
		.page-mobile-navigation .icon-email {
			position: absolute;
			bottom: 1em;
			right: 1em;
			width: 1.6em;
			height: 1.6em;
			overflow: hidden;
			text-indent: 1000px;
			background: url(css/img/icon-mail.png) no-repeat bottom;
			background-size: 100% 100%;
			display: block;
		}
	
	.header .nav {
		position: absolute;
		right: 1.5em;
		top: 0.5em;
		display: none;
	}
		
		@media (min-width:520px) {
			.header .nav {
				display: block;
			}
		}
		
		@media (min-width:550px) {
			.header .nav {
				right: 2em;
				top: 1em;
			}
		}
		
		@media (min-width:800px) {
			.header .nav {
				right: 3em;
				top: 2em;
			}
		}
		
		.nav ul li {
			display: inline-block;
			font-weight: 400;
			padding: 1em 0.4em;
			color: #b5905a
		}
			
			.nav ul li:last-child {
				padding-right: 0;
			}
			
			@media (min-width:550px) {
				.nav ul li {
					padding: 1em 0.75em;
				}
			}
		
			.nav ul li a {
				font-size: 1.2em;
				display: block;
				padding-bottom: 0.2em;
				text-decoration: none;
				color: inherit;
				line-height: 100%;
				-webkit-transition: all 0.1s ease;
				-moz-transition: all 0.1s ease;
				-o-transition: all 0.1s ease;
				transition: all 0.1s ease;
			}
			
				.nav ul li a:active {
					-webkit-transform: scale(.94);
					-ms-transform: scale(.94);
					transform: scale(.94);
				}
			
			.nav ul li a:hover {
				/* color: #b5905a; */
			}
			
			.nav ul li.current_page_item a,
			.nav ul li.current_page_ancestor a {
				/* color: #b5905a; */
				border-bottom: 2px solid #b5905a;
			}

.case-study-hero {
	padding: 5em 0 0 0;
	background-size: cover;
	background-position: center;
}
	
	@media (min-width: 550px) {
		.case-study-hero {
			padding: 5em 1em 1em 1em;
		}
	}
	
	.hero-img {
		background-size: cover;
		background-position: center;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
	}
	
	
	.case-heading {
		padding: 0 0 3em 0;
		width: 100%;
		bottom: 0;
		position: absolute;
		opacity: 0.9;
		z-index: 1;
	}
		
		@media (min-width: 550px) {
			.case-heading {
				width: calc(100% - 2em);
			}
		}
		
		@media (min-width: 600px) {
			.case-heading {
				padding: 1em 1em 4em 1em;
			}
		}
		
		@media (min-width: 800px) {
			.case-heading {
				padding: 1em 1em 5em 1em;
				width: calc(100% - 2em);
			}
		}
		
		.case-heading .inner {
			width: 100%;
			margin-left: 0%;
			padding: 1em;
		}
		
		@media (min-width: 800px) {
			.case-heading .inner {
				width: 80%;
				margin-left: 0%;
				padding-right:2em;
			}
		}
		
		@media (min-width: 1200px) {
			.case-heading .inner {
				width: 70%;
				margin-left: 30%;
			}
		}

.case-wrap {
	max-width: 1200px;
	margin: 0 auto;
}
	
.case-study-meta {
	padding: 0;
}

	@media (min-width: 550px) {
		.case-study-meta {
			padding: 0 1em 1em 1em;
		}	
	}
	
	.case-meta-holder {
		padding: 1em;
		opacity: 0.9;
	}
		
		@media (min-width: 550px) {
			.case-meta-holder {
				padding: 1em;
			}
		}
	
	.case-description {
		width: 100%;
	}
		
		@media (min-width: 600px) {
			.case-description {
				width: 75%;
				float: left;
			}
		}
	
		.case-background,
		.case-challenge {
			width: 100%;
			margin-bottom: 2em;
		}
		
			@media (min-width: 600px) {
				.case-background,
				.case-challenge {
					padding: 1em;
				}
			}
			
			@media (min-width: 800px) {
				.case-background,
				.case-challenge {
					width: 50%;
					float: left;
					margin-bottom: 0;
				}
			}
			
			@media (min-width: 1200px) {
				.case-background,
				.case-challenge {
					width: 40%;
				}
			}
		
		.case-solution {
			width: 100%;
			margin-bottom: 2em;
			margin-left: 0%;
		}
		
			@media (min-width: 600px) {
				.case-solution {
					width: 133.5%;
					margin: 3em 0 1.5em 0;
					margin-left: 0%;
					padding: 1em;
				}
			}
			
			@media (min-width: 1200px) {
				.case-solution {
					width: 93.5%;
					margin: 4em 0 3em 0;
					margin-left: 40%;
				}
			}

	.case-metadata {
		width: 100%;
	}
		
		@media (min-width: 600px) {
			.case-metadata {
				width: 25%;
				float: right;
			}
		}
	
		.case-metadata .item {
			font-size: 0.825em;
			line-height: 120%;
			padding: 0.5em 0;
			border-top: 1px solid #ccc;
		}
			
			.case-metadata .item p {
				margin-bottom: 0;
			}
		
			.case-metadata .item:first-child {
				border-top: 0;
			}
	
	
	.case-study-meta .case-solution .inner {
	
	}

		@media (min-width: 600px) {
			.case-study-meta .case-solution .inner {
				font-size: 1.6em;
				line-height: 125%;
			}
		}
	

.case-study {
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
	z-index: 2;
}

	.case-study img.case-fullsize-img {
		width: 100%;
		height: auto;
		background: #000;
		line-height: 0;
		margin-top: -1px;
	}
	
	.case-study .case-video-gif {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		font-size: 1rem;
		padding: 5em 0;
	}
	
		.case-study .case-video-gif img {
			width: auto;
			height: auto;
			max-width: 80%;
			display: block;
			margin: 0 auto;
			border-radius: 5px;
			box-shadow: 0 0 40px rgba(0,0,0,0.2);
		}
	
	.case-study .case-inline-text {
		font-size: 1rem;
		line-height: 120%;
		padding: 1em 0 3em 0;
		font-weight: 400;
		margin-top: -2px;
	}
		
		.case-study .case-inline-text .inner {
			width: 80%;
			margin: 0 auto;
		}
		
		@media (min-width: 600px) {
			.case-study .case-inline-text .inner {
				width: 50%;
				margin: 0 auto;
			}
		}

html, body {
	height: 100%;
}

.project-grid {
	background: #fff;
	/* padding-top: 11em; */
	height: 100%;
}
	
		

.case-overview {
	height: 500px;
	width: 100%;
	display: block;
}
	
	.case-overview.thumbnail {
		width: 100%;
		height: 300px;
		display: block;
		float: left;
		overflow: hidden;
		position: relative;
	}
	
	.case-overview.coming-soon-placeholder {
		background: #FDFDFD;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+48,f2f2f2+100 */
background: rgb(253,253,253); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(253,253,253,1) 48%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(253,253,253,1) 48%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(253,253,253,1) 48%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		font-size: 1.2em;
		text-align: center;
		display: block;
	}
	
		.case-overview.coming-soon-placeholder span {
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			transform: translateY(-50%);
			color: #B5905A;
		}
	
		.thumbnail-holder {
			height: 100%;
			width: 100%;
		}
	
		@media (min-width: 660px) { 
			.case-overview.thumbnail { width: 50%; } 
			.case-overview.coming-soon-placeholder { display: block; } 
		}
		
		@media (min-width: 1400px) { 
			.case-overview.thumbnail { width: 33.33333%; } 
			.case-overview.coming-soon-placeholder { display: block; width: 100% } 
		}
		/* @media (min-width: 1900px) { .case-overview.thumbnail { width: 25%; } } */
		
		@media (min-height: 500px) { .case-overview.thumbnail { height: 50%; }  }
		@media (min-height: 900px) { .case-overview.thumbnail { height: 33.33333%; } }
		/* @media (min-height: 1200px) { .case-overview.thumbnail { height: 25%; } } */
	
	.case-overview img.tilt-effect {
		position: absolute;
	}
	
	
	.case-overview-info {
		position: absolute;
		padding: 1em;
		bottom: 0;
		width: 100%;
		z-index: 9;
		text-align: left;
		pointer-events:none;
	}
	
		@media (min-width: 550px) {
			.case-overview-info {
				padding: 2em;
			}
		}
		
		@media (min-width: 800px) {
			.case-overview-info {
				padding: 3em;
			}
		}
	
	
	.case-overview-heading {
		width: 100%;
		margin-bottom: 0;
	}
		
		.case-overview-heading h2 {
			font-weight: 700;
			opacity: 0;
		}
		
		.case-overview-heading h2.subtitle {
			font-weight: 400;
			opacity: 0;
		}
		
			.active-slide .case-overview-heading h2 {
				opacity: 1;
			}
			
		
		@media (min-width: 1200px) {
			.case-overview-heading h2 {
				font-size: 2.6em;
			}
		}
		
		@media (min-width: 1800px) {
			.case-overview-heading h2 {
				font-size: 2.8em;
			}
		}
	
	.case-overview-excerpt {
		width: 50%;
		margin-left: 50%;
	}
	
	.case-overview.thumbnail .case-overview-info {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: all 0.2s ease-in-out;
		   -moz-transition: all 0.2s ease-in-out;
			 -o-transition: all 0.2s ease-in-out;
			    transition: all 0.2s ease-in-out;
	}

		.case-overview.thumbnail .case-overview-info .inner {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
		}
		
			.case-overview.thumbnail .case-overview-info .inner .info {
				position: absolute;
				bottom: 0;
				width: 100%;
				padding: 1em;
			}
			
			.case-overview.thumbnail .case-overview-info h2 {
				font-weight: 700;
				font-size: 1.4em;
			}
			
			.case-overview.thumbnail .case-overview-info h3 {
				font-family: 'CorporateS', Helvetica, Arial, sans-serif;
				font-size: 1.4em;
				line-height: 110%;
				margin-bottom: 0;
				font-weight: 300;
			}
		
		
		@media (min-width: 550px) {
			.case-overview.thumbnail .case-overview-info .inner .info {
				padding: 2em;
			}
		}
		
		@media (min-width: 800px) {
			.case-overview.thumbnail .case-overview-info .inner .info {
				padding: 3em;
			}
		}
		
		.case-overview.thumbnail .case-overview-info {
			opacity: 0;
			transform: scale(0.7);
		}
		
		.case-overview.thumbnail:hover .case-overview-info {
			opacity: 0.875;
			transform: scale(1);
		}
		
		.case-overview.thumbnail:active .case-overview-info {
			transform: scale(0.9) !important;
		}

.cms-content {
	
}

	body.capabilities .cms-content {
		font-weight: 400;
	}

	.cms-row {
		padding: 1.5em 1em;
	}
	
		@media (min-width: 800px) {
			.cms-row {
				padding: 2em;
			}
		}
	
	.cms-content-wrap {
		max-width: 1800px;
		margin: 0 auto;
		z-index: 2;
	}
	
	.cms-content .cms-row:first-child {
		padding-top: 5em;
	}
	
	.cms-content .cms-row.cms-row-title {
		padding-top: 10em;
		padding-bottom: 5em;
	}
	
		.cms-row-title .inner {
			width: 100%;
		}
		
		.cms-row-title h2 {
			line-height: 120%;
		}
		
		@media (min-width: 550px) {
			.cms-row-title .inner {
				padding: 1em;
			}
		}
		
		@media (min-width: 1000px) {
			.cms-row-title .inner {
				width: 75%;
				margin-left: 25%;
			}
		}
	
	.cms-row.cms-row-inline-title {
		
	}
	
		.cms-row-inline-title .inner {
			width: 100%;
		}
		
		@media (min-width: 550px) {
			.cms-row-inline-title .inner {
				padding: 1em;
			}
		}
		
		@media (min-width: 1000px) {
			.cms-row-inline-title .inner {
				width: 75%;
				margin-left: 25%;
			}
		}
	
	.cms-row-four-blocks .inner {
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	
		.cms-row-four-blocks .cms-content-block {
			width: 100%;
			min-height: 1em;
			margin-bottom: 2em;
		}
		
		.cms-row-four-blocks .cms-content-block:empty {
			display: none;
		}
		
		@media (min-width: 550px) {
			.cms-row-four-blocks .cms-content-block {
				width: 50%;
				padding: 1em;
			}
			
		}
		
		@media (min-width: 1000px) {
			.cms-row-four-blocks .cms-content-block {
				width: 25%;
				margin-bottom: 0;
			}
			
			.cms-row-four-blocks .cms-content-block:empty {
				display: block;
			}
		}
	
	.cms-content-block img {
		max-width: 100%;
		height: auto;
	}
	
	.cms-row-image {
		
	}
	
		.cms-row-image img {
			width: 100%;
			height: auto;
			padding: 1em;
		}
	
	.cms-row-repeater {
		
	}
	
		.cms-row-repeater-holder {
			display: flex;
			-webkit-flex-flow: row wrap;
			flex-flow: row wrap;
		}
	
		.cms-content-repeater-block {
			width: 100%;
			padding-bottom: 2em;
		}
		
		.cms-content-repeater-block:empty {
			display: none;
		}
		
		@media (min-width: 550px) {
			.cms-content-repeater-block {
				width: 50%;
				padding: 1em;
				padding-bottom: 2em;
			}
		}
		
		@media (min-width: 700px) {
			.cms-content-repeater-block {
				width: 33.3%;
			}
		}
		
		@media (min-width: 1000px) {
			.cms-content-repeater-block {
				width: 25%;
			}
		}
		
		
	/*** SERVICES ***/	
	.cms-row-repeater.offers-blocks {
		padding: 0;	
	}
	
	.cms-row-repeater.offers-blocks .cms-content-repeater-block {
		padding: 1em 1em 2em 1em;
		font-weight: 500;
		-webkit-transition: all 0.2s ease-in-out;
		   -moz-transition: all 0.2s ease-in-out;
			 -o-transition: all 0.2s ease-in-out;
			    transition: all 0.2s ease-in-out;
	}
		
		@media (min-width: 400px) and (max-width: 550px) {
			.cms-row-repeater.offers-blocks .cms-content-repeater-block {
				width: 50%;
			}
		}
		
		@media (min-width: 550px) {
			.cms-row-repeater.offers-blocks {
				padding: 1em;	
			}
		}
		
		@media (min-width: 800px) {
			.cms-row-repeater.offers-blocks {
				padding: 1em 2em;	
			}
		}
		
		@media (min-width: 600px) {
			.cms-row-repeater.offers-blocks .cms-content-repeater-block {
				padding: 1em 2em 4em 1em;
			}
		}
	
		.cms-row-repeater.aoffers-blocks .cms-content-repeater-block p {
			opacity: 0.8;
		}
		
		.cms-row-repeater.aoffers-blocks .cms-content-repeater-block p:last-child {
			margin-bottom: 0;
		}
	
	/*
	.cms-row-repeater.offers-blocks .cms-content-repeater-block:hover {
		background: #222;
	}
	*/
	
	
	/*** PROCESS GRAPHIC ***/
	.process-graphic img {
		width: 100%;
		display: none;
	}
	
		@media (min-width: 1000px) {
			.process-graphic img {
				display: block;
			}
		}
		
		@media (min-width: 1200px) {
			.process-graphic img {
				width: 75%;
				margin-left: 25%;
			}
		}

/* Main Capabilities */
.capabilities-block .cms-content-repeater-block img {
	width: 3em;
	height: 3em;
	margin-bottom: -1em;
	margin-left: -4em;
	margin-right: 1em;
	display: inline-block;
}
	
	@media (max-width: 699px) {
		.capabilities-block .cms-content-repeater-block h3 {
			margin-bottom: 1.5em;
			padding-left: 4em;
		}
	}

	@media (min-width: 700px) {
		.capabilities-block .cms-content-repeater-block img {
			width: 3.5em;
			height: 3.5em;
			margin-bottom: 2em;
			margin-left: 0;
			margin-right: 0;
			display: block;
		}
	}
	
	@media (min-width: 1000px) {
		.capabilities-block .cms-content-repeater-block img {
			width: 4em;
			height: 4em;
		}
	}


.call-to-action {
	padding-top: 3em;
	padding-bottom: 3em;
	font-weight: 400;
	text-align: center;
}

	.call-to-action .inner {
		
	}
	
	@media (min-width: 600px) {
		.call-to-action {
			padding-top: 5em;
			padding-bottom: 5em;
		}
		
		.call-to-action .inner {
			padding: 1em;
		}
	}
	
	@media (min-width: 1000px) {
		.call-to-action {
			text-align: left;
		}
		
		.call-to-action .inner {
			width: 50%;
			margin-left: 25%;
		}
	}
	
	.call-to-action h2 {
		font-weight: 700;
		margin-bottom: 0.5em;
	}
	
	.call-to-action p {
		font-size: 1.2em;
	}
	
	.btn-cta {
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: 700;
		text-decoration: none;
		padding: 1em 1em 0.95em 1em;
		border: 2px solid #111;
		margin: 1em 0 0 0;
		line-height: 100%;
		display: inline-block;
		-webkit-transition: all 0.2s ease-in-out;
		   -moz-transition: all 0.2s ease-in-out;
			 -o-transition: all 0.2s ease-in-out;
			    transition: all 0.2s ease-in-out;
	}
	
	.btn-cta:hover {
		background: #111;
		color: #fff;
	}

h1 {
	/* font-family: 'AntennaBlack', Helvetica, Arial; */
	font-weight: 700;
	/* letter-spacing: 0.015em; */
	font-size: 1.8em;
	/* line-height: 120%; */
	/* font-weight: 400; */
	line-height: 90%;
	margin-bottom: 0.35em;
}

	h1.huge {
		font-size: 2.5em;
	}
	
	@media (min-width: 600px) { h1 { font-size: 2.2em; } }
	
	@media (min-width: 400px) { h1.huge { font-size: 3em; } }
	@media (min-width: 600px) { h1.huge { font-size: 4em; } }
	@media (min-width: 1000px) { h1.huge { font-size: 5em; } }
	@media (min-width: 1200px) { h1.huge { font-size: 6em; } }

	
h2 {
	font-size: 1.8em;
	line-height: 110%;
	font-weight: 300;
}
	
	@media (min-width: 600px) { h2 { font-size: 2.2em; } }

h3 {
	/* font-family: 'AntennaBlack', Helvetica, Arial; */
	font-weight: 700;
	font-size: 1.2em;
	margin-bottom: 0.8em;
	letter-spacing: 0.02em;
}

h4 {
	/* font-family: 'AntennaBlack', Helvetica, Arial; */
	font-size: 0.9em;
	margin-bottom: 0.8em;
	letter-spacing: 0.1em;
	font-weight: 700;
	text-transform: uppercase;
}
		
h5 {
	font-size: 0.9em;
	font-weight: 800;
}

p {
	margin-bottom: 1em;
}

.footer {
	display: none;
}

#fp-nav {
	position: absolute;
}

body.error404 .page-wrap {
	background: #000 url(css/img/static.gif) repeat;
}


/* Custom Scrollbars */
html::-webkit-scrollbar {background:#fff; width:5px; }
html::-webkit-scrollbar-thumb {background:#000}
html.has-lightbox .lightbox::-webkit-scrollbar, html.has-lightbox .lightbox--container::-webkit-scrollbar { background: #fff; width: 5px; }

html.has-lightbox .lightbox::-webkit-scrollbar-thumb, html.has-lightbox .lightbox--container::-webkit-scrollbar-thumb { background: #000; }


/* Interactive Elements */
.has-clickaction {
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.has-clickaction:active {
	-webkit-transform: scale(.96);
	-ms-transform: scale(.96);
	transform: scale(.96);
}

/* Lightbox */
.lightbox {
	position: fixed;
	z-index: 9999;
	background: transparent;
	width: 0;
	height: 0;
	top:50%;
	left: 50%;
	overflow:hidden;
}

.lightbox.has-scroll {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.lightbox.open {
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	opacity: 1 !important;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

	
	.lightbox .case-study-hero {
		min-height: 100%;
	}
	
.lightbox-inner {
	opacity: 0;
	height: 100%;
	z-index: 1;
}

	.lightbox-close {
		width: 3.2em;
		height: 3.2em;
		position: fixed;
		z-index: 99999;
		right: 0.8em;
		top: 1.5em;
		margin-top: -1.2em;
		cursor: pointer;
		display: none;
		background: transparent;
	}
		
	
		@media (min-width: 550px) {
			.lightbox-close {
				top: 2em;
				right: 2em;
			}
		}
		
		@media (min-width: 800px) {
			.lightbox-close {
				top: 3em;
				right: 3em;
			}
		}
		
	/* #b5905a; */
		.lightbox-close span {
			display: block;
			position: absolute;
			height: 2px;
			width: 60%;
			left: 50%;
			background: #fff; 
			border-radius: 9px;
			opacity: 1;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		
		.lightbox-close span:nth-child(1) {
			top: 50%;
			transform: translateY(-.5px) translateX(-50%) rotate(45deg) translateZ(0);
			-webkit-transition: .35s ease;
			-moz-transition: .35s ease;
			-o-transition: .35s ease;
			transition: .35s ease;
		}
		
		.lightbox-close span:nth-child(2) {
			top: 50%;
			transform: translateY(-.5px) translateX(-50%) rotate(135deg) translateZ(0);
			-webkit-transition: .45s ease;
			-moz-transition: .45s ease;
			-o-transition: .45s ease;
			transition: .45s ease;
		}
		
		.lightbox-close:hover span:nth-child(1) {
			/* transform: translate3d(1em,1em,0); rotate(225deg); */
			transform: translateY(-.5px) translateX(-50%) rotate(225deg) translateZ(0);
		}
		.lightbox-close:hover span:nth-child(2) {
			/* transform: rotate(315deg); */
			transform: translateY(-.5px) translateX(-50%) rotate(315deg) translateZ(0);
			margin-top: 1px;
		}
		


.spinner {
	width: 40px;
	height: 40px;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	-webkit-animation: sk-rotate 2.0s infinite linear;
	animation: sk-rotate 2.0s infinite linear;
	display: none;
}

.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #333;
	border-radius: 100%;
	
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* Lines */

.lines {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	/* pointer-events:none; */
	padding: 0 1em;
	display: none;
	overflow: visible;
	z-index: 1;
}
	
	.lines .line-wrap {
		max-width: 1800px;
		height: 100%;
		margin: 0 auto;
	}
	
	.lines .line {
		border: 1px solid #b5905a;
		border-width: 0 0 0 1px;
		opacity: 0.175;
		width: 50%;
		float: left;
	}
	
	@media (min-width: 550px) {
		.lines .line { width: 50%; }
	}
	
	@media (min-width: 700px) {
		.lines { display: block; }
		.lines .line { width: 33.33%; }
/* 		.lines .line:nth-child(3) { border-width: 0 1px 0 1px; } */
		.lines .line:nth-child(4) { width: 1px; margin-left: -1px; }
		.lines .line:nth-child(5) { display: none; }
	}
	
	@media (min-width: 800px) {
		.lines { padding: 0 2em; }
	}
	
	@media (min-width: 1000px) {
		.lines .line { width: 25%; }
		/* .lines .line:nth-child(3) { border-width: 0 0 0 10px; } */
		.lines .line:nth-child(4) { width: 25%;  margin-left: 0; }
		.lines .line:nth-child(5) { width: 1px; display: block; margin-left: -1px; }
	}
	
	.lines.is-revealed .line {
		-webkit-animation: line-animate 1.0s linear 0s 1 forwards;
		animation: line-animate 1.0s linear 0s 1 forwards;
	}
	
	.lines.is-revealed .line:nth-child(1) {
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
	}
	
	.lines.is-revealed .line:nth-child(2) {
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}
	
	.lines.is-revealed .line:nth-child(3) {
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
	}
	
	.lines.is-revealed .line:nth-child(4) {
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
	}
	
	.lines.is-revealed .line:nth-child(5) {
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
	}
	
@-webkit-keyframes line-animate { 0% { height: 0; } 100% { height: 100%; }}
@keyframes line-animate { 0% { height: 0; } 100% { height: 100%; }}