/**
 *   2009-2018 ohmyweb!
 *
 *   @author    ohmyweb <contact@ohmyweb.fr>
 *   @copyright 2009-2018 ohmyweb!
 *   @license   Proprietary - no redistribution without authorization
 */

.navbar-custom {
  background-color: #fff; padding: 0;
}
.navbar-custom #navbar_wrapper {
  display: block; width: 100%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.navbar-custom .dropdown-menu ul { padding-left: 0; }
.navbar-custom #navbar_wrapper .mob_nav {display: none;}

.navbar-custom .navbar-nav .nav-link {
  padding: 1rem 0.8rem; background-color: #e5e5e5; color: #141414; letter-spacing: 0; font-size: 0.98rem;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.navbar-custom .navbar-nav .nav-link:hover,
.navbar-custom .navbar-nav .nav-link:active,
.navbar-custom .navbar-nav .nav-link:focus { background-color: #d4d4d4; color: #d85523; }
.navbar-custom .btn-search {
  color: #fff; font-size: 1.5rem; line-height: 1rem; padding: 1rem;
  border: 0; border-radius: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

@media (min-width: 992px){

  .navbar-custom .navbar-nav li.dropdown > .dropdown-menu {
    left: 0%; width: 100%; margin: 0; padding: 0;
    background-color: transparent; box-shadow: none; border: none;
  }

  .navbar-custom .navbar-nav li:hover > .dropdown-menu,
  .navbar-custom .navbar-nav li:hover > .dropdown-menu .dropdown-item {
    display: block;
  }
  .navbar-custom .navbar-nav li > .dropdown-menu .dropdown-item {
    padding: 1rem 1rem; background-color: #e5e5e5; color: #141414;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
  }
  .navbar-custom .navbar-nav li > .dropdown-menu .dropdown-item:focus,
  .navbar-custom .navbar-nav li > .dropdown-menu .dropdown-item:hover { background-color: #d4d4d4; color: #d85523;}
}



@media (max-width: 1200px){
  .navbar-custom .navbar-nav .nav-link { letter-spacing: 0px; padding: .5rem; font-size: 0.8rem; }
  .navbar-custom .btn-search { font-size: 1.2rem; line-height: 1rem; padding: 0.5rem 0.8rem;}
  .navbar-custom .navbar-nav li > .dropdown-menu .dropdown-item {  padding: 0.5rem 0.8rem; font-size: 0.8rem;}

}
@media (max-width: 991px){
  .navbar-custom {background-color: rgba(20,20,20,0.2);}
  .navbar-custom .top-bar { display: none; }
  .navbar-custom .navbar-brand,
  .navbar-custom .navbar-brand > a { display: inline-block; width: auto; float: left; padding:  0;}
  .navbar-custom .navbar-brand .logo {display: none; opacity: 0;}

  .navbar-custom {margin: 0;}
  .navbar-custom .btn-search { font-size: 1.2rem; line-height: 1rem; padding: 1rem 1rem;}
  .navbar-custom .navbar-toggler {
    font-size: 1.2rem; line-height: 1rem; padding: 1rem 1rem; margin: 0;
    background-color: #141414; border: 0; border-radius: 0; color: #fff;
    z-index: 2;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
  }
  .navbar-custom .navbar-toggler:hover { color: #fff ; background-color: #db5721; }
  .navbar-custom .navbar-toggler[aria-expanded="false"] > * {
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
  }
  .navbar-custom .navbar-toggler[aria-expanded="true"] > * {
    transform: rotate(90deg);
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
  }

  #navbar_wrapper {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    transform: translateY(-100%);
    opacity: 0;
    background: rgba(20,20,20,0.95);
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
  }

  #navbar_wrapper.show {
    top: 0; right: 0px; left: 0;
    width:100%; height: 100vh; transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
  }
  .btn-cross {
    display: inline-block; position: absolute; top: 15px; right: 15px; width: 45px; height: 45px;
    border:none;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
  }
  .btn-cross::before, .btn-cross::after {
    content: ""; display: inline-block; position: absolute; top: 50%; left: 50%;  height: 2px; width: 20px; background-color: #fff;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
  }
  .btn-cross::before {transform: translate(-50%, -50%) rotate(45deg);}
  .btn-cross::after {transform: translate(-50%, -50%) rotate(-45deg);}
  .btn-cross:hover::before, .btn-cross:hover::after {transform: translate(-50%, -50%) rotate(180deg);}

  #navbar_wrapper {overflow: auto;}
  #navbar_wrapper .nav_content {
    position: absolute; top: 50%; width: 100%; transform: translateY(-50%) scale(0.9); max-height: 100%;
    margin: 0; padding: 15px; opacity: 0; overflow: visible;
    -webkit-transition: all 0.7s ease 0.9s;
    -moz-transition: all 0.7s ease 0.9s;
    -ms-transition: all 0.7s ease 0.9s;
    -o-transition: all 0.7s ease 0.9s;
    transition: all 0.7s ease 0.9s;
  }
  #navbar_wrapper.show .nav_content {
    opacity: 1; transform: translateY(-50%) scale(1);
    width: 100%; margin: 0;
    list-style: none; text-align: left; text-transform: uppercase;
    -webkit-transition: all 0.7s ease 0.9s;
    -moz-transition: all 0.7s ease 0.9s;
    -ms-transition: all 0.7s ease 0.9s;
    -o-transition: all 0.7s ease 0.9s;
    transition: all 0.7s ease 0.9s;
  }

  #navbar_wrapper .navbar-nav .nav-item {
    display: block; text-indent: 0px; float: none;
  }
  #navbar_wrapper .navbar-nav .nav-item .nav-link {
    position: relative; display: inline-block; margin: 0 auto;
    text-decoration: none; background-color: transparent;
    color: #eee; font-size: 1.3rem; line-height: 1.3rem;  text-transform: uppercase; letter-spacing: 0px; padding: 0.9rem 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #navbar_wrapper .navbar-nav .nav-item .nav-link:hover {
    text-decoration: none;
    color: #d85523;
  }
  .navbar-custom .navbar-nav li > .dropdown-menu  {
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    list-style: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
  }
  .navbar-custom .navbar-nav li > .dropdown-menu .dropdown-item {
    color: #ddd;
    -webkit-transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;  -ms-transition: all 0.4s ease 0s;  -o-transition: all 0.4s ease 0s;  transition: all 0.4s ease 0s;
  }
  .navbar-custom .navbar-nav li > .dropdown-menu .dropdown-item:hover { color: #d85523; background-color: transparent;}

  .navbar-custom .navbar-nav li > ul.dropdown-menu {
    position: static; left: 0; margin: 0; padding: 5px 0;
    background-color: transparent; box-shadow: none; border: none; float: none; text-align: center;
  }

  #navbar_wrapper .nav>li>.dropdown-menu li {display: block; text-align: left;}

  #navbar_wrapper .nav>li>.dropdown-menu li a {
    position: relative; display: inline-block; margin: 0 ;
    text-decoration: none; font-size: 12px; font-weight: 400; line-height: inherit;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
  }
  #navbar_wrapper .nav>li>.dropdown-menu li a:hover { text-decoration: none; color: #ccc; background-color: transparent;}
}