*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	-webkit-font-smoothing: antialiased;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

.efront-cms-link{position: absolute !important;}

/* ==========================================================================
   Fonts
   ========================================================================== */

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=3d297968-378d-4c8d-b5a1-dc1c7d28cedf");

@font-face {
	font-family: "GeomSlab712W01-Medium";
	src: url("/resources/fonts/d169df21-b933-4947-9db0-c43c6926df9b.eot?#iefix");
	src: url("/resources/fonts/d169df21-b933-4947-9db0-c43c6926df9b.eot?#iefix") format("eot"),
		 url("/resources/fonts/43351d52-65ec-4097-abfc-3f807452f806.woff2") format("woff2"),
		 url("/resources/fonts/794a65b3-d6fd-48a0-88ef-08456739cebf.woff") format("woff"),
		 url("/resources/fonts/45e7258c-b731-421d-8f25-96389e35ff82.ttf") format("truetype"),
		 url("/resources/fonts/ec863676-88b9-470b-9cfb-325d82a91c61.svg#ec863676-88b9-470b-9cfb-325d82a91c61") format("svg");
}

@font-face {
	font-family: "Geom Slab_712 W01 Bold";
	src: url("/resources/fonts/60e49669-82ab-41ed-afa7-d5522f859796.eot?#iefix");
	src: url("/resources/fonts/60e49669-82ab-41ed-afa7-d5522f859796.eot?#iefix") format("eot"),
		 url("/resources/fonts/7d1351bc-430f-4595-b214-194863c57b03.woff2") format("woff2"),
		 url("/resources/fonts/df766625-21a2-4eec-a04a-69bf228427c0.woff") format("woff"),
		 url("/resources/fonts/adafdfc4-6fb6-42d0-a9ee-824e7b6ac68c.ttf") format("truetype"),
		 url("/resources/fonts/e949826a-4eba-41f1-82a8-4d6358ba7505.svg#e949826a-4eba-41f1-82a8-4d6358ba7505") format("svg");
}

@font-face {
	font-family: "GeomSlab712W01-ExtraBol";
	src: url("/resources/fonts/25238b77-4c88-408f-847c-9e1e8ea46081.eot?#iefix");
	src: url("/resources/fonts/25238b77-4c88-408f-847c-9e1e8ea46081.eot?#iefix") format("eot"),
		 url("/resources/fonts/27c0958f-0356-41ed-973e-da886597ca64.woff2") format("woff2"),
		 url("/resources/fonts/581edd6f-c3a5-412d-ae48-3a609fc3e706.woff") format("woff"),
		 url("/resources/fonts/63aacffa-adf3-4fc4-9f45-122c8b8c56cb.ttf") format("truetype"),
		 url("/resources/fonts/e5cdd88b-d598-42d8-b8d1-ef879536602d.svg#e5cdd88b-d598-42d8-b8d1-ef879536602d") format("svg");
}

