/*

	   _  _    __      _   _______            ______
	 _| || |_ / _|    | | |___  / |          |___  /
	|_  __  _| |_ __ _| |_   / /| |__   __ _    / /
	 _| || |_|  _/ _` | __| / / | '_ \ / _` |  / /
	|_  __  _| || (_| | |_./ /  | |_) | (_| |./ /
	  |_||_| |_| \__,_|\__\_/   |_.__/ \__,_|\_/


	Concept:                12/20/2015
	Date:                   04/24/2016
	Version:                0.8
	Design:                 Denis Kollassa
	Development:            Denis Kollassa

*/


@charset "UTF-8";
@font-face {
	font-family: 'PostGrotesk';
	src: url("/fonts/gm/PostGrotesk-Light.woff") format("woff");
	font-style: normal;
  text-rendering: optimizeLegibility; }
@font-face {
	font-family: 'PostGrotesk';
	src: url("/fonts/gm/PostGrotesk-Bold.woff") format("woff");
	font-style: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility; }
@font-face {
	font-family: 'Brosco';
	src: url("/fonts/gm/PostGrotesk-Medium.woff") format("woff");
	font-style: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility; }

body {
	background: #fff;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.714em;
}

	body, button, input, select, textarea {
		color: #707070;
		font-family: sans-serif;
		font-size: 1em;
		line-height: 1.5;
		color: #000;
	}

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		font-family: 'PostGrotesk', Helvetica, sans-serif;
		letter-spacing: 0.025em;
		font-size: 100%;
		font-style: inherit;
		font-weight: inherit;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
		font-weight: 100;
	}

a:visited {
	color: #1d1d1d;
}

a {
	color: #1d1d1d;
}

.logo a {
	display: block;
	text-decoration: none;
	color: #1d1d1d;
	font-weight: bold;
	font-size: 1em;
}

.menu li {
	float: left;
	position: relative;

}

	.menu li:hover, .active, .current {
		xborder-bottom: 1px solid #222;
	}

		.menu > li > a {
			line-height: inherit !important;
		}

#header {
	padding-top: 20px;
	margin-top: 50px;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 16px;
	background: #fff;
	margin-top: 50px;
	position: absolute;
}

	#header .logo {
	  display: block;
	}

h2 {
	font-size: 1.250em;
	margin-bottom: 40px;
	font-weight: bold;
}

.top-bar {
	background-color: #fff;
}

	.top-bar, .top-bar ul {
		background-color: transparent;
	}

.sticky {
	position: fixed !important;
	top: 0;
	margin-top: 0px !important;
	border-bottom: 1px solid #ededed;
}

#container {
	padding-top: 160px;
	background: #fff;
}

section {
	padding-bottom: 150px;
}

#footer {
	padding-bottom: 25px;
}

	.content-box {
	  margin-bottom: 60px;
	}

	#team ul {
  	  list-style-position: inside;
	}

	#team span {
		padding-top: 15px;
		display: block;
		font-weight: 500;
		font-style: normal;
	}

	.teamphotos {
		font-style: italic;
		margin-bottom: 0;
	}

	.teamphotos img {
		width: 100%;
	}

	.teamphotos .columns {
		margin-bottom: 60px;
	}

	#portfolio .column {
		padding-bottom: 30px;
	}

	#hello {
		font-size: 1.250em;
		line-height: 1.5em;
		margin-bottom: 90px;
		margin-top: 60px;
		letter-spacing: 0px;
		letter-spacing: 0.025em;
	}

#footer {
	font-size: 0.857em;
	line-height: 1.5em;
	margin-bottom: 20px;
}

	#footer ol, #footer ul {
		list-style: none;
	}

	#content-box ul {
		list-style: inherit;
	}

		#footer ul li {
		  margin-bottom: 8px;
		}


.button {
	background-color: #000;
}

.button:hover, .button:focus {
    background-color: #4A4A4A;
}

.gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,f3f3f3+33,ffffff+100 */
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 33%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f3f3f3 0%,#f3f3f3 33%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f3f3f3 0%,#f3f3f3 33%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}



			#map {
				width: 100%;
				height: 250px;
				margin-top: 25px;
			}











			.navbar-toggle {
				width: 45px;
				xheight: 45px;
				margin-top: 17px;
				z-index: 20;
				cursor: pointer;
			}


						.navbar-toggle {
						  position: fixed;
						  top: 20px;
						  right: 20px;
						  width: 45px;
						  height: 45px;
						  z-index: 20;
						  cursor: pointer;
						}

						.bar1,
						.bar2,
						.bar3 {
						  width: 100%;
						  height: 8px;
						  margin-bottom: 5px;
						  background-color: #000;
						  transition: all 0.3s ease-in-out;
						}

						.navbar-on .bar1,
						.navbar-on .bar2,
						.navbar-on .bar3 { background-color: black; }

						.navbar-on .bar1 {
						  transform-origin: 10% 40%;
						  transform: rotate(45deg);
						}

						.navbar-on .bar3 {
						  transform-origin: 10% 40%;
						  transform: rotate(-45deg);
						}

						.navbar-on .bar2 { background-color: transparent; }


						.scroll-off {
							overflow: hidden;
						}

						.scroll-on {
							overflow: scroll;;
						}



/* Media Queries */

/* Small only */
@media screen and (max-width: 39.9375em) {
	img {
		margin-bottom: 15px;
	}


#header {
	margin-top: 105px;
}



	/* DOPPELT !! */
				nav, .navbar-toggle {
				  -webkit-touch-callout: none;
				  -webkit-user-select: none;
				  -khtml-user-select: none;
				  -moz-user-select: none;
				  -ms-user-select: none;
				  user-select: none;
				}

				nav {
				  position: fixed;
				  z-index: 10;
				  background-color: rgba(231,76,60, 0.95);
				  width: 100%;
				  height: 100%;
				  text-align: center;
				  display: table;
				  color: white;
			  	background-color: rgba(200,200,200, 0.95);
				}

				.nav-hide { display: none; }

				nav ul {
				  display: table-cell;
				  vertical-align: middle;
				  padding-left: 0 !important;
				}

				nav ul li { list-style: none; }

				nav ul li a {
				  font-size: 35pt;
				  color: inherit;
				  font-weight: bolder;
				  text-decoration: none;
				}




}


#hello {
    margin-top: 75px;
}



/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.menu li {
		xheight: 27px;
		xmargin-right: 18px;
}


.sticky {
	position: absolute !important;
	margin-top: 50px !important;
	border-bottom: 0 !important;
}


/* DOPPELT !! */
			nav, .navbar-toggle {
			  -webkit-touch-callout: none;
			  -webkit-user-select: none;
			  -khtml-user-select: none;
			  -moz-user-select: none;
			  -ms-user-select: none;
			  user-select: none;
			}

			nav {
			  position: fixed;
			  z-index: 10;
			  background-color: rgba(200,200,200, 0.95);
			  width: 100%;
			  height: 100%;
			  text-align: center;
			  display: table;
			  color: white;
			}

			.nav-hide { display: none; }

			nav ul {
			  display: table-cell;
			  vertical-align: middle;
			  padding-left: 0 !important;
			}

			nav ul li { list-style: none; }

			nav ul li a {
			  font-size: 35pt;
			  color: inherit;
			  font-weight: bolder;
			  text-decoration: none;
			}













}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}