/* Reset
------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight:normal; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }


/* Clearfix
------------------------------------------------------------- */

/* http://nicolasgallagher.com/micro-clearfix-hack/ 
   License: none (public domain)
*/
.clear:before, .clear:after { content: " "; display: table; }
.clear:after { clear: both; }





/* Fonts
------------------------------------------------------------- */

@font-face {
	font-family: 'TradeGothicBoldCondensedNo20';
	src: url('../fonts/TradeGothicLTBoldCondensedNo20.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TradeGothicCondensedNo18';
	src: url('../fonts/TradeGothicLTCondensedNo18.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}







/* Base
------------------------------------------------------------- */

html, body {
	height:100%;
	color: #EEEEEE;
	background-color: #000000;
}
body {
	position: absolute;
	width: 100%;
	top: 0px;
	font: 16px helvetica, arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, p {
	line-height: 1.2em;
}
a {
	color: #EEEEEE;
	text-decoration: none;
}





/* Sections
------------------------------------------------------------- */

.page-head {
}
	.masthead {
		position: relative;
		height: 600px;
		margin: 0 6% 0 6%;
		top: 120px;
	}
		.masthead .logo {
		}
			.masthead .logo img {
				width: 100%;
			}
		.masthead .contact {
			position: absolute;
			top: 0px;
			right: 0px;
			float: right;
			font-family: "TradeGothicCondensedNo18";
			font-size: 1.8em;
		}
			.masthead .social a {
				display: block;
				float: right;
				margin-top: 20px;
				height: 48px;
				width: 48px;
			}
			.masthead .social .facebook {
				background: url('../images/site/facebook-logo.png') 0 0 no-repeat;
			}
	.language-nav {
		position:absolute;
		top:50px;
		font-size: 1.2em;
		font-family: "TradeGothicCondensedNo18";
		color: #EEEEEE;
		text-align:left;
		margin-left:6%;
	}
	.language-nav a {
		font-size: Inherit;
		font-family: Inherit;
		color: #666666;
	}
	.language-nav a:hover {
		color: #EEEEEE;
	}






.page-main {	
}


.services {
	margin-bottom: 100px;
}
	.subsection-title {
		overflow: hidden;
		background-color: #000000;
	}
	.subsection-title h2 {
		font-family: "TradeGothicBoldCondensedNo20";
		font-size: 1.3em;
		font-weight: normal;
		padding: 20px;
		line-height: 1.2em;
	}
	.services .image img {
		width: 100%;
		display: block;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		
		opacity: 0.5;
		
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		
	}
	.services .image.highlighted img {
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		
		opacity: 1;
		
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		
	}
	
.capabilities {
	margin: 0 6% 0 6%;
	font-family: "TradeGothicBoldCondensedNo20";
	font-size: 2em;
}
	.capabilities p {
		color: #3B3A3C;
		display: inline-block;
	}
	.capabilities .services-list,
	.capabilities .venues-list {
		margin-bottom: 100px;
	}
	
	
.clients {
	margin: 0 6% 100px 6%;
	font-family: "TradeGothicBoldCondensedNo20";
	font-size: 2em;
}
	.clients .logo {
		opacity: 0.95;
	}
	

		



.page-foot {
}

	.footer {
		margin: 0 6% 0 6%;
		font-family: "TradeGothicBoldCondensedNo20";
		text-align: center;
	}
	.footer .closing {
		font-size: 3.5em;
		color: #383739;
		text-transform: uppercase;
	}
	.footer .copyright {
		color: #DDDDDD;
		margin: 50px 0 80px 0;
		font-size:1.2em;
	}






/* Grid
------------------------------------------------------------- */

.page {
	width: 100%;
	overflow: hidden;
}

.page-head,
.page-main,
.page-foot {
	margin: 0 auto;
}

img {
	display: inline-block;
	max-width: 100%;
}


/* -- Use this wrapper if you want to divide your columns -- */
.divide-bottom {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em; 
}

/* -- Use this wrapper if you want to block-out a column with padding 
Taken from http://csswizardry.com/2011/10/the-island-object/) -- */
.island {
	padding: 1.5em;
	background-color: #ececec; 
}
.island :last-child {
	margin-bottom: 0; 
}

/* -- Setup grids with base class -- */
.grid {
	margin-left: -40px; /* default gutter */
	clear: both; 
}

.grid-col {
	float: left;
	padding-left: 40px; /* default gutter */
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

ul.grid,
ol.grid {
	padding-left: 0;
	list-style: none; 
}

li.grid-col {
	margin-left: 0;
	margin-bottom: 0; 
}


/* Grid: Gutters
------------------------------------------------------------- */
.large-gutter { margin-left: -60px; }
.large-gutter .grid-col { padding-left: 60px; }
.half-gutter { margin-left: -20px; }
.half-gutter .grid-col { padding-left: 20px; }
.small-gutter { margin-left: -10px; }
.small-gutter .grid-col { padding-left: 10px; }
.no-gutter { margin-left: 0; }
.no-gutter .grid-col { padding-left: 0; }
.reset-gutter { margin-left: -40px; }
.reset-gutter .grid-col { padding-left: 40px; }


/* Grid: Default
------------------------------------------------------------- */
.col-1-1 , .col-set-1-1  .grid-col { width: 100%;    }	/* 1-12 col grid */
.col-1-2 , .col-set-1-2  .grid-col { width: 50%;     }
.col-1-3 , .col-set-1-3  .grid-col { width: 33.333%; }
.col-1-4 , .col-set-1-4  .grid-col { width: 25%;     }
.col-1-5 , .col-set-1-5  .grid-col { width: 20%;     }
.col-1-6 , .col-set-1-6  .grid-col { width: 16.667%; }
.col-1-7 , .col-set-1-7  .grid-col { width: 14.286%; }
.col-1-8 , .col-set-1-8  .grid-col { width: 12.5%;   }
.col-1-9 , .col-set-1-9  .grid-col { width: 11.111%; }
.col-1-10, .col-set-1-10 .grid-col { width: 10%;     }
.col-1-11, .col-set-1-11 .grid-col { width: 9.091%;  }
.col-1-12, .col-set-1-12 .grid-col { width: 8.333%;  }
.col-2-3   { width: 66.666%; }	/* 3 col grid */
.col-3-4   { width: 75%;     }	/* 4 col grid */
.col-4-5   { width: 80%;     }	/* 5 col grid */
.col-3-5   { width: 60%;     }
.col-2-5   { width: 40%;     }
.col-5-6   { width: 83.333%; }	/* 6 col grid */
.col-6-7   { width: 85.714%; }	/* 7 col grid */
.col-5-7   { width: 71.429%; }
.col-4-7   { width: 57.143%; }
.col-3-7   { width: 42.857%; }
.col-2-7   { width: 28.571%; }
.col-7-8   { width: 87.5%;   }	/* 8 col grid */
.col-5-8   { width: 62.5%;   }
.col-3-8   { width: 37.5%;   }
.col-8-9   { width: 88.889%; } 	/* 9 col grid */
.col-7-9   { width: 77.778%; }
.col-5-9   { width: 55.555%; }
.col-4-9   { width: 44.444%; }
.col-2-9   { width: 22.222%; }
.col-9-10  { width: 90%;     } 	/* 10 col grid */
.col-7-10  { width: 70%;     }
.col-5-10  { width: 50%;     }
.col-3-10  { width: 30%;     }
.col-10-11 { width: 90.909%; } 	/* 11 col grid */
.col-9-11  { width: 81.818%; }
.col-8-11  { width: 72.727%; }
.col-7-11  { width: 63.636%; }
.col-6-11  { width: 54.545%; }
.col-5-11  { width: 45.454%; }
.col-4-11  { width: 36.363%; }
.col-3-11  { width: 27.272%; }
.col-2-11  { width: 18.182%; }
.col-11-12 { width: 91.667%; } 	/* 12 col grid */
.col-7-12  { width: 58.333%; }
.col-5-12  { width: 41.667%; }


/* Grid: Breakpoint 4 (.bp4)
------------------------------------------------------------- */
@media only screen and (max-width: 1100px) {
	.bp4-col-1-1 , .bp4-col-set-1-1  .grid-col { width: 100%;    }
	.bp4-col-1-2 , .bp4-col-set-1-2  .grid-col { width: 50%;     }
	.bp4-col-1-3 , .bp4-col-set-1-3  .grid-col { width: 33.333%; }
	.bp4-col-1-4 , .bp4-col-set-1-4  .grid-col { width: 25%;     }
	.bp4-col-1-5 , .bp4-col-set-1-5  .grid-col { width: 20%;     }
	.bp4-col-1-6 , .bp4-col-set-1-6  .grid-col { width: 16.666%; }
	.bp4-col-1-7 , .bp4-col-set-1-7  .grid-col { width: 14.286%; }
	.bp4-col-1-8 , .bp4-col-set-1-8  .grid-col { width: 12.5%;   }
	.bp4-col-1-9 , .bp4-col-set-1-9  .grid-col { width: 11.111%; }
	.bp4-col-1-10, .bp4-col-set-1-10 .grid-col { width: 10%;     }
	.bp4-col-1-11, .bp4-col-set-1-11 .grid-col { width: 9.091%;  }
	.bp4-col-1-12, .bp4-col-set-1-12 .grid-col { width: 8.333%;  }
	.bp4-col-2-3   { width: 66.666%; }
	.bp4-col-3-4   { width: 75%;     }
	.bp4-col-4-5   { width: 80%;     }	/* 5 col grid */
	.bp4-col-3-5   { width: 60%;     }
	.bp4-col-2-5   { width: 40%;     }
	.bp4-col-5-6   { width: 83.333%; }	/* 6 col grid */
	.bp4-col-6-7   { width: 85.714%; }	/* 7 col grid */
	.bp4-col-5-7   { width: 71.429%; }
	.bp4-col-4-7   { width: 57.143%; }
	.bp4-col-3-7   { width: 42.857%; }
	.bp4-col-2-7   { width: 28.571%; }
	.bp4-col-7-8   { width: 87.5%;   }	/* 8 col grid */
	.bp4-col-5-8   { width: 62.5%;   }
	.bp4-col-3-8   { width: 37.5%;   }
	.bp4-col-8-9   { width: 88.889%; } 	/* 9 col grid */
	.bp4-col-7-9   { width: 77.778%; }
	.bp4-col-5-9   { width: 55.555%; }
	.bp4-col-4-9   { width: 44.444%; }
	.bp4-col-2-9   { width: 22.222%; }
	.bp4-col-9-10  { width: 90%;     } 	/* 10 col grid */
	.bp4-col-7-10  { width: 70%;     }
	.bp4-col-5-10  { width: 50%;     }
	.bp4-col-3-10  { width: 30%;     }
	.bp4-col-10-11 { width: 90.909%; } 	/* 11 col grid */
	.bp4-col-9-11  { width: 81.818%; }
	.bp4-col-8-11  { width: 72.727%; }
	.bp4-col-7-11  { width: 63.636%; }
	.bp4-col-6-11  { width: 54.545%; }
	.bp4-col-5-11  { width: 45.454%; }
	.bp4-col-4-11  { width: 36.363%; }
	.bp4-col-3-11  { width: 27.272%; }
	.bp4-col-2-11  { width: 18.182%; }
	.bp4-col-11-12 { width: 91.667%; } 	/* 12 col grid */
	.bp4-col-7-12  { width: 58.333%; }
	.bp4-col-5-12  { width: 41.667%; }
}


/* Grid: Breakpoint 3 (.bp3)
------------------------------------------------------------- */
@media only screen and (max-width: 900px) {
	.bp3-col-1-1 , .bp3-col-set-1-1  .grid-col { width: 100%;    }
	.bp3-col-1-2 , .bp3-col-set-1-2  .grid-col { width: 50%;     }
	.bp3-col-1-3 , .bp3-col-set-1-3  .grid-col { width: 33.333%; }
	.bp3-col-1-4 , .bp3-col-set-1-4  .grid-col { width: 25%;     }
	.bp3-col-1-5 , .bp3-col-set-1-5  .grid-col { width: 20%;     }
	.bp3-col-1-6 , .bp3-col-set-1-6  .grid-col { width: 16.666%; }
	.bp3-col-1-7 , .bp3-col-set-1-7  .grid-col { width: 14.286%; }
	.bp3-col-1-8 , .bp3-col-set-1-8  .grid-col { width: 12.5%;   }
	.bp3-col-1-9 , .bp3-col-set-1-9  .grid-col { width: 11.111%; }
	.bp3-col-1-10, .bp3-col-set-1-10 .grid-col { width: 10%;     }
	.bp3-col-1-11, .bp3-col-set-1-11 .grid-col { width: 9.091%;  }
	.bp3-col-1-12, .bp3-col-set-1-12 .grid-col { width: 8.333%;  }
	.bp3-col-2-3   { width: 66.666%; }
	.bp3-col-3-4   { width: 75%;     }
	.bp3-col-4-5   { width: 80%;     }	/* 5 col grid */
	.bp3-col-3-5   { width: 60%;     }
	.bp3-col-2-5   { width: 40%;     }
	.bp3-col-5-6   { width: 83.333%; }	/* 6 col grid */
	.bp3-col-6-7   { width: 85.714%; }	/* 7 col grid */
	.bp3-col-5-7   { width: 71.429%; }
	.bp3-col-4-7   { width: 57.143%; }
	.bp3-col-3-7   { width: 42.857%; }
	.bp3-col-2-7   { width: 28.571%; }
	.bp3-col-7-8   { width: 87.5%;   }	/* 8 col grid */
	.bp3-col-5-8   { width: 62.5%;   }
	.bp3-col-3-8   { width: 37.5%;   }
	.bp3-col-8-9   { width: 88.889%; } 	/* 9 col grid */
	.bp3-col-7-9   { width: 77.778%; }
	.bp3-col-5-9   { width: 55.555%; }
	.bp3-col-4-9   { width: 44.444%; }
	.bp3-col-2-9   { width: 22.222%; }
	.bp3-col-9-10  { width: 90%;     } 	/* 10 col grid */
	.bp3-col-7-10  { width: 70%;     }
	.bp3-col-5-10  { width: 50%;     }
	.bp3-col-3-10  { width: 30%;     }
	.bp3-col-10-11 { width: 90.909%; } 	/* 11 col grid */
	.bp3-col-9-11  { width: 81.818%; }
	.bp3-col-8-11  { width: 72.727%; }
	.bp3-col-7-11  { width: 63.636%; }
	.bp3-col-6-11  { width: 54.545%; }
	.bp3-col-5-11  { width: 45.454%; }
	.bp3-col-4-11  { width: 36.363%; }
	.bp3-col-3-11  { width: 27.272%; }
	.bp3-col-2-11  { width: 18.182%; }
	.bp3-col-11-12 { width: 91.667%; } 	/* 12 col grid */
	.bp3-col-7-12  { width: 58.333%; }
	.bp3-col-5-12  { width: 41.667%; }
}

/* Grid: Breakpoint 2 (.bp2)
------------------------------------------------------------- */
@media only screen and (max-width: 700px) {
	.bp2-col-1-1 , .bp2-col-set-1-1  .grid-col { width: 100%;    }
	.bp2-col-1-2 , .bp2-col-set-1-2  .grid-col { width: 50%;     }
	.bp2-col-1-3 , .bp2-col-set-1-3  .grid-col { width: 33.333%; }
	.bp2-col-1-4 , .bp2-col-set-1-4  .grid-col { width: 25%;     }
	.bp2-col-1-5 , .bp2-col-set-1-5  .grid-col { width: 20%;     }
	.bp2-col-1-6 , .bp2-col-set-1-6  .grid-col { width: 16.666%; }
	.bp2-col-1-7 , .bp2-col-set-1-7  .grid-col { width: 14.286%; }
	.bp2-col-1-8 , .bp2-col-set-1-8  .grid-col { width: 12.5%;   }
	.bp2-col-1-9 , .bp2-col-set-1-9  .grid-col { width: 11.111%; }
	.bp2-col-1-10, .bp2-col-set-1-10 .grid-col { width: 10%;     }
	.bp2-col-1-11, .bp2-col-set-1-11 .grid-col { width: 9.091%;  }
	.bp2-col-1-12, .bp2-col-set-1-12 .grid-col { width: 8.333%;  }
	.bp2-col-2-3   { width: 66.666%; }
	.bp2-col-3-4   { width: 75%;     }
	.bp2-col-4-5   { width: 80%;     }	/* 5 col grid */
	.bp2-col-3-5   { width: 60%;     }
	.bp2-col-2-5   { width: 40%;     }
	.bp2-col-5-6   { width: 83.333%; }	/* 6 col grid */
	.bp2-col-6-7   { width: 85.714%; }	/* 7 col grid */
	.bp2-col-5-7   { width: 71.429%; }
	.bp2-col-4-7   { width: 57.143%; }
	.bp2-col-3-7   { width: 42.857%; }
	.bp2-col-2-7   { width: 28.571%; }
	.bp2-col-7-8   { width: 87.5%;   }	/* 8 col grid */
	.bp2-col-5-8   { width: 62.5%;   }
	.bp2-col-3-8   { width: 37.5%;   }
	.bp2-col-8-9   { width: 88.889%; } 	/* 9 col grid */
	.bp2-col-7-9   { width: 77.778%; }
	.bp2-col-5-9   { width: 55.555%; }
	.bp2-col-4-9   { width: 44.444%; }
	.bp2-col-2-9   { width: 22.222%; }
	.bp2-col-9-10  { width: 90%;     } 	/* 10 col grid */
	.bp2-col-7-10  { width: 70%;     }
	.bp2-col-5-10  { width: 50%;     }
	.bp2-col-3-10  { width: 30%;     }
	.bp2-col-10-11 { width: 90.909%; } 	/* 11 col grid */
	.bp2-col-9-11  { width: 81.818%; }
	.bp2-col-8-11  { width: 72.727%; }
	.bp2-col-7-11  { width: 63.636%; }
	.bp2-col-6-11  { width: 54.545%; }
	.bp2-col-5-11  { width: 45.454%; }
	.bp2-col-4-11  { width: 36.363%; }
	.bp2-col-3-11  { width: 27.272%; }
	.bp2-col-2-11  { width: 18.182%; }
	.bp2-col-11-12 { width: 91.667%; } 	/* 12 col grid */
	.bp2-col-7-12  { width: 58.333%; }
	.bp2-col-5-12  { width: 41.667%; }
}


/* Grid: Breakpoint (.bp1)
------------------------------------------------------------- */
@media only screen and (max-width: 500px) {
	.bp1-col-1-1 , .bp1-col-set-1-1  .grid-col { width: 100%;    }
	.bp1-col-1-2 , .bp1-col-set-1-2  .grid-col { width: 50%;     }
	.bp1-col-1-3 , .bp1-col-set-1-3  .grid-col { width: 33.333%; }
	.bp1-col-1-4 , .bp1-col-set-1-4  .grid-col { width: 25%;     }
	.bp1-col-1-5 , .bp1-col-set-1-5  .grid-col { width: 20%;     }
	.bp1-col-1-6 , .bp1-col-set-1-6  .grid-col { width: 16.666%; }
	.bp1-col-1-7 , .bp1-col-set-1-7  .grid-col { width: 14.286%; }
	.bp1-col-1-8 , .bp1-col-set-1-8  .grid-col { width: 12.5%;   }
	.bp1-col-1-9 , .bp1-col-set-1-9  .grid-col { width: 11.111%; }
	.bp1-col-1-10, .bp1-col-set-1-10 .grid-col { width: 10%;     }
	.bp1-col-1-11, .bp1-col-set-1-11 .grid-col { width: 9.091%;  }
	.bp1-col-1-12, .bp1-col-set-1-12 .grid-col { width: 8.333%;  }
	.bp1-col-2-3   { width: 66.666%; }
	.bp1-col-3-4   { width: 75%;     }
	.bp1-col-4-5   { width: 80%;     }	/* 5 col grid */
	.bp1-col-3-5   { width: 60%;     }
	.bp1-col-2-5   { width: 40%;     }
	.bp1-col-5-6   { width: 83.333%; }	/* 6 col grid */
	.bp1-col-6-7   { width: 85.714%; }	/* 7 col grid */
	.bp1-col-5-7   { width: 71.429%; }
	.bp1-col-4-7   { width: 57.143%; }
	.bp1-col-3-7   { width: 42.857%; }
	.bp1-col-2-7   { width: 28.571%; }
	.bp1-col-7-8   { width: 87.5%;   }	/* 8 col grid */
	.bp1-col-5-8   { width: 62.5%;   }
	.bp1-col-3-8   { width: 37.5%;   }
	.bp1-col-8-9   { width: 88.889%; } 	/* 9 col grid */
	.bp1-col-7-9   { width: 77.778%; }
	.bp1-col-5-9   { width: 55.555%; }
	.bp1-col-4-9   { width: 44.444%; }
	.bp1-col-2-9   { width: 22.222%; }
	.bp1-col-9-10  { width: 90%;     } 	/* 10 col grid */
	.bp1-col-7-10  { width: 70%;     }
	.bp1-col-5-10  { width: 50%;     }
	.bp1-col-3-10  { width: 30%;     }
	.bp1-col-10-11 { width: 90.909%; } 	/* 11 col grid */
	.bp1-col-9-11  { width: 81.818%; }
	.bp1-col-8-11  { width: 72.727%; }
	.bp1-col-7-11  { width: 63.636%; }
	.bp1-col-6-11  { width: 54.545%; }
	.bp1-col-5-11  { width: 45.454%; }
	.bp1-col-4-11  { width: 36.363%; }
	.bp1-col-3-11  { width: 27.272%; }
	.bp1-col-2-11  { width: 18.182%; }
	.bp1-col-11-12 { width: 91.667%; } 	/* 12 col grid */
	.bp1-col-7-12  { width: 58.333%; }
	.bp1-col-5-12  { width: 41.667%; }
}



/* Display: Defaults
------------------------------------------------------------- */


/* Display: Breakpoint 4
------------------------------------------------------------- */
@media only screen and (max-width: 1100px) {
}

/* Display: Breakpoint 3
------------------------------------------------------------- */
@media only screen and (max-width: 900px) {
	
	.masthead .contact {
		position: auto;
		top: auto;
		right: auto;
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 75px;
	}
	.masthead .social a {
		display: inline-block;
		float: none;
	}
	.masthead .social li {
		text-align: center;
	}
}

/* Display: Breakpoint 2
------------------------------------------------------------- */
@media only screen and (max-width: 700px) {
	.masthead .contact {
		margin-top: 125px;
	}
}

/* Display: Breakpoint 1
------------------------------------------------------------- */
@media only screen and (max-width: 500px) {
}


