html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td,button{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}strong{font-weight: 700;}

/* Grid */
.row {
width: 100%;
max-width: 1200px;
min-width: 755px;
margin: 0 auto;
padding: 0;
}

body .row .np {
padding: 0;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
float: left;
min-height: 1px;
position: relative;
padding-left: 2em;
padding-right: 2em;
}

.onecol {
width:8.33333333333%;
}

.twocol {
width:16.6666666667%;
}

.threecol {
width:25%;
}

.fourcol {
width:33.3333333333%;
}

.fivecol {
width:41.6666666667%;
}

.sixcol {
width:50%;
}

.sevencol {
width:58.3333333333%;
}

.eightcol {
width:66.6666666667%;
}

.ninecol {
width:75%;
}

.tencol {
width:83.3333333333%;
}

.elevencol {
width:91.6666666667%;
}

.twelvecol {
width: 100%;
}

img, object, embed, svg {
max-width: 100%;
}

img {
height: auto;
}

img, svg {
	display: inline-block;
}

/* Mobile Grid */
@media handheld, only screen and (max-width: 48em) {

	.row, body {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: 100%;
	padding-left: 1em;
	padding-right: 1em;
	}

}

/* Layout for desktop */
*,*:after,*:before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

body { text-rendering: optimizelegibility; font-size: 100%; -webkit-text-size-adjust: none; background-color: #FFF; line-height: 1.2; }

html, body, select, input, textarea, button {font-family: "Arial", sans-serif; font-weight: 400; color: #444;}

::-moz-selection{background: rgba(0,0,0,0.1); text-shadow: none;}
::selection {background: rgba(0,0,0,0.1); text-shadow: none;}

::-webkit-input-placeholder {
	color:#A9A9A9;
}

:-moz-placeholder {
	color:#A9A9A9; 
}

::-moz-placeholder {
	color:#A9A9A9; 
}

:-ms-input-placeholder {  
	color:#A9A9A9; 
}

button {
	-webkit-appearance: none;
	appearance: none;
}

.button-outline {
	color: #000;
	border: 1px solid #009eb8 !important;
	padding: 10px 15px;
	transition: all ease-in-out .3s;
}
.button-outline:hover {
	background-color: rgba(0,158,184,0.38);
}

a, svg {
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

a:link {-webkit-tap-highlight-color: rgba(0,0,0,0.1);}

a {
	color: #444;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

a:hover {
	color: #444;
	border-bottom-color: #444;
	text-decoration: none;
}

p {
	font-size: 0.75em;
	padding: 0 0 1.25em;
}

p:last-child {
	padding-bottom: 0;
}

p.p-design {
	font-size: 1em;
	line-height: 1.5em;
}

.clear:before, .clear:after, .row:before, .row:after {
  content: "";
  display: table;
} 
.clear:after, .row:after {
  clear: both;
}
.clear, .row {
  zoom: 1;
}

a[href$="pdf"]:not(.keepline) {
	display: inline-block;
	margin-top: 1em;
	border-bottom: none;
}

a[href$="pdf"]:not(.keepline) span {
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	border-bottom: 1px solid transparent;
	display: inline-block;
	vertical-align: middle;
}

a[href$="pdf"]:not(.keepline):hover span {
	border-bottom-color: #000;
}

a[href$="pdf"]:not(.keepline) svg {
	width: 25px;
	margin-right: 0.5em;
	vertical-align: middle;
}

.pdt {
	padding-top: 6em;
}

.pdb {
	padding-bottom: 6em;
}

@media handheld, only screen and (max-width: 48em) {
	
	a[href$="pdf"]:last-of-type {
		margin-bottom: 1em;
	}
	
	.pdt {
		padding-top: 3em;
	}
	
	.pdb {
		padding-bottom: 3em;
	}
	
}

/* Header */
header {
	background-image: url('../images/header-bg.jpg');
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}

header .row > div {
	height: 600px;
	height: 50vw;
	display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
}

header .h-aus {
	background-color: #009eb8;
	padding: 1.5em;
	position: absolute;
	top: 0;
	right: 3.25em;
	color: #FFF;
	z-index: 4;
}

header .h-aus:before {
	content: '';
	background-color: #009eb8;
	left: -1.4em;
	width: 4em;
	top: -2em;
	bottom: 0.55em;
	z-index: 1;
	position: absolute;
	-webkit-transform: rotate(-25deg);
	transform: rotate(-25deg);
}

header .h-aus:after {
	content: '';
	background-color: #009eb8;
	right: -9999em;
	width: 9999em;
	top: 0;
	bottom: 0;
	z-index: 1;
	position: absolute;
}

header .h-aus a {
	position: relative;
	z-index: 8;
	color: #FFF;
}

header .h-aus a:hover {
	color: #FFF;
	border-bottom-color: #FFF;
}

header .h-info {
	background-color: #005563;
	padding: 1.5em;
	position: absolute;
	top: 4em;
	right: 0;
	color: #FFF;
}

header .h-info span {
	position: relative;
	display: inline-block;
	z-index: 6;
}

header .h-info:before {
	content: '';
	background-color: #005563;
	left: -1.65em;
	width: 4em;
	top: -2em;
	bottom: 0.55em;
	z-index: 1;
	position: absolute;
	-webkit-transform: rotate(-25deg);
	transform: rotate(-25deg);
}

header .h-info:after {
	content: '';
	background-color: #005563;
	right: -9999em;
	width: 9999em;
	top: 0;
	bottom: 0;
	z-index: 1;
	position: absolute;
}

header .h-info a {
	color: #FFF;
}

header .h-info a:hover {
	color: #FFF;
	border-bottom-color: #FFF;
}

header img {
	display: block;
	margin: 0 auto;
	position: fixed;
	left: 0;
	right: 0;
	top: 15em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 22;
}

header .h-credit {
	padding: 1.125em;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0.675em;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

@media handheld, only screen and (min-width: 62.5em) {
	
	header img {
		top: 25%;
		top: 25vw;
	}
	
}

@media handheld, only screen and (max-width: 48em) {
	
	header .row > div {
		height: 400px;
	}
	
	header img {
		max-width: 75%;
	}
	
	header .h-credit {
		width: 100%;
	}
	
}

/* Heading Block */
section {
	position: relative;
	z-index: 44;
	background-color: #F8F8F8;
	overflow: hidden;
}

.heading-block:before {
	content: '';
	background-color: #FFF;
	left: -3em;
	width: 11em;
	top: -1em;
	bottom: -50%;
	z-index: 1;
	position: absolute;
	-webkit-transform: rotate(-25deg);
	transform: rotate(-25deg);
	z-index: 14;
}

.heading-block h1 {
	font-size: 4em;
	font-size: 4vw;
	line-height: 1;
	z-index: 16;
	position: relative;
	margin: 1em 0;
	max-width: 50%;
}

@media handheld, only screen and (max-width: 48em) {
	
	.heading-block h1 {
		font-size: 2.25em;
		max-width: none;
	}
	
}

/* Gallery Block */
.gallery-block {
	background-color: #FFF;
}

.gallery-block ul {
	margin: 0 -0.75em;
}

.gallery-block ul li {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	padding: 0 0.75em;
}

.gallery-block ul li img {
	width: 100%;
}

.gallery-block ul li h3 {
	margin: 1.25em 0 0.375em;
	font-size: 1.125em;
}

@media handheld, only screen and (max-width: 48em) {
	
	.gallery-block ul {
		margin: 0;
	}
	
	.gallery-block li {
		width: 100%;
		padding: 2em 2em 0.5em 2em;
	
	}
	
}

/* Experience Block */
.exp-block {
	background-color: #e2e2e2;
}

.exp-block h2 {
	font-size: 1.875em;
}

@media handheld, only screen and (max-width: 48em) {
	
	.exp-block h2 {
		font-size: 1.125em;
	}
	
}

/* Visit Block */
.visit-block {
	color: #FFF;
	text-align: center;
	background-color: #009eb8;
}

.visit-block h2 {
	font-size: 2.5em;
	position: relative;
	display: inline-block;
}

.visit-block h2:before {
	width: 1px;
	top: -3.25em;
	bottom: -1.25em;
	-webkit-transform: rotate(-25deg);
	transform: rotate(-25deg);
	background-color: #FFF;
	content: '';
	position: absolute;
	left: -1.875em;
}

.visit-block a {
	color: #FFF;
}

.visit-block a:hover {
	color: #FFF;
	border-bottom-color: #FFF;
}

@media handheld, only screen and (max-width: 48em) {
	
	.visit-block h2 {
		font-size: 1.5em;
	}
	
}

/* Footer */
footer {
	background-color: #F8F8F8;
	padding: 2em 0;
	position: relative;
	z-index: 44;
}

footer p {
	font-size: 0.75em;
}