@font-face {
	font-family: 'gt_walsheimmedium';
	src: url('/resources/fonts/GT-Walsheim-Medium.eot');
	src: url('/resources/fonts/GT-Walsheim-Medium.eot?#iefix') format('embedded-opentype'),
		 url('/resources/fonts/GT-Walsheim-Medium.woff') format('woff'),
		 url('/resources/fonts/GT-Walsheim-Medium.ttf') format('truetype'),
		 url('/resources/fonts/GT-Walsheim-Medium.svg#GT-Walsheim-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gt_walsheimmedium_oblique';
	src: url('/resources/fonts/GT-Walsheim-Medium-Oblique.eot');
	src: url('/resources/fonts/GT-Walsheim-Medium-Oblique.eot?#iefix') format('embedded-opentype'),
		 url('/resources/fonts/GT-Walsheim-Medium-Oblique.woff') format('woff'),
		 url('/resources/fonts/GT-Walsheim-Medium-Oblique.ttf') format('truetype'),
		 url('/resources/fonts/GT-Walsheim-Medium-Oblique.svg#GT-Walsheim-Medium-Oblique') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gt_walsheimlight';
	src: url('/resources/fonts/GT-Walsheim-Light.eot');
	src: url('/resources/fonts/GT-Walsheim-Light.eot?#iefix') format('embedded-opentype'),
		 url('/resources/fonts/GT-Walsheim-Light.woff') format('woff'),
		 url('/resources/fonts/GT-Walsheim-Light.ttf') format('truetype'),
		 url('/resources/fonts/GT-Walsheim-Light.svg#GT-Walsheim-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gt_walsheimlight_oblique';
	src: url('/resources/fonts/GT-Walsheim-Light-Oblique.eot');
	src: url('/resources/fonts/GT-Walsheim-Light-Oblique.eot?#iefix') format('embedded-opentype'),
		 url('/resources/fonts/GT-Walsheim-Light-Oblique.woff') format('woff'),
		 url('/resources/fonts/GT-Walsheim-Light-Oblique.ttf') format('truetype'),
		 url('/resources/fonts/GT-Walsheim-Light-Oblique.svg#GT-Walsheim-Light-Oblique') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ==========================================================================
   General
   ========================================================================== */

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	height: 100%;
	min-width: 320px;
	background: #fff;
	font-family: 'gt_walsheimmedium', sans-serif;
	font-size: 14px;
/* 	color: #ff4747; */
	color: #ff4747;
	
/*     border-top: 6px solid #ff4747; */
}

::selection {
  background: #4bc4fb; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #4bc4fb; /* Gecko Browsers */
    color: #fff;
}

.fixed{overflow: hidden;}
img {
	width: 100%;
}
a {
	text-decoration: none !important;
	outline: none !important;
	color: #ff4747;
}
p {
	font-size: 16px;
	font-family: 'gt_walsheimlight';
	color: #333;
	line-height: 26px;
}

ul {
	margin: 0;
	padding: 0;
}
h2,
h3,
h4,
h5,
h6 {
	text-align: center;
	margin-top: 0;
}
h2 {
	margin: 0 auto;
	font-size: 68px;
	color: #fff;
	display: inline-block;
	width: 100%;
	max-width: 1200px;
}
.half h2 {
	font-size: 58px;
}
.lightgrey-bg h2 {
	color: #ff4747;
}
h2 a,
h3 a,
h4 a {
	color: #fff;
}
h2 a:hover,
h2 a:focus,
h2 a:active,
h3 a:hover,
h3 a:focus,
h3 a:active,
h4 a:hover,
h4 a:focus,
h4 a:active {
	color: #ff4747;
}
h4 {
	font-size: 26px;
	margin-bottom: 45px;
	font-family: 'Geom Slab_712 W01 Bold', sans-serif;
}
h4.plain {
	font-family: 'gt_walsheimmedium', sans-serif;   line-height: 1.4em;
}
h4.black {
	color: #333;
}
h3 {
	font-size: 42px;
	font-family: 'gt_walsheimmedium', sans-serif;
	margin-bottom: 75px;
}

h3:last-child {
	margin-bottom: 25px;
}

/* Custom Style for h2 */
h2 span {
	font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
	font-size: .45em;
	font-style: italic;
	padding-top: 50px;
	display: inline-block;
}

/* Custom Styles for h3  */
h3 a.underline {
	color: inherit;
	text-decoration: underline;
	position: relative;
}

h3 a.underline:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 6px;
	left: 0;
	background-color: #FF4747;
	width: 100%;
	height: 4px;
}

h3 a.underline:hover:after {
	display: none;
}



h3 span {
	font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
	font-size: .74em;
	font-style: italic;
	padding-top: 26px;
	display: inline-block;
}



/* Addition: To increase the headings of specific sections on a project page. */
.large-project-title {
	font-size: 60px;
}

.marg0 {
	margin: 0 !important;
}
.pad0 {
	padding: 0 !important;
}
.no-border {
	border-bottom: none !important;
}
.main-container {
	display: block;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

#grid,
.row {
	margin-left: 60px;
	margin-right: 60px;
}
/*
	margin-left: 200px;
	margin-right: 200px;
*/

.row.partners{
	margin-bottom: 20px;
}

.list-item,
.row > div {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}
.row.small-width {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
/* ==========================================================================
   Grid - blue and red tiles
   ========================================================================== */
	#grid--blue-red{
	    padding: 0 15px;

	}
	#grid--blue-red[data-columns]::before {
		content: '2 .column.size-1of2';
		opacity: 0;
		visibility: hidden;
	}   	
   	#grid--blue-red .list-item {
   		width: 50%;
	}
	
	#grid--blue-red .column .list-item {
		width: 100%;
	}
	#grid--blue-red .column .list-item > a{
		display: table;
		width: 100%;
	}
	
	#grid--blue-red .list-item__inner{
	   background-color: #4bc3fb;
	   padding-bottom: 0;
	   height: 620px;
   	}
   	#grid--blue-red .list-item.height--short .list-item__inner{
	   height: 290px;
   	}
    #grid--blue-red .list-item.bg--red .list-item__inner{
	   background-color: #ff4848;
   	}

   	#grid--blue-red .list-item__description{
   	   opacity: 0;
   	   -webkit-transform: none;
   	       -ms-transform: none;
   	           transform: none;	    
   	   padding: 35px 30px;
   	   width: 100%;
   	   transition: bottom 0.5s;
   	   bottom: -250px;
	}
	#grid--blue-red .list-item__description.active{
		opacity: 1;
	}
   	#grid--blue-red .list-item__description h4{
	   	color: #fff;
	   	margin-bottom: 0;
   	}
   	#grid--blue-red .list-item__description h3{
	   	padding-top:  25px;
	 }
