@import url('css/reset.css');
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');



body {
	background: #111 url(img/canvas_bg.jpg);
	color: #fff;
	font:14px/1.4 'Open Sans', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-align: justify;
}



#top { 
	position: absolute;
	top: 0;
}

p { padding: 0 0 8px;}
a { font-weight: 600; color: inherit;
	text-decoration: none;}

.text-center { text-align: center;}

header {
	background: #0a0a0a;
	position: fixed;
	width: 100%;
	z-index: 999;
	top:0;
}
.logo {
	position: absolute;
	background: #0a0a0a;
	padding: 15px 30px 10px;
	width: 150px;
	top:-5px;
}
nav {
	width: 100%;
	text-align: right;
}
	nav li { 
		display: inline;
		padding-left: 50px;
	}
	nav a {
		display: inline-block;
		text-decoration: none;
		font-size: 15px;
		text-transform: uppercase;
		font-weight: 700;
		color: #fff;
		line-height: 50px;
		height: 50px;
	}
	nav a:hover {
		color: rgb(250,158,37)
	}



.flexslider
{
   width: 100%;
   max-width: 1280px;   
   max-height:420px;
   height: auto;
   background: #222;
   margin: 50px auto 0;
   position: relative;
   z-index: 0;
}

.slides li
{
   position: relative;
   max-height: 421px;
   overflow: hidden;
   z-index: 0;
}

.slides .banner-text
{
   position: absolute;
   top: 40%;
   left: 50%;
   width: 600px;
   margin-top: -70px;
   margin-left: -300px;
   color: #FFF;
   text-align: center;
   z-index: 9;
   
}



section {
	padding: 90px 0 50px;
	position: relative;
}
section::after {
	position: absolute;
	content: '';
	pointer-events: none;
	left: 50%;
	width: 80px;
	height: 80px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	bottom: -40px;
	z-index: 99;
	background: inherit;
}


#about-us {
	background: #111 url(img/canvas_bg.jpg);
}

#about-us:after {
	display: none;
}
	.intro {
		font-size: 20px;
		margin-top: -40px;
		line-height: 1.2;
	}



#gallery {
	background: #111;
}
	#gallery a { padding: 10px 0;}
	#gallery img {width: 100%;}


#suppliers {
	
}
	.manufacturers { text-align: center; margin: 40px 0 0;}
	.manufacturers li {display: inline-block;}


#qmotion {
	text-align: left;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto; 
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.qmotion-video {
	margin-top: -30px;
}


footer {
	padding: 50px 0 25px;
	background: url(img/fabric.jpg);
}
	footer address {
		padding: 15px 0 30px;
	}
	address p { padding-left: 25px; padding-bottom: 25px;}
	address i {
		width: 25px;
		margin-left: -25px;
	}
	footer a {
		color: inherit;
		font-weight: 700;
		text-decoration: none;
	}
	footer a:hover {
		color: rgb(250,158,37)
	}
	footer .social {
		font-weight: normal;
	}
	
	#map-canvas {
		height: 300px;
	}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		nav { display: none;}
		header { text-align: center; position: relative;}
		.logo {
			position: relative;
			padding: 10px 0 0;
			width: 80px;
			top: -5px;
			margin: 0 auto;
		}
		.flexslider {
			margin: 0;
		}
		.intro { font-size: 17px;}
		
		.qmotion-video {margin-top: 20px;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}