/*------------header------------*/
body{
background:#000000;
}
.logo {
  display:block;
  width:100px;
  height:88px;
  background:url(../images/harly_logo_03.png)no-repeat;
  position:absolute;
  top:28px;
  float:left;
  background-size:cover;
}
/*-----------------------navbar---------------------------*/
nav .container{
padding-right:0;
}
.navbar-default {
  background-color: #000000;
  border-color:0;
  position:relative;
}

.navbar {
  height: 79px;
  padding-top:50px;
  padding-bottom:50px;
  margin-bottom: 0;
  border: 0;
}
.navbar-default .navbar-nav>li>a:after{
content:url(../images/afterline_03.png);
padding-left:10px;
}
.navbar-default .navbar-nav>li>a:nth-child(4){
content:0;

}
.navbar-default .navbar-nav>li>a{
  color: #eb6201;
  background:none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #ff7919;
  background:none;
}
.navbar-default .navbar-nav>li>a:hover {
   color: #ff7919; 
  background: none;
}
.navbar-toggle {
    
    background:  #000;
}
.navbar-default .navbar-toggle:hover {
  background-color: #ff7919;
}
/*----------------------carousel------------------*/
.carousel {
    height: 400px;
}
.carousel .item {
    height: 399px;
}
.carousel-inner > .item > img {
    height: 400px;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 10%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 0;
  color: #fff;
  text-align:left;
  text-shadow: none;
}
.carousel-caption p{
font-size:13px;
color:#d5d5d5;
}

.carousel-indicators {
 top:103%;
}
.carousel-indicators li {
  width: 40px;
  height: 8px;
  margin: 1px;
  cursor: pointer;
  background: #7b7b7b;
  border:0;
  border-radius: 0;
}
.carousel-indicators .active {
  width: 40px;
  height: 8px;
  margin: 1px;
  background: #ff7919;
}

.carousel-control.right{
background:none;
}
.carousel-control.left{
background:none;
}
/*-----------------------btn-lg--------------------------------*/
 .btn-lg {
  padding: 12px 16px;
  font-size: 13px;
  border-radius: 0;
  font-weight:bold;
}
.btn-primary {
  color: #000;
  background: #fff;
  border-color: 0;
}
#content{
color:#fff;
}
#content .h2color{
color:#ff7919;
}
#content .row{
margin-bottom:52px;
}
@media (min-width:768px){
.logo {
  display:block;
  width: 150px;
  height: 131px;
  background:url(../images/harly_logo_03.png)no-repeat;
  background-size:cover;
  position:absolute;
  top:28px;
  float:left
}
/*-------------------------navbar--------------------*/
.navbar-collapse {
  float:right;
}
.navbar-nav {
    padding-top: 0;
    background:none;
}
.navbar-default .navbar-nav>li>a{
  color: #fff;
  background:none;
}
.nav > li > a {
   padding: 10px 8px;
}
.navbar-default .navbar-nav>li>a:after{
  content:url(../images/afterline_03.png);
  padding-left:10px;
}
.navbar-default .navbar-nav>li>a:first-child{
  content:blank;
  padding-left:8px;
}
/*-------------------------carousel--------------------*/
.carousel {
    height: 500px;
}
.carousel .item {
    height: 499px;
}
.carousel-inner > .item > img {
    height: 500px;
}
.carousel-indicators li {
  width: 81px;
  height: 8px;
  }
  .carousel-indicators .active {
  width: 81px;
  height: 8px;
  }
}
@media (min-width:768px) and (max-width:992px){

.logo {
  width:100px;
  height:88px;
  background-size:cover;
  }
/*-------------------------navbar--------------------*/
.navbar-default .navbar-nav>li>a:after{
  content:none;
  padding-left:0;
}
.nav > li > a {
   padding: 10px 5px;
}
}