* { box-sizing:border-box; }
html, body {
	background:#FFFFF;
	margin:0;
	padding:0;
	font-family:'Maven Pro', sans-serif;
	font-size:13px;
	line-height:1.2;
	color:#60585A;
}
section {  padding-bottom:2.2em; }
h1, h2 { font-weight:500; text-transform:uppercase; margin:0; padding:0.5em 0; }
h1 { font-size:1.5em; background:#9AD1CC; padding:1.4em 0; margin-bottom:2.6em; }
h2 { font-size:1.2em; }
a { color:#60585A; text-decoration:none; }
ul { padding-left:0; list-style:none; }
ul > li { padding-left:3em; text-align:left; position:relative; margin-bottom:0.5em; }
ul > li:before { content:"•"; color:#B0D578; font-size:1.7em; line-height:0.6em; vertical-align:bottom; position:absolute; left:0em; }
.wrapper {
	max-width:930px;
	margin:0 auto;
	display:block;
	position:relative;
	padding:0 1em 1.7em 1em;
}
.right-wrapper { margin-left:40%; display:block; }
header:after { content:''; display:block; clear:both; }
header h1 {
	text-indent:-999999px;
	display:inline-block;
	width:220px;
	height:130px;
	background:transparent url('../imgs/logo-isimo.jpg') left top no-repeat scroll;
	margin-bottom:0;
	float:left;
	margin-top:0.5em;
}
header nav { float:right; margin-top:8.5em; }
header nav a { display:inline-block; margin-left:2em; text-transform:uppercase; }
header nav a:first-child { margin-left:0; }

#about h1 { background:transparent url('../imgs/banner-bar.jpg') center center no-repeat scroll; background-size:cover; }
#about a { color:#62B1AB; }
h1 .wrapper { padding-bottom: 0; }
form label { display:block; }
#the-team { padding-bottom:0em; }
#the-team li:before { content:none; }
#the-team ul > li { padding-left:0em; display:inline-block; width:30%; margin:0 1% 2em 0; vertical-align:top; }
#the-team ul > li > span { display:block; padding:0 0 0.4em 0; }
#the-team ul > li > span.name { font-weight:bold; }
#the-team ul > li > span.title { padding-left:0em; }

#contact-us form { width:40%; min-width:320px; overflow:hidden; max-height:400px;
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-o-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
}
#contact-us form.success { max-height:0px; }
#successMsg {
	max-height:0px;
	zoom:1;
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transition:all 0.6s ease-out 0.7s;
	-moz-transition:all 0.6s ease-out 0.7s;
	-o-transition:all 0.6s ease-out 0.7s;
	transition:all 0.6s ease-out 0.7s;
	padding-left: 1em;
	color: #1C9C1C;
	font-size: 1.2em;
}
#contact-us form.success + #successMsg {
	max-height:100px;
	zoom:1;
	filter:alpha(opacity=100);
	opacity:1;
}
#contact-us h2 {
	width:36%;
	background:#f4f4f4;
	background:-moz-linear-gradient(top,  #f4f4f4 0%, #e7e7e7 100%);
	background:-webkit-linear-gradient(top,  #f4f4f4 0%,#e7e7e7 100%);
	background:linear-gradient(to bottom,  #f4f4f4 0%,#e7e7e7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e7e7e7',GradientType=0 );
	border-bottom:1px solid #E2E2E2;
	display:block;
	width:100%;
	font-weight:bold;
	padding:0.3em 1em;
	margin-bottom:1em;
	font-size:0.9em;
	text-shadow:1px 1px #FFF;
	text-transform:capitalize;
}
#contact-us form > div { padding:0 1em; position:relative; }
#contact-us form label { color:#000; font-weight:bold; margin-bottom:0.2em;}
#contact-us form textarea,
#contact-us form input {
	width:100%;
	margin:0;
	border:1px solid #DEDEDE;
	padding:0.3em 0.5em 0.5em 0.5em;
	margin-bottom:1em;
	border-radius:4px;
	position:relative;
}
#contact-us form textarea { height:100px; }
#contact-us form input[type="submit"] {
	width:auto;
	background:#fffeff;
	background:-moz-linear-gradient(top,  #fffeff 0%, #e9e9e7 100%);
	background:-webkit-linear-gradient(top,  #fffeff 0%,#e9e9e7 100%);
	background:linear-gradient(to bottom,  #fffeff 0%,#e9e9e7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffeff', endColorstr='#e9e9e7',GradientType=0 );
	color:#000;
	text-shadow:1px 1px #FFF;
	margin-top:0.8em;
	padding-bottom:0.4em;
}
#contact-us form input[type="submit"].submitting { cursor:progress; }
#contact-us form input.error,
#contact-us form textarea.error { border-color:#F00; }
#contact-us form label.error {
	color:#F00;
	text-align:right;
	font-size:0.9em;
	font-weight:100;
	display:block;
	background:#FFF;
	padding:0 5px;
	line-height:11px;
	margin-top:-1em;
}
span.error { color:#F00; }
footer { background:#8A8A8C; color:#FFF; padding:1em 0; }
.maps {
	position: absolute;
	top: 0;
	right: 0;
	color: #FFF;
	padding-right: 1em;
}
.maps:before {
	content: '';
	background: rgba(0, 0, 0, 0) url('../imgs/icon-map.svg') center center no-repeat scroll;
	width: 32px;
	height: 40px;
	left: -41px;
	top: -7px;
	position: absolute;
}
@keyframes bounce {
	0%, 20%, 60%, 100% { -webkit-transform:translateY(0); transform:translateY(0); }
	40% { -webkit-transform:translateY(-10px); transform:translateY(-10px); }
	80% { -webkit-transform:translateY(-5px); transform:translateY(-5px); }
}
.maps:hover:before {
	animation: bounce 1s;
}
#cssload-pgloading {
	position: absolute;
	left: 140px;
	top: 13px;
	display:none;
}
#contact-us form input[type="submit"].submitting + #cssload-pgloading { display:block; }
#cssload-pgloading:after {
		content: "";
		z-index: -1;
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
}
#cssload-pgloading .cssload-loadingwrap {position:absolute;top: 0;bottom: 0;left: 0;right: 0;}
#cssload-pgloading .cssload-bokeh {
		font-size: 60px;
		width: 0.4em;
		height: 0.4em;
		position: relative;
		margin: 0 auto;
		list-style: none;
		padding:0;
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li {
		position: absolute;
		width: 0.1em;
		height: 0.1em;
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		padding-left: 0;
}
#cssload-pgloading .cssload-bokeh li:before { content:"•"; color:#9AD1CC; font-size:0.3em; left:0.4em; }

#cssload-pgloading .cssload-bokeh li:nth-child(1) {
		left: 50%;
		top: 0;
		margin: 0 0 0 -.1em;
		background: rgb(186,211,109);
		transform-origin: 50% 150%;
		-o-transform-origin: 50% 150%;
		-ms-transform-origin: 50% 150%;
		-webkit-transform-origin: 50% 150%;
		-moz-transform-origin: 50% 150%;
		animation:
				cssload-rota 1.3s linear infinite;
		-o-animation:
				cssload-rota 1.3s linear infinite;
		-ms-animation:
				cssload-rota 1.3s linear infinite;
		-webkit-animation:
				cssload-rota 1.3s linear infinite;
		-moz-animation:
				cssload-rota 1.3s linear infinite;
}

#cssload-pgloading .cssload-bokeh li:nth-child(2) {
		top: 50%;
		right: 0;
		margin: -.1em 0 0 0;
		background: rgb(186,211,109);
		transform-origin: -150% 50%;
		-o-transform-origin: -150% 50%;
		-ms-transform-origin: -150% 50%;
		-webkit-transform-origin: -150% 50%;
		-moz-transform-origin: -150% 50%;
		animation:
				cssload-rota 2.14s linear infinite;
		-o-animation:
				cssload-rota 2.14s linear infinite;
		-ms-animation:
				cssload-rota 2.14s linear infinite;
		-webkit-animation:
				cssload-rota 2.14s linear infinite;
		-moz-animation:
				cssload-rota 2.14s linear infinite;
}

