@CHARSET "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700,300italic|Satisfy);

html,body,section,div,span,applet,object,iframe,header,footer,article,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,del,dfn,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	border-color: inherit;
	color: inherit;
	font-family: inherit;
	font-weight: inherit;
	font-variant: inherit;
	font-style: inherit;
	line-height: inherit;
	outline: 0;
	position: relative;
}

* {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

*:focus {
	outline: 0;
}

img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

html,body {
	height: 100%;
	margin: 0;
}

body {
	font-family: 'Open Sans';
	font-size: 62.5%;
	font-weight: 300;
	line-height: 3em;
}

a {
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

a * {
}

h1,h2 {
	font-family: 'Satisfy';
}

h1 {
	font-size: 4em;
	margin: 1em 0;
}

h2 {
	font-size: 3em;
}

h3,h4,h5,h6 {
	font-size: 1.8em;
	font-weight: 700;
}

p {
	font-size: 1.8em;
	margin: 0.5em 0;
}

ol,ul {
	font-size: 1.8em;
	margin: 0.5em 1.5em;
}

ol *,ul * {
	font-size: inherit;
}

hr {
	border: none;
	height: 1px;
	margin: 1.5em 0;
}

sup,sub {
	font-size: 0.2em;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	_vertical-align: bottom;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

span {
	font-weight: inherit;
}

table {
	border-collapse: collapse;
	margin: 0.5em 0;
	width: 100%;
}

td,th {
	font-size: inherit;
}

td *,th * {
	font-size: inherit;
}

pre {
	font-family: monospace;
	font-size: 1.4em;
}

/* GRID ======================================================== */

/* Grouping */

.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* Column setup */
.col {
	display: block;
	float: left;
	margin: 1% 0.8%;
}
.centerCol {
	float: none;
	margin: 1% auto;
}

/* Grid of 12 */
.span_12_of_12 { width: 98.4%; }
.span_11_of_12 { width: 90.07%; }
.span_10_of_12 { width: 81.7%; }
.span_9_of_12  { width: 73.37%; }
.span_8_of_12  { width: 65.04%; }
.span_7_of_12  { width: 56.71%; }
.span_6_of_12  { width: 48.4%; }
.span_5_of_12  { width: 40.05%; }
.span_4_of_12  { width: 31.73%; }
.span_3_of_12  { width: 23.4%; }
.span_2_of_12  { width: 15.06%; }
.span_1_of_12  { width: 6.73%; }

.halfCol {
	margin: 0;
	width: 50%;
}

/* NAVIGATION ======================================================== */

/* main menu */
ul.menu {
	clear: both;
	display: inline-block;
	font-size: inherit;
	font-weight: inherit;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* top level */
ul.menu>li {
	display: inline-block;
	position: relative;
	z-index: 999;
}

ul.menu>li>a:after {
	content: ' | ';
}
ul.menu>li:last-child>a:after
{
  content: '';
}

ul.menu>li>a {
	display: block;
	font-size: inherit;
	position: relative;
}

* html ul.menu li a {
	/*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

ul.menu li a:hover,ul.menu li a.active {
	text-decoration: none;
}

/* 1st sublevel */
ul.menu li ul {
	display: block;
	list-style: inherit;
	position: absolute;
	text-align: left;
	visibility: hidden;
}

ul.menu li ul li {
	display: list-item;
	float: none;
	font-size: inherit;
}

/* all subsequent sublevels */
ul.menu li ul li ul {
	font-size: inherit;
	left: 100%;
	position: absolute;
	top: 0;
}

ul.menu li ul li a {
	display: block;
	font-size: inherit;
	min-width: 200px; /*width of sub menus*/
}

ul.menu li ul li a:hover,ul.menu li ul li a.active {
}

/* FORMS ======================================================== */
.siteform input,.siteform textarea {
	background-color: #13bcb9;
	border: none;
	color: #fff;
	font-family: inherit;
	font-size: inherit;
	padding: 0.5em;
	width: 100%;
}

.siteform input[type=submit] {
	background-color: #000;
	cursor: pointer;
}

.siteform input[type=submit]:hover {
	background-color: #13bcb9;
}

.optional {
	float: right;
	font-size: 0.8em;
	color: #E67F06;
}

::-webkit-input-placeholder { /* Chrome */
  color: #0b8987;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #0b8987;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #0b8987;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #0b8987;
  opacity: 1;
}

.message {
	border: 1px solid #E67F06;
	padding: 1em 2em;
}

/* MAP ======================================================== */

.map {
}

#map_canvas {
	width: 100%;
	height: 430px;
}

#map_canvas img {
	max-width: none;
	max-height: none;
}

/* USEFUL STYLES ======================================================== */

.animated {
	transition: all 0.5s ease;
}

/* COLORS ======================================================== */

.white {
	background-color: #fff;
	color: #000;
}

.black {
	background-color: #1e1e1e;
	color: #fff;
}
.hBlach h1, .hBlach h2 {
	color: #1e1e1e;
}

.red {
	background-color: #0cc;
	color: #fff;
}
.hRed h1, .hRed h2 {
	color: #0cc;
}

.green {
	background-color: #66a600;
	color: #fff;
}
.hGreen h1, .hGreen h2 {
	color: #66a600;
}

.orange {
	background-color: #e67f06;
	color: #fff;
}
.hOrange h1, .hOrange h2 {
	color: #e67f06;
}

.blue {
	background-color: #0f83dd;
	color: #fff;
}

/* BACKGROUNDS ======================================================== */

.beetle {
	background-image: url(../images/bg/beetle.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 60% auto;
}

.growth {
	background-image: url(../images/bg/growth.png);
	background-position: right 95%;
	background-repeat: no-repeat;
}

.butterfly {
	background-image: url(../images/bg/butterfly.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 5em;
}

/* WEBSITE ======================================================== */

header {
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

footer {
	background-color: #000;
	color: #666;
	font-size: 1.2em;
	height: 75px;
	margin: 0;
	padding: 3em 0 1em 0;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}

section {
	height: 100%;
	width: 100% !important;
	padding-bottom: 75px;
}

/*section:last-child {
	margin-bottom: 25%;
}*/

.halfCol {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fullCol {
	display: flex;
	justify-content: center;
}

.mainmenu {
	color: #fff;
	font-size: 1.8em;
	text-align: center;
	width: 50%;
}

.content {
	height: 80%;
	width: 80%;
	margin: 0 auto;
	overflow-y: auto;
	padding-right: 2em;
}

.pageTitle {
	border: 2px solid #fff;
	font-family: 'Satisfy';
	font-size: 6em;
	padding: 0.75em 1em;
}

.fullWidth {
	width: 100%;
}

section.singleItem {
	padding: 0;
}

/* SCROLLMAGIC ======================================================== */

#trigger {
	position: absolute;
	top: 5%;
}

#pin {
	color: #fff;
	position: absolute;
	width: 100%;
	z-index: 999;
}

#pin.onTop {
	top: 50%;
}

/* PORTFOLIO ======================================================== */

.projectContainer {
	background-color: #fff;
	position: fixed;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.expandProject {
	left: 0;
}

.thumbnails {
	text-align: center;
	margin: 3em auto;
	width: 80%;
}

.thumb {
	background-color: #000;
	display: inline-block;
	margin: 0 1em;
}

.thumbImg {
	background-size: cover;
	background-position: center;
	display: block;
	width: 125px;
	height: 125px;
}

.thumbImg:hover {
	opacity: 0.3;
}

.bigImage {
	text-align: center;
}

.closeProject {
	display: block;
	position: absolute;
	top: 0.5em;
	right: 1em;
	z-index: 999;
	cursor: pointer;
	text-decoration: none;
}

.closeProject .fa {
	border-radius: 50%;
	display: inline-block;
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 2em;
}

.closeProject:hover {
	text-decoration: none;
}

.closeProject:hover .fa {
	background-color: #000;
	color: #fff;
}

/* SLIDESHOW ========================================================== */

.bx-viewport, .bx-wrapper {
    position: relative;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
}

ul.bxslider {
	list-style: none;
	margin: 0;
	padding: 0
}

.bxslider, .bxslider li {
    height: 100% !important;
}

.bxslider li {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.bx-wrapper .bx-viewport {
    border: none !important;
}

.bx-controls {
	background-color: #f90;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	padding: 0 2em;
}

.bx-prev,.bx-next {
	position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 2em;
    height: 2em;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-prev {
	left: 0;
}

.bx-next {
	right: 0;
}

.bx-prev:after,.bx-next:after {
	font-family: "FontAwesome";
	font-size: 2em;
	display: block;
	text-indent: 0;
	position: absolute;
	top: 0;
	border: 1px solid #fff;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
}

.bx-prev:after {
	content: "\f053";
	left: 0;
}

.bx-next:after {
	content: "\f054";
	right: 0;
}