@import url('https://fonts.googleapis.com/css?family=Work+Sans:300');
/*!
 * 
 * Copyright (c) 2017 Actualise Design Pty Ltd
 *
 * http://actualisedesign.com
 *
 */

@charset "utf-8";

/* ---------------------- GENERAL ---------------------- */
body {
	width:100%;	
	height:100%;
	margin:0 auto;
	padding:0;
	/*overflow-x: hidden;*/
}

html, body { 
    height:100%;
	min-width:990px;
}

a {
	text-decoration:none;
	border:none;
	color:#FFF;	
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;	
}

img {
	border:none;	
}

a img {
	border:none;	
}

.uppercase {
	text-transform:uppercase;
}

.no-text-transform {
	text-transform:none !important;	
}

.body-container {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	float:left;	
}


/* ---------------------- iPhone phone number colour fix ---------------------- */

a[href^=tel] {
	color: inherit;
	text-decoration: none;
}


/* ---------------------- TESTING ---------------------- */


/*.image-cropper {
    width: 600px;
    height: 600px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}*/


/* ---------------------- Instagram Button  ---------------------- */



/* ---------------------- FONTS ---------------------- */


/*@font-face {
    font-family: 'Helvetica_Black';
    src: url('/fonts/hlbl___-webfont.woff2') format('woff2'),
         url('/fonts/hlbl___-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica_Heavy';
    src: url('/fonts/hlh____-webfont.woff2') format('woff2'),
         url('/fonts/hlh____-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'Helvetica_Bold';
    src: url('/fonts/hlb____-webfont.woff2') format('woff2'),
         url('/fonts/hlb____-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'Helvetica_Medium';
    src: url('/fonts/hlm____-webfont.woff2') format('woff2'),
         url('/fonts/hlm____-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'Helvetica_Roman';
    src: url('/fonts/hlr____-webfont.woff2') format('woff2'),
         url('/fonts/hlr____-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica_Light';
    src: url('/fonts/hll____-webfont.woff2') format('woff2'),
         url('/fonts/hll____-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica_Thin';
    src: url('/fonts/hlt____-webfont.woff2') format('woff2'),
         url('/fonts/hlt____-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.test {
	font-family:'Helvetica_Thin', Arial, Helvetica, sans-serif;
	font-size:30px;
	background-color: #CCC;
}






/* ---------------------- Navigation ---------------------- */



/* ---------------------- Contact container ------------------ */
				
.contact-container {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	float:left;
}

	.contact-container > .inner {
		display:table;
		width:80%;
		height:100%;
		margin:0 10%;
		padding:255px 0 250px 0;
		float:left;
		border-bottom:1px solid #dddddd;
	}
		
		.contact-container > .inner > .col_1 {
			display:table-cell;
			width:24%;
			height:auto;
			margin:0;
			padding:0;
		}
	
		.contact-container > .inner > .col_2 {
			display:table-cell;
			width:18%;
			height:auto;
			margin:0;
			padding:0;
		}
		
		.contact-container > .inner > .col_3 {
			display:table-cell;
			width:20%;
			height:auto;
			margin:0;
			padding:0;
		}
		
		.contact-container > .inner > .col_4 {
			display:table-cell;
			width:18%;
			height:auto;
			margin:0;
			padding:0;
		}
	
		.contact-container > .inner > .col_spacer {
			display:table-cell;
			width:6.6666%;
			height:auto;
			margin:0;
			padding:0;
		}

			.contact-container > .inner h3 {
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:20px;
				color:#1c1c1c;
				margin:0 0 30px 0;
				padding:0;
				text-transform:lowercase;
			}

			.contact-container > .inner p {
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:18px;
				color:#9c9c9c;
				margin:0 0 30px 0;
				padding:0;
				line-height:1.7em;
			}
			
				.contact-container > .inner p > a {
					color:#9c9c9c;
				}



/* ---------------------- Footer ---------------------- */

.footer-logos {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0;
	padding:36px 0;
	/*padding:76px 0;*/
	float:left;
	text-align:center;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
}

.home_container .footer-logos {
	border-top:none;
	border-bottom:1px solid #2daae1;
}

	.footer-logos > .content {
		display:inline-block;
		width:100%;
		height:auto;
		margin:0 0%;
		padding:0;
		float:left;
	}
	
		.footer-logos > .content > a,
		.footer-logos > .content > img {
			display:inline-block;
			width:17%;
			height:auto;
			margin:0 0%;
			padding:0;
			float:left;
		}
		
			.footer-logos > .content > a > img {
				display:inline-block;
				width:100%;
				height:auto;
				margin:0;
				padding:0;
				float:left;
			}
		
		.footer-logos > .content .mba {
			margin-left:2.5%;
		}
		
		.footer-logos > .content .gulfwall {

		}
		
		.footer-logos > .content .obsequentia {
			margin:0 1.5% 0 2%;
		}
		
		.footer-logos > .content .water-project {
			margin:0 2%;
		}
		
		.footer-logos > .content .camp-quality {
			margin-right:5%;
		}
		
		

