@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue.eot');

    src: url('../fonts/bebasneue.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue.woff2') format('woff2'),
         url('../fonts/bebasneue.woff') format('woff'),
         url('../fonts/bebasneue.ttf') format('truetype'),
         url('../fonts/bebasneue.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
    margin: 0px;
    padding:0px;
    font-family: 'Open Sans', sans-serif;
	background:url(../images/top-strip.jpg) repeat-x top;
}
 
/* ==========================================================================
   Links
   ========================================================================== */
header{
	padding:0px 0px 0px 0px;
	
}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color:none;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	color:#fff;
	background-color:red;
}

.brand{
	background:#000;
	width:100%;
	padding:20px 0px;
}


/*-- Carousel --*/
.infinite-carousel {
  position: relative;
  overflow: hidden;
  clear: both;
  height: 161px;
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  background: none;
  
}
.infinite-carousel .slide {
  float: left;
  width: 245px;
  height:161px;
  background: none;
  color: #aaa;
  
}
.infinite-carousel .slide.slide-current {
  background: none;
  color: #fff;
}
.infinite-carousel .slide.slide-enable-animation {
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/*-- Controls --*/
.carousel-control-previous,
.carousel-control-next {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  background:none;
  color: #fff;
  line-height: 40px;
  font-size: 11px;
  text-align: center;
}

.carousel-control-previous {
  left: 0;
  right: auto;
}

.carousel-control-next {
  left: auto;
  right: 0;
}
.content{
	margin:0px;
	padding:0px;
}

.content .left{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	background:#f7f7f7;
}


.content .left h1{
	margin:0px;
	padding:0px;
	background:#f7f7f7;
	font-family: 'bebas_neueregular';
	color:#484848;
	font-size:40px
	
	
}

.content .left h1 span{
	margin:0px;
	padding:0px;
	background:#f7f7f7;
	font-family: 'bebas_neueregular';
	color:#f80302;
	font-size:40px
	
	
}
.content .left p{
	margin:0px;
	padding:0px;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#686868;
	font-size:14px;
	padding:10px;
	
	
}

.content .right{
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 20px;
	background:#d3d4d6;
	overflow:hidden;
}


.content .right h1{
	margin:0px;
	padding:0px;
	
	font-family: 'bebas_neueregular';
	color:#484848;
	font-size:40px
	
	
}

.content .right h1 span{
	margin:0px;
	padding:0px;
	
	font-family: 'bebas_neueregular';
	color:#f80302;
	font-size:40px
	
	
}
.content .right p{
	margin:0px;
	padding:0px;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#686868;
	font-size:14px;
	padding:10px;
	
	
}

.content .right ul{
	margin:0px;
	padding:0px;
	

	
	
}
.content .right ul li{
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 30px;
	width:190px;
	float:left;
	background:url(../images/bullets.png) no-repeat left;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;

	
	
}
.latestproduct{
	background:#000;
	padding:0px;
	
}
.latestproduct h1{
	margin:0px;
	padding:0px 0 0 20px;
	font-family: 'bebas_neueregular';
	color:#fff;
	font-size:40px
}

.latestproduct  h1 span{
	margin:0px;
	padding:0px;
	font-family: 'bebas_neueregular';
	color:#f80302;
	font-size:40px
}
.footer{
	background:#000;
	
	margin:20px 0px 0px 0xp;
	width:100%;
	padding:20px;
	color:#fff;
	
}

.phone{
	background:url(../images/phone.png) no-repeat left;
	
	color:#a4a4a4;
	padding:0px 0px 10px 20px;
}

.fax{
	background:url(../images/fax.png) no-repeat left;
	
		color:#a4a4a4;
		padding:0px 0px 10px 20px;
}
.email{
	background:url(../images/email.png) no-repeat left;

	padding:0px 0px 10px 20px;
		color:#a4a4a4;
}

.logo{
	margin:10px 0px 0px 0px;
}
.social{
	margin:0px 0px 10px 0px;
}


.social .icon{
	margin:0px auto;
	float:left;
	width:40px;
	height:30px;
}

.dropdown:hover .dropdown-menu {
    display: block;
 }

.dropdown-menu > li > a :hover {
    display: block;
    padding: 9px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
     background-color:#F00;
}


.dropdown-submenu {
position: relative;
}

.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
display: block;
}

.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}

.dropdown-submenu.pull-left {
float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
} 


.title
{
    font-size:24px;
    font-weight:bold;
    font-family:'bebas_neueregular';
   color:#f00;
   border-bottom:solid 1px #000;
   padding-bottom:10px;
   letter-spacing:2px;
    }
















@media (max-width: 767px) {
	
	.phone{
	background:url(../images/phone.png) no-repeat left;
	
	color:#a4a4a4;
	padding:0px 0px 10px 30px;
	margin:0px 0px 0px 70px !important;
	font-size:20px;
}

.fax{
	background:url(../images/fax.png) no-repeat left;
	
		color:#a4a4a4;
		padding:0px 0px 10px 20px;
		margin:0px 0px 0px 70px;
			font-size:20px;
}
.email{
	background:url(../images/email.png) no-repeat left;

	padding:0px 0px 10px 20px;
	margin:0px 0px 0px 70px;
		color:#a4a4a4;
			font-size:20px;
}

.social{
	margin:0px 0px 20px 100px;
	display:none;
}
img{
	width:100%;
	height:auto;

	
}
.logo img{
	width:50%;
	height:auto;
	margin:0px 0px 0px 70px;

	
}
.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d;
   padding: 11px 30px 0;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #e50e15;
    color: #ffffff;
	height:auto !important;
    
    padding: 11px 30px 0;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color:#fff;
	background-color:transparent;
	background:#e50e15;
  padding: 8px 30px 8px;
	height:auto !important;
}
.dropdown-submenu {
position: relative;
}

.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
display: block;
}

.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}

.dropdown-submenu.pull-left {
float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
} 

}

 @media (min-width: 768px) and (max-width: 979px){

.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d;
    padding: 48px 10px 0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d;
   padding: 11px 30px 0;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #e50e15;
    color: #ffffff;
	height:auto !important;
    
    padding: 48px 20px 0;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color:#fff;
	background-color:transparent;
	background:#e50e15;
 padding: 48px 20px 0;
	height:auto !important;
}
.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d;
    padding: 11px 18px 0;
}
.fax{
	background:url(../images/fax.png) no-repeat left;
	
		color:#a4a4a4;
		padding:0px 0px 10px 20px;
		margin:0px 0px 0px 70px;
			font-size:12px;
}
.email{
	background:url(../images/email.png) no-repeat left;

	padding:0px 0px 10px 20px;
	margin:0px 0px 0px 70px;
		color:#a4a4a4;
			font-size:12px;
}

.social{
	margin:0px 0px 20px 100px;
	display:none;
}

.col-sm-2 {
    width: 23.667%;
}
img{
	width:100%;
	
	height:auto;
	
}
}
		
		
.dropdown-submenu {
position: relative;
}

.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
display: block;
}

.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}

.dropdown-submenu.pull-left {
float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
} 
		
		