/*             	
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* #Site Styles
================================================== */
html,body{
	height:100%;
}

body{
	background-color:#ffffff;
	overflow-x:hidden;
}

#slideshow{
	position:relative;
	right:0px;
	top:0px;
	z-index:99;
}

#slideshow img { display: none;
	width:100%;
	height:auto;
 }

#slideshow img.first, #barshow img.first { display: block;}

#heading{
	width:100%;
	height:596px;
/*	background:url(../images/heading-bg.jpg2) top right no-repeat #000000; */
	background:#000000;
	position:relative;
	overflow:hidden;
}

#heading .container{
	height:596px;
	position:relative;
	overflow:hidden;
	z-index:999;
}


#heading .logo{
	float:left;
	color:#c3c3c3;
	font-size:95px;
	line-height:85px;
	text-transform:uppercase;
	text-align:right;
	position:absolute;
	top:50%;
	margin-top:-100px;
}

#heading .logo span{
	display:block;
}

#mcheck{
	height:1px;
	display:none;
}

#menu{
	background:#a60000;
	z-index:9999;
}

#menu.fx{
	position:fixed;
	top:0px;
	width:100%;
	z-index:999;
	box-shadow:0px 0px 15px #000000;
}

#mobile-row.fx{
	position:fixed;
	top:56px;
	width:100%;
	z-index:999;
}


#menu .ilogo{
	float:left;
	margin:1px 0px 0px 0px ;
}

#menu ul{
	float:right;
	overflow:hidden;
	margin:30px 0px 0px 0px;
}

#menu ul li{
	float:left;
	margin:0px 0px 0px 15px;
	font-size:16px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:normal;
}

#menu ul li a{
	color:#ffffff;
	text-decoration:none;
	-o-transition:.3s;  -ms-transition:.3s;  -moz-transition:.3s;  -webkit-transition:.3s;  transition:.3s;
}

#menu ul li a:hover{
	opacity:0.5;
}

#menu #mobile-opener{
	display:none;
	float:right;
	margin:20px 5px 0px 0px;
	cursor:pointer;
}

#menu #mobile-opener img{
	width:40px;	
	cursor:pointer;
}

#mobile-row{ display:none; }

#mobile-row{ width:100%;	overflow:hidden;	background:#333333;	display:none;	z-index:9999;	}
#mobile-row .container ul{ margin:5px; 	}
#mobile-row .container ul li{	padding:3px 15px;	border-bottom:1px solid #4e4e4e;	color:#ffffff; font-size:18px;	line-height:22px; text-transform:uppercase; 	overflow:hidden; }
#mobile-row .container ul li.connecticons img{	float:right;	margin-left:15px;	margin-top:-24px; }
#mobile-row .container ul li:last-child{ border:none; }
#mobile-row .container ul li a{ color:#ffffff; font-size:18px; 	line-height:22px; 	text-transform:uppercase; 	text-decoration:none; 	width:100%; 	display:block; }

#bars .container{
	padding:80px 0px;
}

#bars h3{
	color:#464646;
	font-weight:normal;
	text-transform:uppercase;
	font-size:56px;
	line-height:70px;
	width:130px;
	text-align:center;
	margin:0 auto;
	margin-bottom:40px;
	border-bottom:3px solid #a60000;
}

#bars .barselect{
	float:left;
	margin:0px 0px 0px 100px;
	height:355px;
	background:url(../images/image-barselect-1.jpg) center center no-repeat;
	background-size:cover !important;
	border-radius:177px;
	overflow:hidden;
}

#bars .barselect.two{
	float:right !important;
	margin:0px 100px 0px 0px;
	position:relative;
	background:none;
/*	background:url(../images/image-barselect-sideA.jpg) center center no-repeat;*/
	border-radius:0px;
}

#bars .barselect.two .mask{
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:100px;
	background:url(../images/circlemask.png) center center no-repeat;
	background-size:100%;
	z-index:99;
}

