@charset "UTF-8";
/* CSS Document */
/*------------------------------CSS Reset------------------------------*/
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	
	body {
		width:100%;
		line-height:1;
	}
	
	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section {
		display:block;
	}
	
	nav ul {
		list-style:none;
	}
	
	blockquote, q {
		quotes:none;
	}
	
		blockquote:before, blockquote:after,
		q:before, q:after {
		content:'';
		content:none;
	}
	
	a {
		margin:0;
		padding:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	
	ins {
		background-color:#ff9;
		color:#000;
		text-decoration:none;
	}
		mark {
		background-color:#ff9;
		color:#000;
		font-style:italic;
		font-weight:bold;
	}
	
	del {
		text-decoration: line-through;
	}
	
	abbr[title], dfn[title] {
		border-bottom:1px dotted;
		cursor:help;
	}
	
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	
	hr {
		display:block;
		height:1px;
		border:0;
		border-top:1px solid #cccccc;
		margin:1em 0;
		padding:0;
	}
	
	input, select {
		vertical-align:middle;
	}
	
	html {
		box-sizing: border-box;
	}
	
	*, *:before, *:after {
		box-sizing: inherit;
	}	




/*------------------------------Base------------------------------*/
	body {
		background-image:url("../images/concrete_seamless_Black.jpg");
		width:100%;
		height:100%;
	}
	
	a {
		text-decoration:underline; 
		color:rgba(200, 200, 47, 1);
		white-space:nowrap;
		-webkit-transition: color 0.5s;
		-moz-transition: color 0.5s;
		-o-transition: color 0.5s;
		transition:color 0.5s;
	}
	
	a:hover {
		color:rgba(218, 45, 7, 1);
	}
	
	h1, h2 {
		color:rgba(178, 173, 47, 0.5);
		text-shadow:-2px -2px 0px rgba(240, 200, 47, 1);
		text-transform:uppercase; 
		font-size:6em;
		line-height:1.4em;
		font-weight:400;
	}
	
	p, li {
		font-size:3em;
		line-height:1.9em;
	}
	
	ul {
		list-style-type:none;
		display:block; 
	}
	
	footer {
		padding:2.5% 10%;
	}
	
	#GMS-LP {
		font-size:10px; 
		font-family: 'Oswald', sans-serif;
		color:#ffffff;
	}
	
	.row:before,.row:after,.clearfix:before,.clearfix:after {
		content:'';display:table
	}
	
	.row:after {
		clear:both
	}
	
	.row {
		zoom:1
	}
	
	.row {
		width:100%;
	}
	
	.row .row{
		width:auto;
	}
	
	.page-wrapper {
		width:100%;
		background-color:rgba(255, 255, 255, 0.08);
		padding:5% 10% 0 10%;
	}
	
	.show-desktop{
		display:inline;
		visibility:visible;
	}	
	.show-mobile{
		display:none;
		visibility:hidden;	
	}
	
	
/*------------------------------Header------------------------------*/
	header {		
		display:block;
		padding:5% 0 0 0;
		overflow:hidden;
	}
	
	.logo img {
		display:block; 
		width:100%;
		margin:0 auto 1% auto;
		padding:0 28%;
 		-webkit-animation: driveIn 2s;
		-moz-animation: driveIn 2s;
		-o-animation: driveIn 2s;
		animation: driveIn 2s;
	}

	
	.mobile_logo-wrapper {
		display:block;
		position:relative;
		float:left;
		width:10%;
		min-height:1px;
		visibility:hidden;
	}
	
	.mobile_logo-wrapper img {
		display:block;
		position:absolute;
		max-height:80px;
		width:85%;
		max-width:113px;
		opacity:0;
		top:0;
		bottom:-8000%;
		left:0; 
		right:0;
		margin:auto;
		-webkit-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		-o-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}