#cssload-pgloading .cssload-bokeh li:nth-child(3) {
		left: 50%;
		bottom: 0;
		margin: 0 0 0 -.1em;
		background: rgb(253,210,67);
		transform-origin: 50% -150%;
		-o-transform-origin: 50% -150%;
		-ms-transform-origin: 50% -150%;
		-webkit-transform-origin: 50% -150%;
		-moz-transform-origin: 50% -150%;
		animation:
				cssload-rota 1.67s linear infinite;
		-o-animation:
				cssload-rota 1.67s linear infinite;
		-ms-animation:
				cssload-rota 1.67s linear infinite;
		-webkit-animation:
				cssload-rota 1.67s linear infinite;
		-moz-animation:
				cssload-rota 1.67s linear infinite;
}

#cssload-pgloading .cssload-bokeh li:nth-child(4) {
		top: 50%;
		left: 0;
		margin: -.1em 0 0 0;
		background: rgb(253,210,67);
		transform-origin: 150% 50%;
		-o-transform-origin: 150% 50%;
		-ms-transform-origin: 150% 50%;
		-webkit-transform-origin: 150% 50%;
		-moz-transform-origin: 150% 50%;
		animation:
				cssload-rota 1.98s linear infinite;
		-o-animation:
				cssload-rota 1.98s linear infinite;
		-ms-animation:
				cssload-rota 1.98s linear infinite;
		-webkit-animation:
				cssload-rota 1.98s linear infinite;
		-moz-animation:
				cssload-rota 1.98s linear infinite;
}

.address > a { color:#FFF; }

@keyframes cssload-rota {
		from { }
		to { transform: rotate(360deg); }
}

@-o-keyframes cssload-rota {
		from { }
		to { -o-transform: rotate(360deg); }
}

@-ms-keyframes cssload-rota {
		from { }
		to { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes cssload-rota {
		from { }
		to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes cssload-rota {
		from { }
		to { -moz-transform: rotate(360deg); }
}


@media only screen and (max-width:750px) {
	.right-wrapper { margin-left:20%; }
}
@media only screen and (max-width:535px) {
	header { padding-bottom:1em; }
	header nav { display:block; margin-top:1.45em; }
	header nav a { display:block; text-align:right; padding:0.6em 0; }
	.right-wrapper { margin-left:0%; }
	#contact-us form { width:100%; min-width:auto; }
}
@media only screen and (max-width:400px) {
	header h1 { float:none; display:block; }
	header nav a { display:inline-block; text-align:right; padding:0.6em 0; }
	#the-team ul > li { width:48%; }
}
@media only screen and (max-width:320px) {
	#the-team ul > li { width:100%; }
}