.navigation-clean {
}

.navigation-clean .navbar-brand {
}
#nav .navigation-clean .navbar-brand img {
    height:120px;
    webkit-transition: 500ms all;   
    -moz-transition: 500ms all;   
    -ms-transition: 500ms all;   
    -o-transition: 500ms all;   
    transition: 500ms all;   
}
@media (max-width: 767px) {
    #nav .navigation-clean .navbar-brand img {
        height:100px;
    }
}
#nav.scroll .navigation-clean .navbar-brand img {
    height:80px;
    webkit-transition: 500ms all;   
    -moz-transition: 500ms all;   
    -ms-transition: 500ms all;   
    -o-transition: 500ms all;   
    transition: 500ms all;   
}
@media (max-width: 767px) {
    #nav .navigation-clean .navbar-brand img {
        height:80px;
    }
}
.navigation-clean .navbar-brand:hover {}

.navigation-clean .navbar-toggler {
    border-color: #ddd;
    position:absolute;
    right:15px;
    top:90px;
    webkit-transition: 500ms all;   
    -moz-transition: 500ms all;   
    -ms-transition: 500ms all;   
    -o-transition: 500ms all;   
    transition: 500ms all;   
}
#nav.scroll .navigation-clean .navbar-toggler {
    top:50px;
    webkit-transition: 500ms all;   
    -moz-transition: 500ms all;   
    -ms-transition: 500ms all;   
    -o-transition: 500ms all;   
    transition: 500ms all;   
}
@media (max-width: 767px) {
    .navigation-clean .navbar-toggler {
        top:53px;
    }
    #nav.scroll .navigation-clean .navbar-toggler {
        top:49px;
    }
}
.navigation-clean .navbar-toggler:hover, .navigation-clean .navbar-toggler:focus {
  border-color: #45a12b;
}

.navigation-clean .navbar-collapse, .navigation-clean .form-inline {
    margin-top:20px;
}
.navigation-clean.navbar-light .navbar-nav > .nav-item {
  line-height:1rem;
}
.navigation-clean.navbar-light .navbar-nav > .nav-item > a:after {
    position: absolute;
    /*right: 1rem;*/
    top: 1rem;
    transform: rotate(-90deg);
    transform: rotate(0deg);
}

.navigation-clean.navbar-light .navbar-nav .nav-link {
  color: #707172;
  border-bottom:#eee 1px solid;
}
.navigation-clean.navbar-light .navbar-nav .nav-link:focus,
.navigation-clean.navbar-light .navbar-nav .nav-link:hover {
  color: #45a12b;
  background-color: #f6f6f6;
}
.navigation-clean.navbar-light .navbar-nav .nav-link.active,
.navigation-clean.navbar-light .navbar-nav .nav-link.active:focus,
.navigation-clean.navbar-light .navbar-nav .nav-link.active:hover {
  color: #45a12b;
  background-color: #f6f6f6;
}

/* sub */
.navigation-clean .navbar-nav li .dropdown-menu {
  background-color: transparent;
  border:none;
  padding-top:0px;
}

.navigation-clean .dropdown-menu .dropdown-item {
  /*line-height: 1;*/
  color: #37434d;
  border-bottom:#eee 1px solid;
  background-color:transparent;
}

.navigation-clean .dropdown-menu .dropdown-item.active,
.navigation-clean .dropdown-menu .dropdown-item:focus,
.navigation-clean .dropdown-menu .dropdown-item:hover {
    color: #45a12b;
    background-color:transparent;
    background-color:#f6f6f6;
}





/*.navigation-clean .navbar-nav li .dropdown-menu {
  margin-top: -5px;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25);
  background-color: #fff;
  background-color:fuchsia;
  border-radius: 2px;
}
@media (max-width: 767px) { 
    .navigation-clean .navbar-nav > li .dropdown-menu {
        margin-top: 0;
        box-shadow: none;
        border:none;
    }
}

.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item {
  line-height: 1;
  color: #37434d;
}

.navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item:hover {
  background: #eee;
  color: inherit;
}
.navigation-clean .dropdown-menu .dropdown-item.active {
  background: #ddd;
  color: inherit;
}*/




/* show submenu */
/*.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}*/
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top:0;
    left:100%;
    /*margin-top:-6px;
    margin-left:-6px;*/
    margin-left:15px;
    background-color:fuchsia
}

/* caret rotate and position */
.dropdown-submenu .dropdown-menu .nav-item > a:after {
    position: absolute;
    /*right: 1rem;*/
    top: 1rem;
    /*transform: rotate(-90deg);*/
    transform: rotate(0deg);
} 
/*@media (max-width: 767px) {
    .dropdown-menu  li > a:after {
        transform: rotate(0deg);
    }
}*/
/* Hide Empty Sub Nav */
.dropdown-menu:empty {display: none!important;}