/*------------------------------Navigation------------------------------*/
	nav {
		position:relative;
		width:100%;
		z-index:1;
	}
	
	nav.fixed {
		position:fixed;
		top:0;
		background-image:url("../images/concrete_seamless_Black.jpg");
	}
	
	nav.fixed .mobile_logo-wrapper {
		visibility:visible;
	}
	
	nav.fixed .mobile_logo-wrapper img {
		opacity:1;
	}
	
	nav .nav_wrapper {
		font-size:0;
		padding:1% 0;
		background-color:rgba(255, 255, 255, 0.2);
		-webkit-box-shadow: 0px  -2px 10px 0px rgba(0,0,0,1);
		-moz-box-shadow: 0px -2px 10px rgba(0,0,0,1);
		box-shadow: 0px -2px 10px rgba(0,0,0,1);
	}
	
	nav .nav_wrapper ul {
		display:block;
		width:90%;
		padding:0 10% 0 0;
		float:left;
	}
	
	nav .nav_wrapper li {
		display:inline-block;
		width:25%;
		padding:0 2.5%;
		font-size:10px;
	}

	nav li:nth-of-type(1) {
		padding:0 2.5% 0 0;
	}
	
	nav li:last-of-type {
		padding:0 0 0 2.5%;
	}
	
	nav li a {
		display:block;
		background-color:rgba(218, 45, 7, 0.8);
		text-decoration:none; 
		color:inherit;
		text-align:center;
		font-size:2.4em; 
		line-height:1.4em;
		font-weight:400;
		color:#ffffff;
		padding:0.5em 1em;
		text-shadow:1px 1px 1px rgba(0,0,0,0.5);
		border-radius:0.2em;
		border-top:1px rgba(198, 186, 30, 1) solid;
		border-left:1px rgba(198, 186, 30, 1) solid;
		border-bottom:1px rgba(198, 186, 30, 0.5) solid;
		border-right:1px rgba(198, 186, 30, 0.5) solid;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
		-moz-box-shadow:0px 0px 10px rgba(0,0,0,1);
		box-shadow:0px 0px 10px rgba(0,0,0,1);
		-webkit-animation: fadeIn 2.2s;
		-moz-animation: fadeIn 2.2s;
		-o-animation: fadeIn 2.2s;
		animation: fadeIn 2.2s;
		-webkit-transition: -webkit-box-shadow 0.75s, border 0.5s, text-shadow 0.5s;
		-moz-transition: -moz-box-shadow 0.75s, border 0.5s, text-shadow 0.5s;
		-o-transition: box-shadow 0.75s, border 0.5s, text-shadow 0.5s;
		transition: box-shadow 0.75s, border 0.5s, text-shadow 0.5s;
	}
	
	nav li a:hover {
		color:#ffffff;
		text-shadow:1px 1px 5px rgba(0,0,0,1);
		border:1px rgba(255, 90, 80, 1) solid;
		-webkit-box-shadow: 0px 0px 25px 0px rgba(198, 186, 30, 1);
		-moz-box-shadow:0px 0px 25px rgba(198, 186, 30, 1);
		box-shadow:0px 0px 25px rgba(198, 186, 30, 1);
	}




/*------------------------------Sections------------------------------*/
	section {
		display:block;
		padding:3% 0;
	}

	.section-column {
		display:block;
		float:left;
		width:33%;
		margin:5% 0 0 0;
		padding:0 1%;
		text-align: center;
	}
	
	.section-column-wrapper .section-column:nth-of-type(1) {
		border-right:1px rgba(198, 186, 30, 1) solid;
	}
	
	.section-column-wrapper .section-column:nth-of-type(3) {
		border-left:1px rgba(198, 186, 30, 1) solid;
	}
	
	
	
	