.footer-container {
	display:inline-block;
	width:90%;
	height:auto;
	margin:0 5%;
	padding:33px 0 29px 0;
	/*padding:53px 0 49px 0;*/
	float:left;
}

		.footer-container .social {
			display:inline-block;
			height:auto;
			width:auto;
			padding:0;	
			margin:0;
			float:left;
		}
		
			.footer-container .social > a {
				display:inline-block;
				height:auto;
				width:auto;
				padding:0;	
				margin:0 13px 0 0;
				float:left;
			}
			
			.footer-container .social > a:last-child {
				margin-right:0;
			}
			
				.footer-container .social > a > img {
					display:inline-block;
					height:auto;
					width:auto;
					padding:0;	
					margin:0;
					float:left;
				}


		.footer-container .actualise-link {
			display:inline-block;
			height:auto;
			width:auto;
			padding: 10px 10px;	
			margin:0;
			float:right;
			position:relative;
			right:-10px;
		}
		
			.footer-container .actualise-link > span {
				display:inline-block;
				margin: 0 14px 0 0;
				position: relative;
				top: -8px;
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size: 13px;
				color: #c1c1c1;
			}
			
			.footer-container .actualise-link > img {
				display:inline-block;
			}






/* ---------------------- Header ---------------------- */

.header-spacer {
	display:inline-block;
	width:100%;
	height:113px;
	margin:0 0 0 0;
	padding:0;
	float:left;
}

.header-container {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0;
	padding:0 0 22px 0;
	position:fixed;
	top:0;
	left:0;
	background:rgb(255, 255, 255);
	/*background:rgba(255, 255, 255, 0.95);*/
	z-index:10;
	/*background-color:#CCC;*/
	/*box-shadow:0 10px 54px -39px #000;*/
	/*border-bottom:1px solid #FFF;*/
	border-bottom:1px solid #f2f2f2;
	-webkit-transition: border ease-out 0.9s;
	-moz-transition: border ease-out 0.9s;
	-o-transition: border ease-out 0.9s;
	transition: border ease-out 0.9s;
}

	.header-container .row_1 {
		display:inline-block;
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		float:left;
		position:relative;
		z-index:10;
	}

		.header-container .logo {
			display:inline-block;
			width:auto;
			height:auto;
			margin:25px 0 0 5%;
			padding:0;
			float:left;
			-webkit-transition: margin ease-out 0.9s;
			-moz-transition: margin ease-out 0.9s;
			-o-transition: margin ease-out 0.9s;
			transition: margin ease-out 0.9s;

		}
		
/*		.home_container .header-container .logo {
			margin-top:69px;
		}*/
		
			.header-container .logo > img {
				display:inline-block;
				margin:0;
				/*margin:-14px 0 4px 0;*/ /*Christmas logo version*/
				padding:0;
				float:left;
				transform: translate3d(0px,0px,1px); /*Fix flicking browser bug on Menu open/close*/
				transform: translateZ(1px); 
			}
				
				
				
		.header-container nav {
			display:inline-block;
			width:auto;
			height:auto;
			margin:43px 5% 0 0;
			padding:0;
			float:right;
			-webkit-transition: margin ease-out 0.9s;
			-moz-transition: margin ease-out 0.9s;
			-o-transition: margin ease-out 0.9s;
			transition: margin ease-out 0.9s;
		}
		
			.header-container nav > a {
				display:inline-block;
				width:auto;
				height:auto;
				margin:0 0 0 60px;
				padding:0;
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:32px;
				color:#2daae1;
				text-transform:lowercase;
			}

			.header-container nav > a:first-child {
				margin-left:0;
			}
			
			
/* ---------------------- PRIMARY NAVIGATION ---------------------- */

#main-nav {
	margin:43px 5% 0 0;
	padding:0;
	width:auto;
	text-align: left;
	float:right;
}

#main-nav > li {
	display: inline-block;
	list-style: none;
	position:relative;
	height:36px;
	/*margin:0 0 0 30px;*/	
	margin:0 0 0 10px;
}

#main-nav > li:first-child  {
	margin-left:0;
}

#main-nav > li > a,
#main-nav > li > span {
	color: #2daae1;
	font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
	font-size:28px;
	margin:0;
	text-decoration: none;
	padding: 38px 20px;
	outline:0;
	text-transform:lowercase;
}

