@font-face {
	  font-family: 'Roboto Thin';
	  src: url(http://themes.googleusercontent.com/static/fonts/roboto/v8/hNdh1kLam5Qu9t6-swGJgPesZW2xOQ-xsNqO47m55DA.eot);
	  src: local('Roboto Thin'), local('Roboto-Thin'), url(http://themes.googleusercontent.com/static/fonts/roboto/v8/hNdh1kLam5Qu9t6-swGJgPesZW2xOQ-xsNqO47m55DA.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/roboto/v8/idLYXfFa1c7oAPILDl4z0fesZW2xOQ-xsNqO47m55DA.woff) format('woff');
	}

	@font-face {
	  font-family: 'Roboto Light';
	  src: url(http://themes.googleusercontent.com/static/fonts/roboto/v8/Pru33qjShpZSmG3z6VYwnfY6323mHUZFJMgTvxaG2iE.eot);
	  src: local('Roboto Light'), local('Roboto-Light'), url(http://themes.googleusercontent.com/static/fonts/roboto/v8/Pru33qjShpZSmG3z6VYwnfY6323mHUZFJMgTvxaG2iE.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/roboto/v8/Pru33qjShpZSmG3z6VYwnT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
	}

	
	* {
		margin: 0;
		padding: 0;
	}

	html {
		height: 100%;
	}

	body {
		height:100%;
		width:100%;
		margin:0;padding:0;
		overflow:hidden;
	}

	#wrapper {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		overflow:hidden;
	}

	#mask {
		width:500%;
		height:100%;
	}

	.page {
		width:20%;
		height:100%;
		float:left;
		-webkit-box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
	}

	.clear {
		clear:both;
	}
	
	.next { 
		color: #cfd7c5;
		font-size: 20px;
		font-family: 'Roboto Thin', sans-serif;
		text-decoration: none;
		display: table-cell; vertical-align: middle;
	}
	
	.next2 { 
		color: #ffffff;
		font-size: 12px;
		font-family: 'Roboto Thin', sans-serif;
		text-decoration: none;
		display: table-cell; vertical-align: middle;
	}
	
	.next3 { 
		color: #ffffff;
		font-size: 20px;
		font-family: 'Roboto Thin', sans-serif;
		text-decoration: none;
		display: table-cell; vertical-align: middle;
	}
	
	.sector16 { 
		width: 16%;
		min-width: 160px;
		height: 57px;
		float: left;
		text-align: center;
		display: table;
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #636363;
	}
	
	.sector16_selected {
		background-color: rgba(0, 0, 0, 0.5);
		width: 16%;
		min-width: 160px;
		height: 57px;
		float: left;
		text-align: center;
		display: table;
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #636363;
	}
	
	.sector17 { 
		width: 16.8%;
		min-width: 160px;
		height: 57px;
		float: left;
		text-align: center;
		display: table;
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #636363;
	}
	
	.sector17_selected {
		background-color: rgba(0, 0, 0, 0.5);
		width: 16.8%;
		min-width: 160px;
		height: 57px;
		float: left;
		text-align: center;
		display: table;
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #636363;
	}

	.sector17_last {
		width: 17%;
		min-width: 160px;
		height: 57px;
		float: left;
		text-align: center;
		display: table;
	}
	
	.brandworks {
		color: #cfd7c5;
	}
	
	.info {
		height: 180px;
		margin-top: 5%;
		background: #000000;
		background-color: rgba(0, 0, 0, 0.65);
		-webkit-border-radius: 0px 20px 20px 0px;
		border-radius: 0px 20px 20px 0px;
		-webkit-box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.6);
		-moz-box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.6);
		box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.6);
	}
	
	.logo {
		width: 156px;
		margin-left: 31px;
		margin-top: 17px;
		float: left;
	}
	
	.line {
		width: 1px;
		height: 180px;
		margin-left: 23px;
		margin-right: 19px;
		float: left;
		background: #636363;
	}

	.slogan1 { 
		color: #ffffff;
		font-size: 52px;
		margin-top: 60px;
		margin-bottom: 0px;
		line-height: 0px;
		font-family: 'Roboto Light', sans-serif;
	}
	
	.slogan2 { 
		color: #ffffff;
		font-size: 52px;
		margin-top: 60px;
		margin-bottom: 0px;
		line-height: 0px;
		font-family: 'Roboto Thin', sans-serif;
	}
	
	.text-all { 
		color: #ffffff;
		font-size: 17px;
		font-family: 'Roboto Thin', sans-serif;
		line-height: 21px;
	}
	
	.footer { 
		height: 57px;
		background: #000000;
		background-color: rgba(0, 0, 0, 0.7);
	}
	
	.footer-shadow { 
		width: 100%;
		height: 57px;
		-webkit-box-shadow: 0px -10px 15px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px -10px 15px rgba(0, 0, 0, 0.2);
		box-shadow: 0px -10px 15px rgba(0, 0, 0, 0.2);
	}
	
	.text-all a {
		color: #ffffff !important;
		text-decoration: underline !important;
	}
	
	.tel { 
		font-size: 24px !important;
		font-family: 'Roboto Thin', sans-serif;
	}