 /* @import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css"); */
 @import url('https://fonts.googleapis.com/css?family=Titillium+Web');
*,h1,h2,h3,h4,h5,h6 ,p,a{
	font-family: 'Titillium Web', sans-serif;
line-height: 20px;
	


}

.top_header{
	width:100%;
	height: 40px;
	background-color: #fc4a1a;
}
.top_header p{
	color: white;
	padding:10px;
}
.navbar_bottom,.nav_large{
	border-bottom: 2px solid #fc4a1a !important;
}
.brand_small h2{
	transition:1s;
	
	font-size:20px;
	margin-bottom:20px;
	padding:0px;
}
.brand_small{
	padding:0px;
	
}
.pad ul li a{
	    padding-top: 6px;
    padding-bottom: 0px;
}


.brand_large h2{
	transition:1s;
	font-size:28px;
	padding:0px;
}
.nav_small{
	transition:1s;
	border-bottom: 2px solid #fc4a1a !important;
	position: fixed;
	z-index: 999;
	width: 100%;
	top: 0px;
	height: 50px !important;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
.navbar{
	background-color: white;
margin-bottom: 0px;
	border-radius: 0px;
	border-bottom: none ;
	max-height: 90px;
}
.navbar-nav{
	float: right;
}
.nav>li {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom:20px;
	padding-top:5px;
	position: relative;
	display:inline-block;
}
.nav>li:hover{
	z-index: 999;



	border-left : 2px  solid #fc4a1a;
	border-right : 2px  solid #fc4a1a;
	
	border-radius: 5px;
	transition: 0.2s;
}
.dropdown-menu>li>a {
    margin: 10px;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.carousel{

	max-width: 100%;
	height: 400px;

}
.featured-items li{
	width: 30%;

	list-style-type: none;
margin: 20px;
text-align: center;
	text-decoration: none;


}
  .featured-items li img{
	  width: 250px;
	  height: 250px;
  }
  .featured-items li :hover{

cursor: pointer;
	  text-align: center;
	  text-decoration: none;

  }

.item-name{
	padding:10px;

}
.more{
	position: relative;
	padding:20px;
	background-color: #fc4a1a;
	cursor: pointer;
	float: right;
	border-radius: 20px;
	right: 30px;
}
.about_left{
	padding:5%;
	width: 50%;
	float: left;
	background-color: #2aabd2;
	height: 500px;
}
.about-right{
	padding:5%;
	float: left;
	width: 50%;
background-color: #fc4a1a;
	height: 500px;
}
  .about-right ul li{
	  line-height: 20px;
	  margin: 20px;
	  color: white;



  }
 
.about_us p,.about_us h2{
	line-height: 20px;
	margin: 20px;
	color: white;
	text-align: center;
}
.footer_1{
	margin-top: 20px;
}
.footer_one,.footer_two,.footer_three{
	float: left;
padding: 20px;
	text-align: center;
	padding-left:20px;
	padding-right: 20px;




}
.footer_two img{
	width: 30px;
	height: 30px;
}
.footer_two ul li{
	display: inline;
	list-style-type: none;
	margin: 10px;

}
  .footer_three ul li{
	  list-style-type: none;

  }
  .footer_three ul li a{
	  color:white;
  }
.footer_2{
	border-top:1px solid #fc4a1a ;
	height: 70px;
	text-align: center;
	background-color: #494949;
	color: #f2dede;
}
.footer_1{
	background-color: #494949;
	color: #f2dede;


}
.clearfix{
	position: static;

margin: 50px;
}
#wowslider-container1{
	top:30px;
	overflow: hidden;
	bottom: 30px;
	z-index:1;
}
.featured_products{
	margin-top: 30px;
}
.jumbotron{
	background-color: white;
}
.about_container h4{
	margin: 20px;
	color: #fc4a1a;

}
  .about_container h3{
	  padding: 50px;
	  color: #fc4a1a;
	  font-size: 30px;
	  text-align: center;

  }
  .box-header{
	  text-align: center;

	  font-size: 2.0em;
	  color: #fc4a1a;
	  padding: 50px;
  }
  .offer h3{
	  color: #fc4a1a;
	  margin: 5px;

  }
    .offer ul li{
	  padding:5px;
  }
  .contact-left{
	  color:white;
	  padding:5%;
	  margin-bottom:1%;

	  background-color:#fc4a1a;

  }
  .contact_button{
	  background-color:#fc4a1a;
	  padding:10px;
	  color:white;
	  border:1px solid gray;
	  width:100px;
	  height:auto;
	  margin:2%;
  }
  .hdcvi-details{
	  text-align:left;
	  margin:20px;
	  padding:20px;
	  
  }
  .hdcvi-images li{
	  margin-bottom:50px;
	  list-style-type:none;
	 
  }
  .hdcvi-images p{
	  text-align:center;
	  color:#fc4a1a;
  }
  
  
  
  
  @media screen and (max-width :480px){
	  .navbar-toggle{
		  top:-3px;
		  right:0px;
		  position:fixed;
	  }
	.navbar-brand {
    position: relative;
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    bottom: 55px;
}
.carousel {
	z-index:1;
    max-width: 100%;
    height: 155px;
}
.jumbotron {
    line-height: 35px;
  }
  .featured-items li {
    width: 100%;
    list-style-type: none;
    margin: 0px;
    text-align: center;
    text-decoration: none;
}
.about-right,.about_left{
	width:100%;
	height:auto;
}
.footer_2{
	height:100px;
}
.navbar-nav {
	z-index:9999 !important;
background-color: #fc4a1a;
width:110%;
}
  .nav>li {
	  z-index:999;
    text-align: center;
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    margin-bottom: 20px;
    /* padding-top: 5px; */
    position: relative;
    display: block;
	color:white;
}
.navbar-default .navbar-nav>li>a{
	color:white;
}
.carousel img{
	z-index:0;
}
.brand_small h2{
	    transition: 1s;
    font-size: 20px;
    
	position:relative;
	top:40px;
	
}
.navbar-nav>li>a{
	color:white;
}
 .nav>li >a:hover{
	background-color:white;
	color:#fc4a1a;
 }
.nav_small >.navbar-header >.navbar-toggle{
	position:relative;
	top:40px;
}
  .hdcvi-images img{
	  width:250px;
  }
  }