#main-nav > li > span {
	cursor: default;
}
	
	#main-nav > li a:hover {
		/*color:#f8b114;*/
	}
	
	#main-nav > li a:active {
		/*
		color:#373737;
		*/
	}

	#main-nav > li .yellow {
		color:#f8b114;
	}
	
		#main-nav > li .yellow:hover {
			color:#FFF;
			background-color:#f8b114;
		}
		
		
		
	/* Drop Down Nav */		
	#main-nav > li ul {
		display:none;
	}
		
	#main-nav > li:hover ul {
		display:block;
		position:absolute;	
		top:50px;
		left:0px;
		width:230px;
		height:auto;
		background: rgb(45, 170, 225);
		background: rgba(45, 170, 225, 0.95);
		/*background:#FFF;*/
		margin: 15px 0 0 0;
		padding: 7px 0 4px 0;
		border-left:1px solid #f2f2f2;
		border-right:1px solid #f2f2f2;
		border-bottom:1px solid #f2f2f2;
	}
	
		#main-nav > li:hover ul li {
			margin:0;
			padding:0 10px;
			height:auto;
			list-style: none;
			display:inline-block;
			width:calc(100% - 20px);
			/*float:left;*/
		}
	
			#main-nav > li:hover ul li a {
				color: #FFF;
				/*color: #2daae1;*/
				font-family:'Helvetica_Medium', Arial, Helvetica, sans-serif;
				font-size:18px;
				text-decoration: none;
				text-transform:lowercase;
				margin:0;
				padding:10px 10px;
				outline: 0;
				float:left;
				width:calc(100% - 20px);
			}
			
			#main-nav > li:hover ul li a:hover {
				/*color:#f8b114;*/
			}
	
			
			
				
					
					
/*		.header-container .menu-icon {
			display:inline-block;
			width:auto;
			height:auto;
			margin:45px 5% 0 0;
			padding:30px;
			float:right;
			cursor:pointer;
			-webkit-transition: margin ease-out 0.9s;
			-moz-transition: margin ease-out 0.9s;
			-o-transition: margin ease-out 0.9s;
			transition: margin ease-out 0.9s;
		}
		
		.home_container .header-container .menu-icon {
			margin-top:55px;
		}
		
			
			.header-container .menu-icon > img {
				display:inline-block;
				margin:0;
				padding:0;
				float:left;
			}		
					*/
				
/*	.header-container .row_2 {
		display:none;
		width:100%;
		height:600px;
		margin:0;
		padding:0;
		float:left;
		position:absolute;
		top:0;
		left:0;
	}
	
		.header-container .row_2 > .inner {
			display:table-cell;
			width:100%;
			height:auto;
			margin:0;
			padding:0;
			text-align:center;
			vertical-align:middle;
		}
			
			.header-container .row_2 > .inner > a {
				display:inline-block;
				width:auto;
				height:auto;
				margin:0 4%;
				padding:0;
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:48px;
				color:#2daae1;
				text-transform:lowercase;
			}
			*/

				
				
				
				
/* -------------------------------------------------------------------- ABOUT ------------------------------------------------------------------------------------------- */ 

/* ---------------------- About Header ---------------------- */
				