/*
   	#grid--blue-red .list-item__description .show-on-hover {
	   	max-height: 0;
	   	overflow: hidden;
	   	
	   	transition: all 1s;
   	}
	
*/
	#grid--blue-red .list-item:hover .list-item__description  {
		bottom: 0px !important;	
	}

   	@media screen and (max-width: 768px) {
		#grid--blue-red .list-item {
	   		width: 100%;
	   		
		}
		#grid--blue-red[data-columns]::before {
			content: '1 .column.size-1of1';
			opacity: 0;
			visibility: hidden;
		}
		#grid--blue-red .list-item__inner{  
		   height: auto;
	   	}
	   	#grid--blue-red .list-item.height--short .list-item__inner{
		   height: auto;
	   	}
	   	#grid--blue-red .list-item__description{
		   	position: relative;
		   	    display: block;
	   	}
	   	#grid--blue-red .list-item__description h3{
		   	padding-top:  15px;
		 }
		#grid--blue-red .list-item__description{
			bottom: 0px !important;	
		}
	}
	/* ==========================================================================
   Buttons
   ========================================================================== */

.btn-circled {
	display: block;
	width: 50px;
	height: 50px;
	background: #fff;
	text-align: center;
	font-size: 24px;
	line-height: 50px;
	border-radius: 50px;
}
.btn-circled:hover {
	color: #ff4747;
}


.btn-social {
	display: block;
	width: 50px;
	height: 50px;
	background: transparent;
	text-align: left;
	font-size: 24px;
	line-height: 50px;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	color: #FD474B;
}