#bars .barselect.two #barshow{
	position:absolute;
	left:0px;
	top:0px;
	z-index:9;
}

#barshow img { display: none;
	width:100%;
	height:auto;
}

.mobileshade{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index:15;
}

#bars .barselect.two .mask .shade{
	z-index:20;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:43px;
	line-height:355px;
	text-align:center;
	text-decoration:none;
}

#bars .barselect a span{ display:none;background-color:rgba(0,0,0,0.5); 	-o-transition:.3s;  -ms-transition:.3s;  -moz-transition:.3s;  -webkit-transition:.3s;  transition:.3s;  }
#bars .barselect a:hover span{ display:block;}

#bars .barselect.two a span{
	background-color:rgba(0,0,0,0.5);
 	-o-transition:.3s;  -ms-transition:.3s;  -moz-transition:.3s;  -webkit-transition:.3s;  transition:.3s;
	border-radius:177px;
  }




#bars .barselect.two.sideA{
	background:url(../images/image-barselect-sideA.jpg) center center no-repeat !important;
}

#bars .barselect.two.sideB{
	background:url(../images/image-barselect-sideB.jpg) center center no-repeat !important;
}




#bars .barselect a, #bars .barselect a span{
	display:block;
	width:100%;
	height:355px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:43px;
	line-height:355px;
	text-align:center;
	text-decoration:none;

}

#bars .barselect a span{ display:none;background-color:rgba(0,0,0,0.5); 	-o-transition:.3s;  -ms-transition:.3s;  -moz-transition:.3s;  -webkit-transition:.3s;  transition:.3s;
  }
#bars .barselect a:hover span{ display:block;}

#features{
	background:url(../images/features-bg.jpg) center center repeat-x #a60000;
	height:370px;
}

#features h3{
	color:#ffffff;
	font-weight:normal;
	text-transform:uppercase;
	font-size:56px;
	line-height:70px;
	width:600px;
	text-align:center;
	margin:0 auto;
	padding-top:150px;
	background:url(../images/image-bg-lineblack.png) bottom center no-repeat;
}

#featlist .container{
	padding:20px 0px;
}

#featlist .bigbar{
	float:left;
	margin:0px 40px 0px 100px;
	height:430px;
	background:url(../images/image-curvedledbar.jpg) center center no-repeat;
	background-size:cover !important;
	border-radius:215px;
	overflow:hidden;
}

#featlist .bigbar.two{
	float:left;
	margin:0px 100px 0px 0px;
	height:430px;
	background:url(../images/image-industrialportablebar-2.jpg) center center no-repeat;
	background-size:cover !important;
	border-radius:215px;
	overflow:hidden;
}


#featlist .bardesc{
	color:#464646;
	font-size:15px;
	font-family:arial;
	margin-top:100px;
}

#featlist .bardesc h4{
	text-transform:uppercase;
	color:#464646;
	font-size:34px;
	line-height:50px;
}

#featlist .bardesc p{
	padding:0px;
	margin:0px;
}

#featlist .lower{
	margin-top:-30px;
}

#featlist .lower .bardesc{
	margin-top:70px;
	width:420px;
}

#featlist .lower .two{
	float:right;
}

#featlist .lower .seven{
	float:right;
}


#featlist h3{
	color:#464646;
	font-weight:normal;
	text-transform:uppercase;
	font-size:56px;
	line-height:70px;
	width:500px;
	text-align:center;
	margin:0 auto;
	margin-bottom:20px;
	padding-top:150px;
	background:url(../images/image-bg-linered.png) bottom center no-repeat;
}

.switchline{text-align:center;padding:25px;padding-right:0px;padding-left:40px;}

.switchline a{
	display:inline-block;
	background:#a60000;
	padding:5px 20px;
	border-radius:5px;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;

	-o-transition:.3s;  -ms-transition:.3s;  -moz-transition:.3s;  -webkit-transition:.3s;  transition:.3s;
}

.switchline a.all{
	background:#606060;
	opacity:0;
}