.about-header-container {
	/*display:inline-block;*/
	display:table;
	width:100%;
	height:auto;
	margin:0 0 0 0;
	/*padding:40px 0 0 0;*/
	padding:0 0 0 0;
	float:left;
}

	.about-header-container > h1 {
		display:inline-block;
		width:82%;
		height:auto;
		margin:0 9% 54px 9%;
		padding:0 0;
		float:left;
		font-family:'Helvetica_Thin', Arial, Helvetica, sans-serif;
		font-size:48px;
		color:#000;
		text-transform:lowercase;
	}
	
	.about-header-container > .main-block {
		/*display:inline-block;*/
		display:table-cell;
		width:100%;
		height:auto;
		margin:0;
		padding:60px 0 30px 0;
		/*float:left;*/
		background-color:#f5f6fa;
		position:relative;
		background-image:url(/images/home/hero_IMG_3936.jpg);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment:fixed;
		vertical-align:middle;
	}
	
		.about-header-container > .main-block > .inner {
			display:table;
			width:82%;
			height:auto;
			margin:0 5% 60px 5%;
			padding:60px 4% 30px 4%;
			float:left;
			background:rgb(255, 255, 255);
			background:rgba(255, 255, 255, 0.95);
		}
		
		.services-header-container > .main-block > .inner {
			margin-bottom:0;
		}


			.about-header-container > .main-block > .inner h1 {
				font-family: 'Helvetica_Thin', Arial, Helvetica, sans-serif;
				font-size:40px;
				color:#2daae1;
				margin:0 0 30px 0;
				line-height:1.2em;
				text-transform:lowercase;
				position:relative;
				z-index:3;
				width:55%;
			}
			
			.about-header-container > .main-block > .inner h2 {
				font-family:'Helvetica_Bold', Arial, Helvetica, sans-serif;
				font-size:24px;
				color:#2daae1;
				margin:0 0 70px 0;
				line-height:1.2em;
				text-transform:lowercase;
				position:relative;
				z-index:3;
				width:55%;
			}
			
			.about-header-container > .main-block > .inner p {
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:18px;
				/*color:#9c9c9c;*/
				/*color:#6d6d6d;*/
				color:#000;
				margin:0 0 30px 0;
				padding:0;
				line-height:1.7em;
				/*height: auto;
    			float: left;*/
			}
			
			.about-header-container > .main-block > .inner .table-right-border p:last-child {
				margin-bottom:60px;
			}
			
				.about-header-container > .main-block > .inner p a {
					color:#000;
					text-decoration:underline;
				}
				
				.about-header-container > .main-block > .inner p > img {
/*					display:inline-block;
					margin:0 30px 10px 0;
					padding:0;
					float:left;*/
				}
				
				.about-header-container > .main-block > .inner .img-full p > img {
					display:inline-block;
					width:100%;
					height:auto;
					margin:0 0 60px 0;
					padding:0;
					float:left;
				}
				
			.about-header-container > .main-block > .inner .table {
				display:table;
				width:100%;
				height:auto;
				margin:0;
				/*padding:60px 0 0 0;*/
				padding:0 0 0 0;
				float:left;
				/*border-top: 1px solid #d4d4d4;*/
				/*border-top: 1px solid #2daae1;*/
			}
			
			.about-header-container > .main-block > .inner .table-right-border {
				padding:60px 0 0 0;
				border-top: 1px solid #2daae1;
			}
			
				.about-header-container > .main-block > .inner .table > .col_1 {
					display:table-cell;
					/*width:20%;*/
					height:auto;
					margin:0;
					padding:0;
					vertical-align:top;
					text-align:left;
				}
				
					.about-header-container > .main-block > .inner .table > .col_1 > img {
						margin-bottom:30px;
					}
				
				.about-header-container > .main-block > .inner .table-left > .col_1,
				.about-header-container > .main-block > .inner .table-right > .col_1,
				.about-header-container > .main-block > .inner .table-right-border > .col_1 {
					/*width:20%;*/
					/*width:auto;*/
					width:10%;
				}
				
					.about-header-container > .main-block > .inner .table-left > .col_1 > img,
					.about-header-container > .main-block > .inner .table-right-border > .col_1 > img {
						/*display:inline-block;
						float:left;						
						width:100%;
						height:auto;
						margin:0;
						padding:0;*/
						display:inline-block;
						float:left;						
						/*width:auto;
						height:auto;*/
						margin:0 0 60px 0;
						padding:0;
					}
				
				.about-header-container > .main-block > .inner .table > .col_2 {
					display:table-cell;
					width:calc(100% - 30px);
					height:auto;
					margin:0;
					padding:0;
					vertical-align:top;
					text-align:left;
				}
				
				.about-header-container > .main-block > .inner .table-right-border > .col_2 {
					vertical-align:middle;
				}
				
				.about-header-container > .main-block > .inner .table-left > .col_2,
				.about-header-container > .main-block > .inner .table-right > .col_2 {
					width:calc(100% - 30px);
				}
				
				.about-header-container > .main-block > .inner .table > .col_spacer {
					display:table-cell;
					width:30px;
					height:auto;
					margin:0;
					padding:0;
				}
			

			
			.about-header-container > .main-block > .inner ul,
			.about-header-container > .main-block > .inner ol {
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:18px;
				/*color:#9c9c9c;*/
				color:#000;
				margin:0 0 30px 19px;
				padding:0;
				line-height:1.7em;
			}
			
				.about-header-container > .main-block > .inner ul li,
				.about-header-container > .main-block > .inner ol li {
					margin:0;
					
					padding:0;
				}
				.about-header-container > .main-block > .inner ol li {
					margin-bottom:30px;
				}
				
			.about-header-container > .main-block > .inner form .row {
				margin-bottom:30px;
			}	
			
				.about-header-container > .main-block > .inner form input {
					font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
					font-size:18px;
					/*color:#9c9c9c;*/
					/*color:#6d6d6d;*/
					color:#000;
					margin:0 0 0 0;
					padding:3px 10px;
					line-height:1.7em;
				}	
				
				.about-header-container > .main-block > .inner form .row_2 input {
					padding:0;
				}	
				
				.about-header-container > .main-block > .inner form textarea {
					font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
					font-size:18px;
					/*color:#9c9c9c;*/
					/*color:#6d6d6d;*/
					color:#000;
					margin:0 0 0 0;
					padding:3px 10px;
					line-height:1.7em;
				}	
			
				.about-header-container > .main-block > .inner form .row_1 > input {
					margin-right:20px;
				}	
				
				.about-header-container > .main-block > .inner form .message-div {
					display:none;
				}	
				
				.about-header-container > .main-block > .inner form .error {
					font-family:'Helvetica_Bold', Arial, Helvetica, sans-serif;
					font-size:18px;
					color:#de0000;
					margin:0 0 0 0;
					padding:3px 10px;
					line-height:1.7em;
				}	
				
				.about-header-container > .main-block > .inner form .row_4 input[type='submit'] {
					display: inline-block;
					width: 150px;
					margin: 0 0 30px 0;
					padding: 4px 10px;
					float: left;
					border: none;
					color: #FFF;
					background-color: #2daae1;
					font-family: 'Helvetica_Medium', Arial, Helvetica, sans-serif;
					font-size: 20px;
					cursor: pointer;
					text-transform:lowercase;
					
				}							
			
			
			
		.about-header-container > .main-block > .img-bg {
			position:absolute;
			bottom:0;
			right:0;
			z-index:2;
			width:51%;
			height:auto;
		}
	

				
				
