/*!
 * Bootstrap Off-Canvas Nav (http://github.com/marcandrews/bootstrap-off-canvas-nav)
 * Copyright (c) 2015 Marc Andrews
 * Licensed under the MIT license
 */

 .top-fixed-box-menu .navbar{ min-height: 0 !important; padding: 0 !important;}
 .navbar, .navbar-nav{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; margin: 0; padding:0;}
 .navbar-nav>li{ width: 20%; padding: 4px 0;}
 .navbar-nav>li>a{ width: 100%; font-size:1.45em; margin:0; padding:5px 2px; text-align: center ; color: #FFF !important; position: relative; background-color:transparent !important;}
  /*.navbar-nav>li::before, .navbar-nav>li::after{position: absolute; content: ""; width: 0; height: 2px; top: -2px; background-color: #ffaf52; opacity: 0; transition: 0.3s ease-in-out;}
  .navbar-nav>li::before{ right: 50%;}
  .navbar-nav>li::after{ left: 50%;}
  .navbar-nav>li:hover:before, .navbar-nav>li:hover:after{ width: 40%; opacity: 1;}*/
  .navbar-nav>li>a:hover{ color: #a48b77 !important; transition: 0.2s ease-in-out;} 
 li.dropdown ul.dropdown-menu{ width: 100%;}
 .dropdown-menu{   
  position: absolute;
  top:120%;
  left: 0;
  width: 100%;
  z-index: 1000;
  display: none;
  float: left;
  padding: 0;
  margin: 0 !important;
  font-size: 1em;
  list-style: none;
  background-color: #333;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
 .dropdown:hover > .dropdown-menu {
   top:100%; opacity:1; display:block;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 } 
 .dropdown-menu li{ margin: 0; text-align: center; background-color: #C7B7AB;}
 .dropdown-menu li a{ padding:12px 4px; color: #FFF; font-size: 1.15em;}	
 .dropdown-menu li a:hover{color: #FFF; background-color: #d39d47;}

 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:active{background-color:transparent !important; color: #FFF !important;}


@media (max-width: 1025px){
  .navbar, .navbar-nav{ width: 100%; margin: 0;}
  .navbar-nav>li>a{ font-size:1.25em;}
}
@media (max-width: 767px) {

  .navbar-nav>li{ width: 100%; margin: 0 !important; padding: 4px 0;}
  .navbar-nav>li>a{ width: 100%; font-size:1.15em; margin:0; padding:10px 15px; text-align: left; color: #FFF !important; position: relative;}
  .navbar-nav>li:not(:last-child){ border-right: none; border-bottom: 1px #C7B7AB solid;}

  .navbar-nav>li:hover:before, .navbar-nav>li:hover:after{ width: 0; opacity: 0;}

  body {
    position: absolute;
    left: 0;
    right: 0;
    overflow-x: hidden;
    backface-visibility: hidden;
    transition: all 0.3s ease-in-out;
    transition-delay: 0s;
  }

  body.out {
    left: -260px;
    right: 260px;
    overflow: hidden;
  }
  
  body.off-canvas-nav-left.out {
    left: 260px;
    right: -260px;
  }

  .container-fluid>.navbar-collapse,
  .container>.navbar-collapse {
    margin-left: 0;
    margin-right: 0;
  }
  
  nav.navbar-fixed-top {
    transition: all 0.3s ease-in-out;
    transition-delay: 0s;
  }

  nav.navbar-fixed-top.out {
    transform: translate3d(-260px,0,0);
  }

  body.off-canvas-nav-left nav.navbar-fixed-top.out {
    transform: translate3d(260px,0,0);
    transition-delay: 0.3s;
  }
  
  nav .navbar-nav {
    margin: 0;
  }

  nav .navbar-toggle {
    transition: all 500ms ease-in-out;
  }
  
  body.out nav .navbar-toggle{
    background-color: #e5e5e5;
  }
  .collapsed{background:#FEFEFE !important;}
  
  body.off-canvas-nav-left nav .navbar-toggle {
    float: left;
	margin-left: 15px;
	margin-right: 0;
  }
  
  nav .navbar-toggle .icon-bar {
    transition: all 500ms ease-in-out;
  }

  body.out nav .navbar-toggle .icon-bar:nth-of-type(2) {
    transform: translate3d(0,6px,0) rotate(45deg);
  }

  body.out nav .navbar-toggle .icon-bar:nth-of-type(3) {
    opacity: 0;
  }

  body.out nav .navbar-toggle .icon-bar:nth-of-type(4) {
    transform: translate3d(0,-6px,0) rotate(-45deg);
  }
  
  nav .navbar-collapse {
    display: block !important;
    position: fixed;
    top: 0;
    right: -260px;
    bottom: 0;
    z-index: 10000;
    width: 260px;
    height: 100vh !important;
    margin: 0;
    padding: 0 0 33px;
    border: none;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
    background-color: #40210f;
    font-weight: bolder;
  }
  .navbar-nav>li>a:hover{ color: #C7B7AB !important;}
 
  body.out nav .navbar-collapse {
    box-shadow: -10px 0px 50px 0px rgba(0,0,0,0.75);
    transform: translate3d(-260px,0,0);
  }
  
  nav.navbar-fixed-top .navbar-collapse {
	right: -260px !important;
    max-height: none;
  }

  body.out nav.navbar-fixed-top .navbar-collapse {
    box-shadow: -10px 0px 50px 0px rgba(0,0,0,0.75);
    transform: none;
  }
  
  body.off-canvas-nav-left nav .navbar-collapse {
    left: -260px;
    right: auto;
    border: none;
    border-right: 1px solid #e7e7e7;
  }

  body.off-canvas-nav-left.out nav .navbar-collapse {
    box-shadow: 10px 0px 50px 0px rgba(0,0,0,0.75);
    transform: translate3d(260px,0,0);
  }

  body.off-canvas-nav-left.out nav.navbar-fixed-top .navbar-collapse {
    box-shadow: 10px 0px 50px 0px rgba(0,0,0,0.75);
    transform: none;
  }
  
  nav .navbar-collapse .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
      background-color: #d39d47 !important;
  }

  nav .navbar-collapse .dropdown>.dropdown-menu,
  nav .navbar-collapse .dropdown>.dropdown-menu>.dropdown-submenu>.dropdown-menu,
  .dropdown-menu .dropdown-menu {
    display: block !important;
    position: static;
    float: none;
    max-height: 0;
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    overflow: hidden;
    transition: all .5s ease-in-out;
  }

  nav .navbar-collapse .dropdown .dropdown-menu li a,
  nav .navbar-collapse .dropdown .dropdown-menu li.dropdown-header {
    padding: 12px 15px 12px 35px;
    color: #40210f !important;
    background-color: #C7B7AB;
    font-weight: bolder;
  } 

  nav .navbar-collapse .dropdown .dropdown-menu .dropdown li a{
    padding: 8px 15px 8px 55px;
    color: #DDD !important;
    background-color: #333;
    border-bottom: 1px #999 dashed;

  }

  .dropdown-menu li{text-align: left;}

  nav .navbar-collapse .dropdown.open .dropdown-menu,
  nav .navbar-collapse .dropdown.open .dropdown-menu>.dropdown-submenu.open>.dropdown-menu,
  nav .navbar-collapse .dropdown.open .dropdown-menu .dropdown.open .dropdown-menu {
    max-height: 100vh;
  }
  nav .navbar-collapse .dropdown.open .dropdown-menu .dropdown-menu{
    max-height:0;
  }

  nav .dropdown-toggle>.caret {
    transform: rotate(0) !important;
  }
  
  nav .open>.dropdown-toggle>.caret {
    transform: rotate(180deg) !important;
  }
  
  nav .navbar-form {
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    box-shadow: none;
  }

  

  nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
    font-family: 'FontAwesome';
    float: right;
    content: "\f0d7";
    margin-top: 2px;
    font-size: 1.15em;
  }
  nav.navbar.bootsnav ul.nav > li.open > a.dropdown-toggle:after{
    font-family: 'FontAwesome';
    float: right;
    content: "\f0d8";
    margin-top: 2px;
    font-size: 1.15em;
  }

  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
    font-family: 'FontAwesome';
    float: right;
    content: "\f107";
    margin-top: 0;
  }

  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.open > a.dropdown-toggle:before{
    font-family: 'FontAwesome';
    float: right;
    content: "\f106";
    margin-top: 0;
  }

}



@media (min-width: 767px) {  

  nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
    top: 0;
    left: 100%;
  }

  nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
    font-family: 'FontAwesome';
    content: "\f0d7";
    margin-left: 15px;
    margin-top: 2px;
  }
  

  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
    font-family: 'FontAwesome';
    float: right;
    content: "\f105";
    margin-top: 0;
    margin-right: 8px;
  }
}

/* Top Search
=================================*/
.top-search{
  width: 100%;
  margin-bottom: 10px;
  background-color: #333;
  padding: 10px 0;
  display: none;
  border-radius: 5px;
}

.top-search input{
  font-size: 1.25em;
}
.top-search input::-webkit-input-placeholder{ color: #AAA; } 

.top-search input.form-control{
  background-color: transparent;
  border: none;
  -moz-box-shadow: 0px 0px 0px;
  -webkit-box-shadow: 0px 0px 0px;
  -o-box-shadow: 0px 0px 0px;
  box-shadow: 0px 0px 0px;
  color: #fff;
  height: 40px;
  padding: 0 15px;
}

.top-search .input-group-addon{
  background-color: transparent;
  border: none;
  color: #fff;
  padding-left: 0;
  padding-right: 0;
}

.top-search .input-group-addon.close-search{
  cursor: pointer;
}
@media (max-width: 992px) {
  .top-search .container{
    padding: 0 35px;
  }
}
@media (max-width: 767px) {
  .top-search input.form-control{
     height: 30px;
  }
  .top-search .container{
    padding: 0 15px;
  }
}