/*------------------------------Gallery------------------------------*/
	ul.gallery {
		text-align:center;
		font-size:0;
		padding:0 0 0 2.5%;
	}
	
	ul.gallery li {
		position:relative;
		display:inline-block; 
		width:22.5%;
		margin:2.5% 2.5% 0 0;
		padding:0 0 22.5% 0;
		overflow:hidden;
		border-top:2px rgba(198, 186, 30, 1) solid;
		border-left:2px rgba(198, 186, 30, 1) solid;
		border-bottom:2px rgba(198, 186, 30, 0.5) solid;
		border-right:2px rgba(198, 186, 30, 0.5) solid;		
		border-radius:2px;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
		-moz-box-shadow:0px 0px 10px rgba(0,0,0,1);
		box-shadow:0px 0px 10px rgba(0,0,0,1);
		-webkit-transition: -webkit-box-shadow 0.75s, border 0.5s;
		-moz-transition: -moz-box-shadow 0.75s, border 0.5s;
		-o-transition: box-shadow 0.75s, border 0.5s;
		transition: box-shadow 0.75s, border 0.5s;
	}
	
	ul.gallery li:hover {
		border-bottom:2px rgba(218, 45, 7, 0.8) solid;
		border-right:2px rgba(218, 45, 7, 0.8) solid;
		border-left:2px rgba(218, 45, 7, 0.8) solid;
		border-top:2px rgba(218, 45, 7, 0.8) solid;		
		-webkit-box-shadow: 0px 0px 25px 0px rgba(198, 186, 30, 1);
		-moz-box-shadow:0px 0px 25px rgba(198, 186, 30, 1);
		box-shadow:0px 0px 25px rgba(198, 186, 30, 1);
	}
	
	ul.gallery li img {
		display:block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		width:250%;
		 -webkit-backface-visibility: hidden;
   		backface-visibility: hidden;
		-webkit-transform-origin: 0% -50%;
		-moz-transform-origin: 0% -50%;
		-o-transform-origin: 0% -50%;
		transform-origin: 0% -50%;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-o-transform: scale(0.9); 
		transform: scale(0.9);
		-webkit-transition: -webkit-transform 0.5s;
		-moz-transition: -moz-transform 0.5s;
		-o-transition: -o-transform 0.5s;
		transition: transform 0.5s;
	}
	
	ul.gallery li:hover img {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1); 
		transform: scale(1);
	}
	
	
	
	
/*------------------------------Lightbox------------------------------*/
	.lightbox-selector {
		cursor:pointer;
	}
	
	.backdrop {
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background-color:rgba(0, 0, 0, 0.75);
		opacity: 0;
		z-index:50;
		display:block;
	}

	.box {
		cursor:pointer;
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		margin:auto;
		width:100%;
		height:100%;
		z-index:51;
		display:block;
		opacity:0;
	}

	.box img {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		margin:auto;
		padding:2.5%;
		max-width:100%;
		max-height:100%;
		z-index:1;
	}
	
	.box p {
		position:absolute;
		right:1em;
		bottom:1em;
		font-size:1.6em;
		z-index:2;
	}
	
	.backdrop.open, .box.open {
		visibility:visible;
		opacity:1;
	}
	
	.backdrop, .box {
		visibility:hidden;
		-webkit-transition: opacity 0.5s, visibility 0.5s;
		-moz-transition: opacity 0.5s, visibility 0.5s;
		-o-transition: opacity 0.5s, visibility 0.5s;
		transition: opacity 0.5s, visibility 0.5s;
	}

 		
		
		
/*------------------------------Map------------------------------*/
	.google_maps-wrapper {
		position: relative;
		z-index:0;
		padding-bottom: 40%;
		height: 0;
		overflow: hidden;
		border-top:2px rgba(198, 186, 30, 1) solid;
		border-left:2px rgba(198, 186, 30, 1) solid;
		border-bottom:2px rgba(198, 186, 30, 0.5) solid;
		border-right:2px rgba(198, 186, 30, 0.5) solid;		
		border-radius:2px;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
		-moz-box-shadow:0px 0px 10px rgba(0,0,0,1);
		box-shadow:0px 0px 10px rgba(0,0,0,1);
    	}
    	
	.google_maps-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
	
	

	