/* ---------------------- About Header ---------------------- */
				
.about-items-container {
	display:inline-block;
	width:82%;
	height:auto;
	margin:0 9% 100px 9%;
	padding:0 0 20px 0;
	float:left;
	border-bottom: 1px solid #2daae1;
}

	.about-items-container > .item,
	.about-header-container > .main-block > .inner .item  {
		display:inline-block;
		width:100%;
		height:auto;
		margin:0 0 190px 0;
		padding:0;
		float:left;
	}
	
		.about-items-container > .item > .inner,
		.about-header-container > .main-block > .inner .item > .inner {
			display:table;
			width:100%;
			height:auto;
			margin:0;
			padding:0;
			float:left;
		}
		
			.about-items-container > .item > .inner > .col_1,
			.about-header-container > .main-block > .inner .item > .inner > .col_1 {
				display:table-cell;
				width:29%;
				height:auto;
				margin:0;
				padding:0;
				vertical-align:top;
				text-align:left;
				text-align:center;
			}
			
			.circular-image-landscape,
			.circular-image-portrait  {
			  position: relative;
			  width: 477px;
			  height: 477px;
			  overflow: hidden;
			  border-radius: 50%;
			  display:inline-block;
			}
			
				.circular-image-landscape > img {
					width: auto;
					height: 100%;
				}
			
				.circular-image-portrait > img {
					width: 100%;
					height: auto;
				}
			
			
				.about-items-container > .item > .inner > .col_1 > img,
				.about-header-container > .main-block > .inner .item > .inner > .col_1 > img {
					display:inline-block;
					width:100%;
					height:auto;
					margin:0 0 0 0;
					padding:0;
					float:left;
					border-radius: 50%;
				}
			
			.about-items-container > .item > .inner > .col_2,
			.about-header-container > .main-block > .inner .item > .inner > .col_2 {
				display:table-cell;
				width:62%;
				height:auto;
				margin:0;
				padding:0;
				vertical-align:middle;
				text-align:left;
			}
			
				.about-items-container > .item > .inner > .col_2 > h2,
				.about-header-container > .main-block > .inner .item > .inner > .col_2 > h2 {
					font-family:'Helvetica_Bold', Arial, Helvetica, sans-serif;
					font-size:24px;
					color:#2daae1;
					margin:0 0 30px 0;
					line-height:1.2em;
					text-transform:lowercase;
				}
				
				.about-items-container > .item > .inner > .col_2 > p,
				.about-header-container > .main-block > .inner .item > .inner > .col_2 > p {
					font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
					font-size:18px;
					color:#9c9c9c;
					margin:0 0 20px 0;
					padding:0;
					line-height:1.7em;
				}
				
					.about-items-container > .item > .inner > .col_2 > p > a,
					.about-header-container > .main-block > .inner .item > .inner > .col_2 > p > a {
						color:#9c9c9c;
						text-decoration:underline;
					}
			
			.about-items-container > .item > .inner > .col_spacer,
			.about-header-container > .main-block > .inner .item > .inner > .col_spacer {
				display:table-cell;
				width:9%;
				height:auto;
				margin:0;
				padding:0;
			}
			
			
				
				
				
/* -------------------------------------------------------------------- PROJECT DETAIL ------------------------------------------------------------------------------------------- */ 


/* ---------------------- Project Title and Image ---------------------- */
				
