#transmenu{box-shadow:0 2px 3px rgba(0,0,0,.2);height:61px;-moz-transition:background .6s;-webkit-transition:background .6s;transition:background .6s;background-color:#28323b!important}
#transmenu{padding-right: 0; padding-left: 6px;padding-bottom: 7px;}
#transmenu.transparency{background:0 0!important;box-shadow:none;border-color:transparent!important}
#transmenu .navbar-brand{-moz-transition:.6s;-webkit-transition:.6s;transition:.6s;color:#fff}
#transmenu.transparency .navbar-brand{padding-top:1.5rem;padding-bottom:1.5rem;color:#000!important;border:none}
#transmenu.transparency a{color:#000!important}
#transmenu.transparency .nav-link,#transmenu.transparency .nav-link.active,#transmenu.transparency .nav-link:focus{color:#fff;border:none;opacity:1}
/*#transmenu .navbar-toggler{position:relative;height:35px;margin-right:-.75rem;border:none}*/
#transmenu .navbar-toggler{position:relative;border:none;border-radius: 0; right: 3px; padding: 5px 10px;}
#transmenu .navbar-toggler:active,#transmenu .navbar-toggler:focus{outline:0}
#transmenu .navbar-toggler span{display:block;background-color:#fff;height:3px;width:28px;margin-top:4px;margin-bottom:4px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);position:relative;left:0;opacity:1}
#transmenu .navbar-toggler:hover span{background-color:  #1E2A3A;}
#transmenu .navbar-toggler.activenav {background-color: #fff;}
#transmenu .navbar-toggler.activenav span{background-color: #1E2A3A;}

#transmenu.transparency .navbar-toggler span{background:#212529}
#transmenu .navbar-toggler span:first-child,#transmenu .navbar-toggler span:nth-child(3){-webkit-transition:transform .35s ease-in-out;-moz-transition:transform .35s ease-in-out;transition:transform .35s ease-in-out}
#transmenu .navbar-toggler:not(.collapsed) span:first-child{position:absolute;left:12px;top:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);opacity:.9}
#transmenu .navbar-toggler:not(.collapsed) span:nth-child(2){height:12px;visibility:hidden;background-color:transparent}
#transmenu .navbar-toggler:not(.collapsed) span:nth-child(3){position:absolute;left:12px;top:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);opacity:.9}
#transmenu .nav li{margin-left:15px}
#transmenu .nav .nav-link{border-radius:25px;padding:10px;}
#transmenu .nav a.nav-link:hover{background:#eee;color:#333;}
#transmenu .nav a.nav-link{transition: background-color 600ms ease-out}


@media (max-width:720px){#transmenu.transparency{background:#fff!important}#transmenu ul{text-align:center}}