/*------------------------------Contact------------------------------*/
	li.social {
		display:inline-block;
		margin:0 2.5% 0 0;
	}

	li.social a {
		display:block;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-o-transform: scale(0.9); 
		transform: scale(0.9);
		-webkit-transition: -webkit-transform 0.25s;
		-moz-transition: -moz-transform 0.25s;
		-o-transition: -o-transform 0.25s;
		transition: transform 0.25s;
	}
	
	li.social a:hover {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1); 
		transform: scale(1);
	}		
	
	
	
/*------------------------------Animations------------------------------*/
	@-webkit-keyframes fadeIn {
		0% {opacity:0;}
		50% {opacity:0;}
		100% {opacity:1;}
	}
	@-moz-keyframes fadeIn {
		0% {opacity:0;}
		50% {opacity:0;}
		100% {opacity:1;}
	}
	@-o-keyframes fadeIn {
		0% {opacity:0;}
		50% {opacity:0;}
		100% {opacity:1;}
	}
	@keyframes fadeIn {
		0% {opacity:0;}
		50% {opacity:0;}
		100% {opacity:1;}
	}

	@-webkit-keyframes driveIn {
		0% {-webkit-transform: translate(50%, 0) skewX(-50deg) scaleX(1.2);}
		60% {-webkit-transform: translate(-20%, 0) skewX(5deg) scaleX(1);}
		67% {-webkit-transform: translate(-20%, 0) skewX(5deg) scaleX(1);}
		100% {-webkit-transform: translate(0, 0) skewX(0) scaleX(1);}
	}
	
	@-moz-keyframes driveIn {
		0% {-moz-transform: translate(50%, 0) skewX(-50deg) scaleX(1.2);}
		60% {-moz-transform: translate(-20%, 0) skewX(5deg) scaleX(1);}
		67% {-moz-transform: translate(-20%, 0) skewX(5deg) scaleX(1);}
		100% {-moz-transform: translate(0, 0) skewX(0) scaleX(1);}
	}	
	
	@-o-keyframes driveIn {
		0% {-o-transform: translate(50%, 0) skewX(-50deg) scaleX(1.2);}
		60% {-o-transform: translate(-20%, 0) skewX(5deg) scaleX(1);}
		67% {-o-transform: translate(-20%, 0) skewX(5deg) scaleX(1);}
		100% {-o-transform: translate(0, 0) skewX(0) scaleX(1);}
	}	
	
	@keyframes driveIn {
		0% {transform: translate(85%, 0) skewX(-50deg) scaleX(1.2);}
		60% {transform: translate(-20%, 0) skewX(5deg) scaleX(1);}
		67% {transform: translate(-20%, 0) skewX(5deg) scaleX(1);}
		100% {transform: translate(0, 0) skewX(0) scaleX(1);}
	}		
	
	
	
	
/*------------------------------Media Queries------------------------------*/
	@media screen and (max-width: 850px)
	{
		/*------------------------------Base------------------------------*/
		#GMS-LP {
			font-size:50%; 
		}
		
		.show-desktop{
			display:none;
			visibility:hidden;
		}	
		.show-mobile{
			display:inline;
			visibility:visible;
		}
		
		/*------------------------------Navigation------------------------------*/
		nav.fixed {
			position:relative;
		}
		
		nav .nav_wrapper li {
			width:100%;
			padding:1% 0;
		}
		
		nav li:nth-of-type(1) {
			padding:1% 0;
		}
	
		nav li:last-of-type {
			padding:1% 0;
		}
		
		
		
		/*------------------------------Map------------------------------*/
		.google_maps-wrapper {
			padding-bottom: 100%;
		}
		
		
		
		
		/*------------------------------Sections------------------------------*/
		.section-column {
			width:100%;
			padding:5% 1%;
			text-align: left;
		}
		
		.section-column-wrapper .section-column:nth-of-type(1) {
			border-right:none;
			border-bottom:1px rgba(198, 186, 30, 1) solid;
		}
	
		.section-column-wrapper .section-column:nth-of-type(3) {
			border-left:none;
			border-top:1px rgba(198, 186, 30, 1) solid;
		}
	
	}