.project-hero-container {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 235px 0;
	padding:0 0;
	float:left;
	text-align:center;
	position:relative;
}	

	.project-hero-container > h1 {
		display:inline-block;
		width:100%;
		height:auto;
		margin:0;
		padding:27px 0;
		float:left;		
		font-family:'Helvetica_Thin', Arial, Helvetica, sans-serif;
		font-size:48px;
		color:#FFF;
		background:rgb(45, 170, 225);
		/*background:rgba(45, 170, 225, 0.95);*/
		text-transform:lowercase;		
		text-align:center;			
	}	
			
	.project-hero-container > img {
		display:inline-block;
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		float:left;
	}	


/* ---------------------- Project Information ---------------------- */

.project-information-container {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

	.project-information-container > .inner {
		display:inline-block;
		width:82%;
		height:auto;
		margin:0 9%;
		padding:0 0 190px 0;
		float:left;
		border-bottom: 1px solid #2daae1;
	}	
	
		.project-information-container > .inner > .table-row {
			display:table;
			width:100%;
			height:auto;
			margin:0 0 80px 0;
			padding:0;
			float:left;
		}	
		
			.project-information-container > .inner > .table-row > .col_1  {
				display:table-cell;
				width:30%;
				height:auto;
				margin:0;
				padding:0;
			}	

			.project-information-container > .inner > .table-row > .col_2  {
				display:table-cell;
				width:30%;
				height:auto;
				margin:0;
				padding:0;
			}	
			
			.project-information-container > .inner > .table-row > .col_3  {
				display:table-cell;
				width:30%;
				height:auto;
				margin:0;
				padding:0;
			}	
			
			.project-information-container > .inner > .table-row > .col_spacer  {
				display:table-cell;
				width:5%;
				height:auto;
				margin:0;
				padding:0;
			}	

				.project-information-container > .inner > .table-row h2  {
					font-family:'Helvetica_Bold', Arial, Helvetica, sans-serif;
					font-size:24px;
					color:#2daae1;
					margin:0 0 30px 0;
					line-height:1.2em;
					text-transform:lowercase;
				}	

				.project-information-container > .inner > .table-row p  {
					font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
					font-size:24px;
					color:#9c9c9c;
					margin:0 0 20px 0;
					line-height:1.2em;
				}	


		.project-information-container > .inner > .row {
			display:inline-block;
			width:100%;
			height:auto;
			margin:70px 0 0 0;
			padding:0;
			float:left;
		}	
	
			.project-information-container > .inner > .row > p {
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:24px;
				color:#9c9c9c;
				margin:0 0 20px 0;
				line-height:1.2em;
			}	


				
				
/* -------------------------------------------------------------------- PROJECTS ------------------------------------------------------------------------------------------- */ 


/* ---------------------- Introduction ---------------------- */
				
.projects-introduction-container {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:30px 0 0 0;
	float:left;
}

	.projects-introduction-container > .inner {
		display:table;
		width:82%;
		height:100%;
		margin:0 9%;
		padding:0 0 230px 0;
		float:left;
	}		
				
		.projects-introduction-container > .inner > .col_1 {
			display:table-cell;
			width:60%;
			height:auto;
			margin:0;
			padding:0;
		}	
		
			.projects-introduction-container > .inner > .col_1 > h1 {
				font-family:'Helvetica_Thin', Arial, Helvetica, sans-serif;
				font-size:50px;
				color:#000;
				text-transform:lowercase;
				margin:0 0 60px 0;
			}	
			
			.projects-introduction-container > .inner > .col_1 > p {
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:24px;
				color:#9c9c9c;
				margin:0 0 30px 0;
				line-height:1.2em;
			}		
				
				
		.projects-introduction-container > .inner > .col_2 {
			display:table-cell;
			width:30%;
			height:auto;
			margin:0;
			padding:0;
		}	
		
			.projects-introduction-container > .inner > .col_2 > h3 {
				font-family:'Helvetica_Bold', Arial, Helvetica, sans-serif;
				font-size:24px;
				color:#2daae1;
				margin:0 0 30px 0;
				line-height:1.2em;
				text-transform:lowercase;
			}	
			
			.projects-introduction-container > .inner > .col_2 > p {
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:24px;
				color:#9c9c9c;
				margin:0 0 20px 0;
				line-height:1.2em;
			}	
			
				.projects-introduction-container > .inner > .col_2 > p > a {		
					color:#9c9c9c;
					text-decoration:underline;
				}	
			
		
		.projects-introduction-container > .inner > .col_spacing {
			display:table-cell;
			width:10%;
			height:auto;
			margin:0;
			padding:0;
		}	
				
				
				
/* ---------------------- Project Summary Items ---------------------- */
				
.project-items-container {
	display:inline-block;
	/*width:82%;*/
	width:74%;
	height:auto;
	/*margin:0 9%;*/
	margin:0 13%;
	padding:120px 0 90px 0;
	float:left;
}

	.project-items-container > .item {
		display:table;
		width:100%;		
		height:auto;
		/*min-height:588px;*/
		min-height:388px;
		/*margin:0 32px 70px 0;*/
		margin:0 0 70px 0;
		padding:0;
		float:left;
		position:relative;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		float:left;
	}
	
		.project-items-container > .item > .col_1 {
			display:table-cell;
			width:600px;		
			height:100%;
			margin:0;
			padding:0;
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
		}
		
		.project-items-container > .item > .col_2 {
			display:table-cell;
			width:calc(100% - 600px);		
			height:100%;
			margin:0;
			padding:0;
			background-color:#2daae1;
		}
		
			.project-items-container > .item > .col_2 > .content {
				display:inline-block;
				width:90%;		
				height:auto;
				margin:0 5%;
				padding:0 0 33px 0;
				float:left;
			}
	
		
			.project-items-container > .item > .col_2 > .content > h2 {
				/*font-family:'Helvetica_Thin', Arial, Helvetica, sans-serif;*/
				/*font-family: 'Source Sans Pro', serif;*/
				font-family: 'Work Sans', Arial, Helvetica, sans-serif;
				font-weight:300;
				letter-spacing: -0.03em;
				font-size:40px;
				color:#FFF;
				/*text-transform:lowercase;*/
				text-align:left;
			}
			
			.project-items-container > .item > .col_2 > .content > p {
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:20px;
				color:#FFF;
				text-align:left;
				line-height:1.7em;
				margin:0;
				padding:0;
			}
			
			.project-items-container > .item > .col_2 > .content > ul {
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:20px;
				color:#FFF;
				text-align:left;
				line-height:1.5em;
				margin:0 0 0 19px;
				padding:0;
			}
			
				.project-items-container > .item > .col_2 > .content > ul > li {
					margin:0;
					padding:0;
				}	
	
	
/*		.project-items-container > .item > h2 {
			position:absolute;
			bottom:0;
			left:0;
			display:inline-block;
			margin:0;
			padding:20px 0;
			font-family:'Helvetica_Thin', Arial, Helvetica, sans-serif;
			font-size:50px;
			color:#000;
			text-transform:lowercase;
			text-align:center;
			background:rgb(45, 170, 225);
			background:rgba(45, 170, 225, 0.95);
			width:100%;
			height:auto;
			color:#FFF;
		}
	
	.project-items-container > .item:nth-child(even) {
		margin-right:0;
	}		*/
				
				
/* -------------------------------------------------------------------- HOME ------------------------------------------------------------------------------------------- */ 


/* ---------------------- Hero ---------------------- */
				
.hero-container {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	float:left;
}	

	.hero-slider {
		display:inline-block;
		width:100%;
		height:auto;
		margin:0 0 0 0;
		padding:0;
		float:left;
	}	

		.hero-container .frame {
			display:none;
			width:100%;
			height:700px;
			margin:0;
			padding:0;
			float:left;
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
		}	
		
		.hero-container .frame:first-child {
			display:inline-block;
		}	
	
			.hero-container .frame > .inner {
				display:table;
				width:100%;
				height:100%;
				margin:0 0%;
				padding:0;
				float:left;
			}	
				
				.hero-container .frame > .inner > .cell {
					display:table-cell;
					width:100%;
					height:100%;
					margin:0;
					padding:0;
					vertical-align:middle;
					text-align:left;
				}
				
					.hero-container .frame > .inner > .cell > .text {
						background: rgb(45, 170, 225);
						background: rgba(45, 170, 225, 0.95);
						width:auto;
						margin:0 0 0 0;
						padding:20px 5%;
						text-align:left;
						float:left;
						display:inline-block;
					}	
					
						.hero-container .frame > .inner > .cell > .text > .title {
							/*font-family: 'Helvetica_Thin', Arial, Helvetica, sans-serif;*/
							font-family: 'Work Sans', Arial, Helvetica, sans-serif;
							font-weight:300;
							letter-spacing: -0.03em;
							font-size: 40px;
							color: #FFF;
							/*text-transform: lowercase;*/
							width:auto;
							margin:0;
							padding:0;
							text-align:left;
							float:left;
							display:inline-block;
						}
						
						.hero-container .frame > .inner > .cell > .text .status {
							font-family: 'Helvetica_Roman', Arial, Helvetica, sans-serif;
							font-size: 20px;
						}	
			
		
	
/*		.hero-container > .inner > .row_1 {
			display:table-row;
			width:100%;
			height:auto;
			margin:0;
			padding:0;
			vertical-align:middle;
			text-align:center;
		}	
		
			.hero-container > .inner > .row_1 > .cell {
				display:table-cell;
				width:100%;
				height:100%;
				margin:0;
				padding:0;
				vertical-align:middle;
				text-align:center;
			}	
			
				.hero-container > .inner > .row_1 > .cell > .text-block {
					display:inline-block;
					width:690px;
					height:auto;
					margin:80px 0 0 0;
					padding:0;
					text-align:left;
				}	

					.hero-container > .inner > .row_1 > .cell > .text-block > h1 {
						font-family:'Helvetica_Thin', Arial, Helvetica, sans-serif;
						font-size:50px;
						color:#000;
						text-transform:lowercase;
						margin:0 0 20px 0;
					}	
					
					.hero-container > .inner > .row_1 > .cell > .text-block > p {
						font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
						font-size:24px;
						color:#9c9c9c;
						margin:0 0 20px 0;
						line-height:1.2em;
					}	
					
						.hero-container > .inner > .row_1 > .cell > .text-block > p > a {
							color:#2daae1;
						}	
					
			
		.hero-container > .inner > .row_2 {
			display:table-row;
			width:100%;
			height:auto;
			margin:0;
			padding:0;
			vertical-align:middle;
			text-align:center;
		}	
		
			.hero-container > .inner > .row_2 > img {
				display:inline-block;
				width:100%;
				height:auto;
				margin:0;
				padding:0;
				float:left;
			}		
					*/
			
/* ---------------------- Home Nav ---------------------- */
				
.home-nav-container {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:30px 0;
	float:left;
	text-align:center;
}	

	.home-nav-container > a {
		font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
		font-size:22px;
		color:#9c9c9c;
		margin-top:0;
		margin-bottom:0;
		margin-left:calc(5% - 30px);
		margin-right:calc(5% - 30px);
		padding:10px 30px;
		text-transform:lowercase;
	}	
	
		.home-nav-container > a:hover {
			/*color:#000;*/
			/*color:#2daae1;*/
		}	
			
			
			
/* ---------------------- Home Project feature ---------------------- */
				
.home-project-container {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 235px 0;
	padding:0 0;
	float:left;
	text-align:center;
	position:relative;
}	


	.home-project-container > a {
		font-family:'Helvetica_Thin', Arial, Helvetica, sans-serif;
		font-size:48px;
		color:#FFF;
		background:rgb(45, 170, 225);
		background:rgba(45, 170, 225, 0.95);
		text-transform:lowercase;
		width:50%;
		margin:0 0 0 0;
		padding:15px 0;
		position:absolute;
		top:100px;
		left:25%;
		text-align:center;		
	}	
			
	.home-project-container > img {
		display:inline-block;
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		float:left;
	}	
				
				
			
/* ---------------------- Home 3 Circles ------------------ */
				
.home-three-circles-container {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	float:left;
}

	.home-three-circles-container > .inner {
		display:table;
		width:80%;
		height:100%;
		margin:0 10%;
		padding:0 0 230px 0;
		float:left;
		border-bottom:1px solid #2daae1;
	}
	
		.home-three-circles-container > .inner > .col_1 {
			display:table-cell;
			width:24%;
			height:auto;
			margin:0;
			padding:0;
		}
		
		.home-three-circles-container > .inner > .col_2 {
			display:table-cell;
			width:24%;
			height:auto;
			margin:0;
			padding:0;
		}	
			
		.home-three-circles-container > .inner > .col_3 {
			display:table-cell;
			width:24%;
			height:auto;
			margin:0;
			padding:0;
		}
		.home-three-circles-container > .inner > .col_spacer {
			display:table-cell;
			width:14%;
			height:auto;
			margin:0;
			padding:0;
		}
			
			
			.home-three-circles-container > .inner img {
				display:inline-block;
				width:100%;
				height:auto;
				margin:0 0 70px 0;
				padding:0;
				float:left;
				border-radius: 50%;
			}
					
			.home-three-circles-container > .inner h3 {
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:20px;
				color:#1c1c1c;
				margin:0 0 30px 0;
				padding:0;
				text-transform:lowercase;
			}
			
			.home-three-circles-container > .inner p {
				font-family:'Helvetica_Roman', Arial, Helvetica, sans-serif;
				font-size:18px;
				color:#9c9c9c;
				margin:0 0 30px 0;
				padding:0;
				line-height:1.7em;
			}
			
				.home-three-circles-container > .inner p > a {
					text-transform:lowercase;
					color:#2daae1;
					padding:10px 10px;
					position:relative;
					left:-10px;
				}