/*navbar*/
.navbar-default {
  background-color: #000;
  border-color: rgba(29,29,29,.05);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 0 3vw;
}

.navbar-brand img{
  width:50px;
  padding-top: 6px;
}

.navbar-default .navbar-brand{
  color:	#fff;
  padding-top: 5px;
  padding-left: 0px;
  padding-right:0;
  font-weight: 100;
  letter-spacing: .1em;
  font-size: 1em;
}

.navbar-default  .navbar-nav>li>a {
	font-family: 'aspergit', 'Dosis', sans-serif;
  text-transform: uppercase;
  color:	#D5AD6D;
  background: -webkit-linear-gradient(transparent, transparent),
            -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
            background: -o-linear-gradient(transparent, transparent);
            -webkit-background-clip: text;
  font-weight: 200;
  letter-spacing: .1em;
  padding: 15px 10px 5px 10px;
  display:inline-block;
  background-color: transparent;
}


.navbar-default  .navbar-nav>li>a:hover{
  color: #fff;
}

.navbar-default  .navbar-nav>li>a:after {
  content: '';
  display: block;
  height: 2px;
  width: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}

.navbar-default  .navbar-nav>li>a:hover:after {
  width: 100%;
  background: #fff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgba(29,29,29,.05);
  }

  .navbar-collapse .navbar-right .collapse .in{
    position: absolute;
    z-index: 10;
  }


  /*slide in*/
@media (min-width:800px){
  .one,.two,.three,.four,.five,.six,.seven,.eight,.nine,.ten,.eleven,.twelve,.thirteen{
    visibility: hidden;
    transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -o-transform: translateY(-200%);
  }

  .one{ animation-delay: 0.1s; }
  .two { animation-delay: 0.2s; }
  .three { animation-delay: 0.3s; }
  .four { animation-delay: 0.4s; }
  .five { animation-delay: 0.5s; }
  .six { animation-delay: 0.6s; }
  .seven { animation-delay: 0.7s; }
  .eight { animation-delay: 0.8s; }
  .nine { animation-delay: 0.9s; }
  .ten { animation-delay: 1.0s; }
  .eleven { animation-delay: 1.1s; }
  .twelve { animation-delay: 1.2s; }
  .thirteen { animation-delay: 1.3s; }
  .fourteen { animation-delay: 1.4s; }
  .fithteen { animation-delay: 1.5s; }
  .sixteen { animation-delay: 1.6s; }
  .seventeen { animation-delay: 1.7s; }
  
  #slideIn1, #slideIn2, #slideIn3, #slideIn4, #slideIn5, #slideIn6, #slideIn7, #slideIn8{
    visibility: hidden;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
  }
  #slideIn1 { animation-delay: 0.4s; }
  #slideIn2 { animation-delay: 0.6s; }
  #slideIn3 { animation-delay: 0.8s; }
  #slideIn4 { animation-delay: 1s; }
  #slideIn5 { animation-delay: 1.2s; }
  #slideIn6 { animation-delay: 1.4s; }
  #slideIn7 { animation-delay: 1.6s; }
  #slideIn8 { animation-delay: 1.8s; }

  .slideDown{
    animation-fill-mode: forwards;

  	animation-name: slideDown;
  	-webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    -o-animation-name: slideDown;

  	animation-duration: .5s;
  	-webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;

  	animation-timing-function: linear;
  	-webkit-animation-timing-function: linear;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;

  	visibility: visible !important;
  }

  @keyframes slideDown {
  	0% {
  		transform: translateY(-100%);
  	}
  	50%{
  		transform: translateY(8%);
  	}
  	100%{
  		transform: translateY(0%);
  }

  @-webkit-keyframes slideDown {
  	0% {
  		-webkit-transform: translateY(-100%);
  	}
  	50%{
  		-webkit-transform: translateY(8%);
  	}
  	100%{
  		-webkit-transform: translateY(0%);
  	}
  }


  @-moz-keyframes slideDown {
  	0% {
  		-moz-transform: translateY(-100%);
  	}
  	50%{
  		-moz-transform: translateY(8%);
  	}
  	100%{
  		-moz-transform: translateY(0%);
    }
  }

  @-ms-keyframes slideDown {
  	0% {
  		-ms-transform: translateY(-100%);
  	}
  	50%{
  		-ms-transform: translateY(8%);
  	}
  	100%{
  		-ms-transform: translateY(0%);
  	}
  }


    @-o-keyframes slideDown {
    	0% {
    		-o-transform: translateY(-100%);
    	}
    	50%{
    		-o-transform: translateY(8%);
    	}
    	100%{
    		-o-transform: translateY(0%);
    	}
    }
}

/*large dropdown*/
.dropdown {
  position: relative;
}
.dropdown-menu{
  background: #000;
  min-width: 60px;
  left:0;

}
.dropdown-menu > li  {
  padding: 0;
  margin: 0;
}
.dropdown-menu > li  {
  list-style: none;
}
.dropdown-menu > li >  a {
  display: block;
  padding: 3px 20px;
  font-weight:100;
  font-family: 'aspergit', 'Dosis', sans-serif;
  text-transform: uppercase;
  line-height: 1.428571429;
  color:	#aa8a57;
  white-space: normal;
  letter-spacing: 2px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #1d1d1d;
}

p{
  font-family: 'Advent Pro', 'Dosis', sans-serif;
  font-weight: 300;
  font-size: 1.2em;
}

.box--left h5 {
  margin-bottom: 30px;
  color: #D5AD6D;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 0;
}

.box--right h5 {  
  position: relative;
  z-index: 4;
  width: 60%;
  float:right;
  padding-left: 3vw;
  text-align: right;
  color: #D5AD6D;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 0;
}

@media (min-width: 768px){
.navbar-right .dropdown-menu {
    right: auto;
  }
}


@media (max-width: 768px) {
  .dropdown-menu {
    margin-left: 0 ;
    margin-right: 0 ;
  }


@media (max-width: 767px) {
  .hideit{
    display: none;
  }
}

@media (max-width: 767px){
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
    color: #777;
    font-weight:100;
    text-transform: uppercase;
    line-height: 1.428571429;
    padding-bottom: 0;
  }
}

@media (max-width: 767px){
.nav>li>a{
  line-height: 10px;
}
}