.switchline a:hover{
	opacity:0.5;
}

.squarehold{
	padding-left:30px;
	padding-bottom:40px;
}

.squarehold .columns{
	width:261px !important;
	height:263px;
	margin-bottom:22px;
	opacity:1;

	-o-transition:.7s;  -ms-transition:.7s;  -moz-transition:.7s;  -webkit-transition:.7s;  transition:.7s;


}

.squarehold .columns img{
	width:100%;
	height:100%;
}

#featlist .forms{
	float:none !important;
	overflow:hidden;
	margin-top:40px;
}

#featlist .forms form{margin-left:215px !important;}


#featlist form input, #featlist form textarea{
	border:1px solid #6e8697;
	border-radius:5px;
	padding:15px 10px;
	margin:0px 0px 20px 0px;
	width:330px;
	-webkit-appearance: none !important;
}

#featlist form textarea{
	height:83px !important;
	width:310px;
	resize:none;
}

#featlist form input[type=submit]{
	background:#a60000;
	border:1px solid #a60000;
	color:#ffffff;
	cursor:pointer;
	font-size:15px;
	padding:13px 10px;
	-webkit-appearance: none !important;
	-o-transition:.3s;  -ms-transition:.3s;  -moz-transition:.3s;  -webkit-transition:.3s;  transition:.3s;
}

#featlist form input[type=submit]:hover{
	opacity:0.5;
}

#getintouch{
	background:#a60000;
}

#getintouch .container{
	padding:60px 0px;
}

#getintouch h3{
	color:#ffffff;
	font-weight:normal;
	text-transform:uppercase;
	font-size:56px;
	line-height:70px;
	padding-bottom:5px;
	width:100% !important;
	text-align:center;
	margin:0 auto;
	background:url(../images/image-bg-lineblack.png) bottom center no-repeat;
}

#getintouch p{
	color:#ffffff;
	padding:20px 0px 0px 0px;
	margin:0px;
	font-size:20px;
	text-align:center;
}

#getintouch a{color:#ffffff;text-decoration:none;}

#getintouch .socials{
	display:none;
	text-align:center;
	margin:20px 0px 10px 0px;
}

#getintouch .socials img{
	margin:0px 2px;
	background:#570000;
	-o-transition:.3s;  -ms-transition:.3s;  -moz-transition:.3s;  -webkit-transition:.3s;  transition:.3s;
}

#getintouch .socials a:hover img{
	background:#ffffff;
}