.btn-social i {color: #FD474B;}
.btn-social:hover {
	color: #ff4747;
}
/* ==========================================================================
   Top menu
   ========================================================================== */

.top-menu {
	position: fixed;
	z-index: 101;
	top: 0;
	left: 0;
	right: 0;
	height: 100px;
	-webkit-transition: background-color 0.4s ease .1s, height 0.4s ease-in 0s;
	transition: background-color 0.4s ease .1s, height 0.4s ease-in 0s;
	overflow: hidden;
}
.top-menu.scrolled {
	background-color: #fff;
/*     background-color: transparent; */
	background-color:rgba(255, 255, 255,.9);
}
.navigation,
.white,
.top-menu-toggle,
.top-menu-toggle span {
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.navigation li a.smallmenu{
	
	font-size: 20px !important;
	padding:0px;
	
}

.logo {
	position: absolute;
	top: 25px;
	left: 25px;
	display: block;
	width: 150px;
}
.logo img {
	width: 100%;
}
.logo .white {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	-webkit-transform: translate(20px, 0);
	transform: translate(20px, 0);
	-webkit-transform: translate(0px, 0);
	transform: translate(0px, 0);
}

body.home .logo .red {
	opacity: 0;
}

.top-menu-toggle {
	position: absolute;
	z-index: 5;
	top: 25px;
	right: 25px;
	/*     right: 125px; */
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 2px solid #fff;
	border: 2px solid transparent;
}
.scrolled .top-menu-toggle {
	background: transparent;
	border: 2px solid #ff4747;
}

.scrolled .top-menu-toggle {
	border-color: transparent;
}

.scrolled .top-menu-toggle:after {
	border-color: #ff4747;
}

.scrolled .top-menu-toggle span{
	background: #ff4747;
}



.top-menu-toggle span {
	display: block;
	width: 19px;
	height: 2px;
	background: #fff;
	position: absolute;
}

.top-menu-toggle:after {
	content: '';
	display: block;
	height: 48px;
	width: 48px;
	top: -1.5px;
	left: -1.5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	border: 2px solid #fff;
	opacity: 1;
	position: absolute;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.top-menu-toggle:hover:after {
	top: -5.5px;
	left: -5.5px;
	height: 56px;
	width: 56px;
	opacity: 0;
}


.top-menu-toggle span.f {
	top: 19px;
	left: 13px;
}
.top-menu-toggle span.s {
	top: 25px;
	left: 13px;
}

.top-menu-toggle span {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/*.top-menu-toggle:hover span.f {top: 18px;}
.top-menu-toggle:hover span.s {top: 26px;}

.active .top-menu-toggle:hover span.f {top: 23px;}
.active .top-menu-toggle:hover span.s {top: 23px;}
*/

.active .top-menu-toggle span.f {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 23px;
}
.active .top-menu-toggle span.s {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 23px;
}
.active .white, body.home .white {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

body.home .top-menu.scrolled .white {
	opacity: 0;
}

body.home .top-menu.scrolled .red {
	opacity: 1;
}

/*.active .top-menu-toggle {
	background: transparent!important;
	border: 2px solid #fff!important;
}
*/
.active .top-menu-toggle span{
	background: #fff!important;
}

.navigation {
	position: absolute;
	z-index: 2;
	top: 25px;
	right: 130px;
	font-size: 20px;
	opacity: 0;
	-webkit-transform: translate(155px, 0);
	transform: translate(155px, 0);
}
.active .navigation {
	display: block;
	opacity: 1;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top: 50%;

}
.navigation li {
	float: left;
	display: block;
	margin-left: 55px;
}
.navigation li:first-child {
	margin-left: 0;
}
.navigation li a {
	color: #fff;
	display: block;
	padding: 10px 0;
}
.scrolled .navigation li a {
	color: #ff4747;
}
.active.top-menu {
	top: 0;
	height: auto;
	height: 100%;
	bottom: 0;
	background: rgba(255, 71, 71, 0.9);
	z-index: 888
}
.active.top-menu .navigation .anim-item1 {
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
	opacity: 0;
	-webkit-animation-name: slideDown;
	-webkit-animation-duration: .4s;
	-webkit-animation-delay: .2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-name: slideDown;
	animation-duration: .4s;
	animation-delay: .2s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.active.top-menu .navigation .anim-item2 {
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
	opacity: 0;
	-webkit-animation-name: slideDown;
	-webkit-animation-duration: .4s;
	-webkit-animation-delay: .3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-name: slideDown;
	animation-duration: .4s;
	animation-delay: .3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.active.top-menu .navigation .anim-item3 {
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
	opacity: 0;
	-webkit-animation-name: slideDown;
	-webkit-animation-duration: .4s;
	-webkit-animation-delay: .4s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-name: slideDown;
	animation-duration: .4s;
	animation-delay: .4s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.active.top-menu .navigation .anim-item4 {
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
	opacity: 0;
	-webkit-animation-name: slideDown;
	-webkit-animation-duration: .4s;
	-webkit-animation-delay: .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-name: slideDown;
	animation-duration: .4s;
	animation-delay: .5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.active.top-menu .navigation .anim-item5 {
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
	opacity: 0;
	-webkit-animation-name: slideDown;
	-webkit-animation-duration: .4s;
	-webkit-animation-delay: .6s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-name: slideDown;
	animation-duration: .4s;
	animation-delay: .6s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@-webkit-keyframes slideDown {
	0% {
		opacity: 0;
		transform: scale(2.3);
		-webkit-transform: scale(2.3);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
@keyframes slideDown {
	0% {
		opacity: 0;
		-transform: scale(2.3);
		-webkit-transform: scale(2.3);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
.navigation {
	top: 90px;
	left: 0;
	right: 0;
	-webkit-transform: translate(20px, 0);
	transform: translate(20px, 0);
	-webkit-transform: translate(0px, 0);
	transform: translate(0px, 0);
}
.navigation li {
	width: 100%;
	margin: 0;
}
.navigation li a {
	text-align: center;
	color: #fff !important;
	font-size: 24px;
}
.navigation li a:hover, .navigation li a.hover_effect {
	color: #ff4747 !important;
	background: #fff;
}
/* ==========================================================================
   Intro - Hero Image
   ========================================================================== */

.full-slide,
.full-slide > div,
.intro-screen {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	/* -webkit-transform: translateZ(0); */
	/* transform: translateZ(0); */
}

.intro-screen .expand-circle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
	padding: 0;
}

.intro-screen .expand-circle .inner {
	position: absolute;
	top: 105px;
	left: 170px;
	background-color: #ff4747;
	width: 0%;
	border-radius: 50%;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.intro-screen .expand-circle .inner:before {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.intro-screen.active .expand-circle .inner {
	width: 350%;
}

.intro-screen h2 {
	font-size: 7.1vw;
}

.full-slide {
	padding: 0 60px;
}
.full-slide > div {
	max-width: 1180px;
	table-layout: fixed;
	margin: 0 auto;
}
.intro-screen.half {
	height: 70%;
}
.between-screen {
	display: table;
	width: 100%;
	height: 70%;
	position: relative;
	background-size: cover !important;
}
.intro-screen {
	background: #261225;
	background-size: cover !important;
    /* background-attachment: fixed !important; Addition: Removing fixed from the project backgrounds increases quality. */ 
	background-color: #fff;
}

.intro-screen > div {
	position: relative;
	z-index: 50;
}

.is_touch .intro-screen,
.is_touch .between-screen {
	background-attachment: scroll !important;
}
.full-slide > div > div,
.intro-screen > div {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 40px;
	position: relative;
	z-index: 1;
}
.intro-screen.active {
	/* 	-webkit-animation-name: fadein;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-name: fadein;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; */
}
@-webkit-keyframes fadein {
	0% {
		-webkit-filter: blur(20px);
		filter: blur(20px)
	}
	100% {
		-webkit-filter: blur(0);
		filter: blur(0)
	}
}
@keyframes fadein {
	0% {
		-webkit-filter: blur(20px);
		filter: blur(20px)
	}
	100% {
		-webkit-filter: blur(0);
		filter: blur(0)
	}
}
.intro-screen.active h2 a {
	position: relative;
	display: inline-block;
	transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.intro-screen.active h2 a:before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	display: block;
	left: 0;
	right: 0;
	height: 0.07em;
	bottom: -1px;
	background: #ff4747;
	background-color: #fff;
	padding-top: 0;
	transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.intro-screen.active h2 a:hover{
	color: #fff;
}
.intro-screen.active h2 a:hover:before {
	height: 1.05em;
	bottom: -5px;
	left: -2px;
	right: -2px;
	background-color: #4bc4fb;
}

.intro-screen h2 span {
	font-family: inherit;
	text-decoration: none;
	font-size: inherit;
	font-style: normal;
	padding-top: 0;
}

.intro-screen.static  {
	/* -webkit-filter: blur(0); */
	filter: blur(0);
}


.intro-screen.static h2 a {
	position: relative;
	display: inline-block;
}
/* .intro-screen.static h2 a span {
	position: absolute;
	z-index: -1;
	display: block;
	left: 0;
	right: 0;
	height: 6px;
	bottom: 0;
	background: #ff4747;
	padding-top: 0;
} */

.intro-screen > div > a {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 30px;
}
.intro-screen.half > div > a {
	display: none;
}
/* ==========================================================================
   List Items
   ========================================================================== */

.list-item > a > div {
	position: relative;
	overflow: hidden;
	padding-bottom: 120%;
	max-height: 676px;
}
.list-item  > a > div > div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover !important;
	z-index: 2;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.list-item  > a > div {
	background-color: transparent;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}
.list-item  > a> div > span {
	position: absolute;
	bottom: 0;
	padding: 40px 50px;
	z-index: 3;
	color: #fff;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
	opacity: 0;
}
.list-item  > a > div:hover > div {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	opacity: .5;
	background-color: #000;
}
.list-item  > a > div:hover {
	background-color: #000;
}
.list-item  > a > div:hover > span {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
.list-item h4 {
	color: #ff4747;
	text-align: left;
	margin-bottom: 20px;
}
.list-item h3 {
	text-align: left;
	margin-bottom: 0;
}
.list-item h3 a span {
	position: absolute;
	z-index: -1;
	display: block;
	left: 0;
	right: 0;
	height: 4px;
	bottom: 0;
	background: #ff4747;
}
.list-item.text {
	height: auto;
}
.list-item.text h3 {
	text-align: center;
	padding: 60px 45px;
	border: 4px solid #ff4747;
}
.list-item.text a {
	color: #ff4747;
}
/* ==========================================================================
   List items for touch devices
   ========================================================================== */

.is_touch .list-item > a > div > div {
	-webkit-transition: none !important;
	transition: none !important;
	-webkit-transform: none !important;
	transform: none !important;
}
.is_touch .list-item > a > div > span {
	-webkit-transition: none !important;
	transition: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	background: rgba(20, 20, 20, 0.7);
}
.is_touch [data-sr] {
	visibility: visibility !important;
}
/* ==========================================================================
   Content
   ========================================================================== */

.lightgrey-bg {
	background: #f1f1f1;
}
.red-bg {
	background-color: #FD474B;
	color: #fff;
}
.white-bg {
	background: #fff;
}
.colored-bg {
	background: #ff4747;
}
.grey-bg {
	background: #505050;
	background: rgba(0, 0, 0, 0.5);
}
.colored-bg p,
.colored-bg h4 {
	color: #fff;
}
.content {
	padding-top: 60px;
}
.section {
	padding-top: 80px;
	padding-bottom: 60px;
	border-bottom: 1px solid #f1f1f1;
}

.section .history-item .about__box {
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
  background-position:center center;
}

/* Addition: Images that are meant to cat off by the screen would be shrunk due to their parent. This is only for the West hampthread Square page. */
.edge-image, .edge-image div {
	margin: 0;
	padding: 0;
}

.red-about-inner {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}

.full-bg-img {
	height: 600px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	clear: both;
}

.trans-bg-white-text {
	background-image: url(/resources/images/about-bg.jpg);
	position: relative;
}

.trans-bg-white-text:after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(255, 71, 71, 0.75);
	top: 0;
	left: 0;
	z-index: 0;
	position: absolute;
}

.trans-bg-white-text {
	padding-top: 100px;
	padding-bottom: 80px;
}

.trans-bg-white-text > div {
	position: relative;
	z-index: 1;
	color: #fff;
}
.trans-bg-white-text h5 {
	font-size: 35px;
	line-height: 1.2em;
	text-align: center;
	font-family: 'gt_walsheimlight';
}

/* ==========================================================================
   Partners
   ========================================================================== */

.partners img {
	width: 100%;
}
.partners > div {
	border-left: 2px solid #eee;
	margin-bottom: 0;
}
.partners > div:nth-child(1),
.partners > div:nth-child(5),
.partners > div:nth-child(9),
.partners > div:nth-child(13),
.partners > div:nth-child(17),
.partners > div:nth-child(21),
.partners > div:nth-child(25),
.partners > div:nth-child(29),
.partners > div:nth-child(33)

 {
	border-left: 2px solid transparent;
}
.project-partners {
	border-top: 1px solid #fb7777;
	padding: 50px 0;
}
.project-partners p {
	display: inline-block;
}
.project-partners img {
	max-width: 120px;
	display: inline-block;
	vertical-align: middle;
}
.project-partners .col-xs-12 {
	margin: 0;
}
/* ==========================================================================
   Same Height
   ========================================================================== */

.same-height {
	table-layout: fixed;
}
.same-height > div {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	text-align: center;
	float: none;
	position: relative;
}
.same-height.lg > div > div {
	padding: 100px 60px;
}
.same-height.lg > div > div {
	background-size: cover !important;
}
.same-height.lg > div > div h4:nth-child(2) {
	color: #fff;
}
.same-height.lg > div > div.colored {
	background: #ff4747;
}
.same-height.lg > div > div.colored h4 {
	color: #fff;
}
.image-wrap > div {
	position: absolute;
	top: 0;
	right: 15px;
	left: 15px;
	bottom: 0;
	background-size: cover !important;
}
.same-height > .white-bg > div {
	padding: 45px 30px;
}
.same-height h4:first-child {
	margin-bottom: 60px;
}
.same-height h4 {
	margin-bottom: 0;
}
.same-height > .white-bg > div {
	background: #fff;
}
/* ==========================================================================
   Contact Map
   ========================================================================== */

#google-map {
	height: 470px;
}
.directions {
	background: #ff4747;
	color: #fff !important;
	font-size: 26px;
	padding: 7px 20px;
	position: absolute;
	z-index: 10;
	bottom: 50px;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
/* ==========================================================================
   History Group
   ========================================================================== */

.history h4 {
	margin-bottom: 25px;
}
.history p {
	font-size: 13px;
	text-align: center;
}
.history-item {
	position: relative;
	cursor: pointer;
}
.history-item span {
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	left: 15px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}
.history-item > div {
	height: 235px;
	position: relative;
	z-index: 2;
	padding: 50px 30px;
}
.history-item .simple {
	border: 2px solid #f1f1f1;
}
.history-item .simple h4 {
	color: #ff4747;
}
.history-item .colored {
	background: #ff4747;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.history-item .colored h4,
.history-item .colored p {
	color: #fff;
}
.history-item h4,
.history-item p {
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	line-height: 18px;
	font-family: 'gt_walsheimmedium';
}
.history-item:hover .colored {
	background: transparent;
}
.history-item:hover span {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
.history-item:hover h4,
.history-item:hover p {
	color: #fff;
}
.is_touch .history-item span {
/*
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
*/
}
is_touch .history-item:hover h4,
is_touch .history-item:hover p {
	color: #fff;
}
/* ==========================================================================
   Features
   ========================================================================== */

.features-item h4 {
	margin-bottom: 10px;
}
.feature-item h4 span {
	display: block;
	margin-top: 25px;
	font-size: 18px;
}
.feature-item p {
	text-align: center;
	font-size: 13px;
}
.feature-item {
	position: relative;
	cursor: pointer;
}
.feature-item > div {
	height: 180px;
	position: relative;
	z-index: 2;
	padding: 35px 25px;
}
/* ==========================================================================
   People
   ========================================================================== */

.no-intro .top-menu-toggle {
	background: transparent;
	border: 2px solid #ff4747;
}

.no-intro .top-menu-toggle {
	border-color: transparent;
}

.no-intro .top-menu-toggle:after {
	border-color: #ff4747;
}

.no-intro .top-menu-toggle span{
	background: #ff4747;
}



.people > div {
	margin-bottom: 90px;
}
.people h4 {
	text-align: left;
	margin-top: 40px;
	margin-bottom: 15px;
}
h4 span,
.people h4 span {
	display: block;
	color: #333;
}

.meet-card a {
	color: #ff4747; text-decoration: underline!important;
}

.cta-v2 .row > div {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	text-align: center;
	height: 100%;
	display: block;
}

.cta-v2 .row > div > div {
	height: 500px;
}


.cta-v2 h5 {
	color: #fff;
	font-size: 42px;
	line-height: 48px;
	margin: 0 0 50px 0;
}

.cta-v2 a, .cta-v2 span {
	font-size: 26px;
	line-height: 33px;
	color: #fff;
}

.cta-v2 a {
	text-decoration: underline !important;
	color: #fff;
}

.cta-v2 a:hover {
	text-decoration: none !important;
}

.find-us-bg {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/resources/images/work-together.jpg"); 
}

.valign-middle-table {
	display: table;
	height: 100%;
	width: 100%;
}

.valign-middle-cell {
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
}

/* ==========================================================================
   Case Study / Projects
   ========================================================================== */

.section.project-quote .quote{
	font-family: 'gt_walsheimlight', sans-serif;
}

.section.project-quote .name{
	font-family: 'Geom Slab_712 W01 Bold', sans-serif;
}

.section.project-quote .position{
	font-family: 'GeomSlab712W01-Medium', sans-serif;
}

.project-partners p {
	font-family: 'Geom Slab_712 W01 Bold', sans-serif;
	margin-right: 20px;
}

.feature-item h4 {
	margin-bottom: .5em;
}

.feature-item h4 span{
	color: #ff4747;
}

.section.project-overview h3{
	margin-bottom: 0;
}


/* ==========================================================================
   Sticky Images
   ========================================================================== */

.sticky-outer-wrap {
	width: 100%;
}
.sticky-container {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	height: 100%;
}
.sticky-screen-wrap {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 60px;
	width: 50%;
	width: 65%;
	display: block;
}
.sticky-screen-wrap.width60 {
	width: 60%;
}
.sticky-screen-wrap.right {
	right: 0;
}
.sticky-screen {
	padding: 0 40px;
}
#sticky-screen-2,
#sticky-screen-1 {
	display: block;
	position: absolute;
	width: 100%;
	top: 160px;


}
.sticky-slide-wrapper {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}
.sticky-slide {
	display: table-row;
	width: 100%;
	height: 50%;
	/* 100/Number of slides */
}
.sticky-slide > div {
	display: table-cell;
	vertical-align: middle;
	padding: 40px;
}
.mini-slider {
	padding-bottom: 30px;
}
.mini-slider .sticky-slide > div {
	padding-bottom: 0;
}

/* ==========================================================================
   Section - Project - Text Left - iMac Right
   ========================================================================== */
.section.text-left-imac-right {
	border-bottom: 2px solid #fff;
	background-color: #F0EEEF;
	text-align: left;
}

.section.text-left-imac-right h4 {
	text-align: left;
	margin-bottom: 30px;
}

.section.text-left-imac-right p {
	text-align: left;
}

.section.text-left-imac-right p:last-child {
	/* padding-bottom: 50%; */
}

.section.text-left-imac-right a {
	font-family: 'gt_walsheimmedium';
}




.section.text-right-imac-left {
	border-bottom: 2px solid #fff;
	background-color: #F0EEEF;
	text-align: left;
}

.section.text-right-imac-left h4 {
	text-align: left;
	margin-bottom: 30px;
}

.section.text-right-imac-left p {
	text-align: left;
}

.section.text-right-imac-left p:last-child {
	/* padding-bottom: 50%; */
}

.section.text-right-imac-left a {
	font-family: 'gt_walsheimmedium';
}



.iMac-screen {
	width: 100%;
	position: relative;
}

.iMac-screen:before {
	content: '';
	display: block;
	padding-bottom: 79.1%;
}

.iMac-screen .inner {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-image: url(/resources/images/monitor.png);
	-webkit-background-size: contain;
	background-size: contain;
}

.glass
{
	z-index: 200;
    width: 75.9%;
    height: 66.3%;
    position: absolute;
    top: 13.4%;
    left: 12.1%;
}

.iMac-screen .inner .slideshow {
	width: 75.9%;
	height: 60%;
	position: absolute;
	top: 13.4%;
	left: 12.1%;
}

.iMac-screen .inner .slideshow .cycle-slideshow {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.iMac-screen .inner .slideshow .cycle-slideshow .slide {
	height: 100%;
	width: 100%;
	-webkit-background-size: cover;
	background-size: cover;
}

.iMac-screen .inner .slideshow video {
	width: 100%;
}

.section.mobile-left-text-right, .section.mobile-right-text-left {
	background-color: #F0EEEF;
	border-bottom: 2px solid #fff;
}

.section.mobile-left-text-right h4 {
	text-align: left;
	margin-bottom: 30px;
}

.section.mobile-left-text-right p {
	text-align: left;
}

.section.mobile-left-text-right a {
	font-family: 'gt_walsheimmedium';
}

.section.mobile-left-text-right a:hover {
	text-decoration: underline !important;
	color: #FF4747;
}

.section.mobile-left-text-right .mobile-phones img:last-child {
	visibility: hidden;
}

.section.mobile-left-text-right .mobile-phones img:first-child {
	position: absolute;
	display: block;
	height: 100%;
	left: -60px;
	top: 0;
}

/* Addition: To align the mobile phone image to the right instead of left. On the Pancake Parlour page. */
.section.mobile-left-text-right .mobile-phones img.rightImg {
	left: auto;
	right: -60px;
}

.section.solution {
	background-color: #FF4747;
	color: #fff;
	border-bottom: 0;
}

.section.solution h6 {
	font-size: 30px;
	line-height: 36px;
	font-family: 'gt_walsheimlight';
}

/* Addition: Changing text colour of the Solution section on the Pancake Parlour page. */
.section.solution p {
	color: #fff;
}

.section.contact-map {
	padding-top: 40px;
}

.section.ipad-full {
	background-color: #FF4747;
	padding-bottom: 0;
}
.section.ipad-full .row > div {
	margin-bottom: 0;
}

.section.ipad-full .row > div > img {
	width: 100%;
}



/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
	background: #ff4747;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #f474747;
}
.copyright {
	text-align: right;
	color: #fff;
	margin-top: 20px;
}
.copyright a {
	margin-left: 30px;
	color: #fff !important;
}
.footer .col-xs-12 {
	margin-bottom: 0;
}
.social-icons li {
	display: inline-block;
	margin-right: 7px;
}
/* ==========================================================================
   Plugin Overrides
   ========================================================================== */

.loadie {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	background-color: #ff4848;
	width: 0;
	height: 4px;
	-webkit-transition: width 0.5s ease-out;
	transition: width 0.5s ease-out;
	display: block!important;
}
/* ==========================================================================
   Salvattore Data-Grid
   ========================================================================== */

#grid {
	overflow: hidden;
}
.column {
	float: left;
}
.size-1of1 {
	width: 100%;
}
.size-1of2 {
	width: 50%;
}
/* ==========================================================================
   bump up animation
   ========================================================================== */
.bump-up {
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);

	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bump-up.go {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.intlink a, 
.intlink a:hover{
	
	color:#ff4747;
	text-decoration: underline !important;
}

/* ==========================================================================
   Owl-carousel
   ========================================================================== */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.grabbing{cursor:url(grabbing.png) 8 8, move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}

.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:0.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#fff;border:2px solid #ff4747}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#ff4747}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}


#studio-slider .owl-controls {
  bottom: 10px;
  position: absolute;
  width: 100%;
}