/* #Page Styles
================================================== */

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


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1200px) {
		#heading { background-size:100%; }
		#heading, #heading .container{ height:340px;}
		#heading .logo{font-size:70px;line-height:70px;margin-top:-60px;}

		#menu ul{margin:30px 10px 0px 0px;}

		#bars .barselect{width:300px;height:300px; 	margin:0px 0px 0px 70px; }
		#bars .barselect.two{margin:0px 70px 0px 0px; }
		#bars .barselect a, #bars .barselect a span{height:300px;line-height:300px;font-size:40px;display:block;}


		#featlist .bigbar{margin:0px 20px 0px 50px;height:340px;border-radius:170px;}
		#featlist .bigbar.two{margin:0px 50px 0px 0px;height:340px;border-radius:170px;}
		#featlist .bardesc{margin-top:50px;}
		#featlist .lower{margin-top:0px;}
		#featlist .lower .bardesc{margin-top:20px; /*width:320px !important; */ }

		.squarehold{padding-left:10px;}
		.squarehold .columns{width:215px !important;height:216px;margin-bottom:20px;}

		#featlist .forms form{margin-left:180px !important;	}
		#featlist .forms input{width:250px;}
		#featlist .forms textarea{width:230px;}


	}

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

		#heading { background-size:90%; }
		#heading, #heading .container{ height:230px;}
		#heading .logo{font-size:60px;line-height:60px;margin-top:-50px;margin-left:20px;}

		#menu ul{margin:30px 10px 0px 0px;}
		#menu .ilogo{margin-left:10px;}

		#bars .barselect{margin:0px 0px 0px 20px; }
		#bars .barselect.two{margin:0px 20px 0px 0px; }


		#features{height:270px;}
		#features h3{ font-size:46px; line-height:60px; width:500px !important; padding-top:120px; }

		#featlist .bigbar{margin:0px 20px 0px 20px;height:268px;border-radius:134px;}
		#featlist .bigbar.two{margin:0px 20px 0px 0px;height:268px;border-radius:134px;}
		#featlist .bardesc{margin-top:10px;}
		#featlist .bardesc p{}
		#featlist .lower{margin-top:30px;}
		#featlist .lower .bardesc{margin-top:-10px; width:400px !important;  }

		#featlist h3{clear:both; padding-top:20px;}
		.squarehold{padding-left:10px;}
		.squarehold .columns{width:165px !important;height:166px;margin-bottom:20px;}

		#featlist .forms form{margin-left:140px !important;}
		#featlist .forms input{width:200px;}
		#featlist .forms textarea{width:180px;height:86px !important;}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#menu ul li{ margin:0px 0px 0px 15px; font-size:14px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		#heading { background-size:90%; }
		#heading, #heading .container{ height:240px;}
		#heading .logo{font-size:40px;line-height:40px;margin-top:-40px;}

	}

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

		#heading { background-size:90%; }
		#heading, #heading .container{ height:110px;}
		#heading .logo{font-size:35px;line-height:35px;margin-top:-35px;}
		#menu ul{ display:none;}
		#menu #mobile-opener{display:block;}

		.ilogo img{height:50px !important;}
		#menu #mobile-opener{margin-top:8px;}

		#bars .container{padding:20px;}
		#bars .barselect, #bars .barselect.two{margin:0px 0px 20px 0px !important; border-radius:0px;width:420px;height:250px;float:left;}
		#bars .barselect.two{margin:10px 0px 20px 0px !important;}
		#bars .barselect a, #bars .barselect a span{height:250px;line-height:250px;font-size:40px;display:block;}
		#bars .barselect a span{background:none;text-shadow:0px 0px 10px #000000;}

		#bars .barselect.two .mask{display:none;}
		#bars .barselect.two{height:360px;}

		#bars .barselect.two .mobileshade{display:block;}
		#bars .barselect.two .mobileshade a span{display:block;border-radius:0px;background:none;line-height:360px;}
	
		#features{height:170px;}
		#features h3{ font-size:35px; line-height:50px; width:400px !important; padding-top:70px; }


		#featlist .bigbar{margin:0px 0px 0px 0px;width:420px;height:300px;border-radius:0px;}
		#featlist .bigbar.two{margin:0px 0px 0px 0px;width:420px;height:300px;border-radius:0px;}
		#featlist .bardesc{margin-top:10px;}
		#featlist .bardesc p{line-height:20px;}
		#featlist .lower{margin-top:30px;}
		#featlist .lower .bardesc{margin-top:0px; width:420px !important;  }

		.squarehold{padding-left:10px;}
		.squarehold .columns{width:195px !important;height:196px;margin-bottom:15px;margin-right:15px;}

		.switchline{padding-left:0px;}
		.switchline a{padding:5px 7px 0px 7px;}

		#featlist h3{width:400px;font-size:50px;}
		#featlist .forms form{margin-left:0px !important;}
		#featlist .forms input{width:380px;padding:15px 10px !important;}
		#featlist .forms input[type=submit]{width:400px;}
		#featlist .forms textarea{width:380px;}

	}

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

		#heading { background-size:90%; }
		#heading, #heading .container{ height:90px;}
		#heading .logo{font-size:27px;line-height:27px;margin-top:-25px !important;}

		#menu ul{ display:none;}
		#menu #mobile-opener{display:block;}
		.ilogo img{height:50px !important;}
		#menu #mobile-opener{margin-top:8px;}


		#bars .container{padding:20px 0px;}
		#bars .barselect, #bars .barselect.two{margin:0px 0px 0px 0px; border-radius:0px;width:300px;height:200px;float:left;}
		#bars .barselect.two{margin-top:10px;float:left !important;}
		#bars .barselect a, #bars .barselect a span{height:200px;line-height:200px;font-size:40px;display:block;}
		#bars .barselect a span{background:none;text-shadow:0px 0px 10px #000000;}

		#bars .barselect.two .mask{display:none;}
		#bars .barselect.two{height:260px;}

		#bars .barselect.two .mobileshade{display:block;}
		#bars .barselect.two .mobileshade a span{display:block;border-radius:0px;background:none;line-height:260px;}

		#features{height:130px;}
		#features h3{ font-size:25px; line-height:50px; width:260px !important; padding-top:40px; }

		#featlist .bigbar{margin:0px 0px 0px 0px;width:300px;height:200px;border-radius:0px;}
		#featlist .bigbar.two{margin:0px 0px 0px 0px;width:300px;height:200px;border-radius:0px;}
		#featlist .bardesc{margin-top:10px;}
		#featlist .bardesc p{line-height:16px;font-size:14px;}
		#featlist .bardesc h4{font-size:30px;line-height:30px;padding-bottom:10px;}
		#featlist .lower{margin-top:30px;}
		#featlist .lower .bardesc{margin-top:10px; width:300px !important;  }

		.switchline{padding-left:0px;padding-right:0px;}
		.switchline a{padding:5px 7px 0px 7px;}
		.squarehold{padding-left:0px;}
		.squarehold .columns{width:300px !important;height:300px;margin-bottom:15px;margin-right:0px;}

		#featlist h3{width:280px;font-size:35px;}
		#featlist .forms form{margin-left:0px !important;}
		#featlist .forms input{width:270px;padding:15px 10px !important;}
		#featlist .forms input[type=submit]{width:290px;}
		#featlist .forms textarea{width:270px;}

		#getintouch .container{padding:20px 0px;}
		#getintouch h3{font-size:30px;line-height:45px;margin-bottom:30px;}
		#getintouch p{font-size:16px;}

	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */


@font-face {
    font-family: 'HelveticaNeueLTStd87HeavyCondensed';
    src: url('helveticaneueltstd-hvcn.eot');
    src: url('helveticaneueltstd-hvcn.eot') format('embedded-opentype'),
         url('helveticaneueltstd-hvcn.woff2') format('woff2'),
         url('helveticaneueltstd-hvcn.woff') format('woff'),
         url('helveticaneueltstd-hvcn.ttf') format('truetype'),
         url('helveticaneueltstd-hvcn.svg#HelveticaNeueLTStd87HeavyCondensed') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLTStd75Bold';
    src: url('helveticaneueltstd-bd.eot');
    src: url('helveticaneueltstd-bd.eot') format('embedded-opentype'),
         url('helveticaneueltstd-bd.woff2') format('woff2'),
         url('helveticaneueltstd-bd.woff') format('woff'),
         url('helveticaneueltstd-bd.ttf') format('truetype'),
         url('helveticaneueltstd-bd.svg#HelveticaNeueLTStd75Bold') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLTStd25UltraLight';
    src: url('helveticaneueltstd-ultlt.eot');
    src: url('helveticaneueltstd-ultlt.eot') format('embedded-opentype'),
         url('helveticaneueltstd-ultlt.woff2') format('woff2'),
         url('helveticaneueltstd-ultlt.woff') format('woff'),
         url('helveticaneueltstd-ultlt.ttf') format('truetype'),
         url('helveticaneueltstd-ultlt.svg#HelveticaNeueLTStd25UltraLight') format('svg');
}

.helvetica{
	font-family: 'HelveticaNeueLTStd87HeavyCondensed';
	font-weight:normal;
}

.bold{
	font-family: 'HelveticaNeueLTStd75Bold';
	font-weight: bold;
}

.lite{
	font-family: 'HelveticaNeueLTStd25UltraLight';
}