nav {
   margin: 0;
   height: auto;
   z-index: 100;
   position: absolute;
   top: 50%;
   right: 2%;
   margin-right: 0;
   transform: translate(0, -50%);}

nav ul#menu { list-style: none; margin: 0 auto; float: left; }

nav ul#menu  li {      
  float: none; 
  position: relative;
  display: inline-block;
  padding: 0; } 
  nav ul#menu  li.nav-menu { display: none; }

nav ul#menu li a {
   height: 26px;
   padding: 10px 15px;
   background-color: none;
   font-size: 26px;
   letter-spacing: 0;
   font-weight: 300;
   line-height: 26px;
   color: #333333;
   display: inline-block;
   font-family: 'bebas-neue', sans-serif;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition:    all .35s ease-in-out;
   -o-transition:      all .35s ease-in-out;
   -ms-transition:     all .35s ease-in-out;
   transition:         all .35s ease-in-out; }

nav ul#menu li a:hover { background-color: #2d8c02; color: white; }
nav ul#menu li a:active { background-color: #004168; color: white; }

nav ul#menu li.active { color: #2d8c02; }
nav ul#menu li.active a { background-color: #2d8c02; color: white; }

nav ul#menu > li:hover a.dropdown {
  background-color: #e15604;
  color: #FFF; }   



/* Submenu
------------------------------------ */

nav ul#menu ol { 
   background: #2d8c02;
   list-style: none;
   width: 300px;
   margin: 0;
   padding: 0;
   display: none;
   position: absolute;
   left: 0px;
   top: 44px;
   z-index: 100;
   font-size: 22px !important;
   line-height: 22px !important;
   text-transform: none !important;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition:    all .35s ease-in-out;
   -o-transition:      all .35s ease-in-out;
   -ms-transition:     all .35s ease-in-out;
   transition:         all .35s ease-in-out;
   -webkit-box-shadow: 1px 5px 5px 0 rgba(0,0,0,.2);
   box-shadow: 1px 5px 5px 0 rgba(0,0,0,.2); }

nav ul#menu li:hover ol,
nav#main li.over ol { display: block; }

nav ul#menu ol li {
   background-image: none;
   text-align: left; 
   float: none;
   display: block; }

nav ul#menu ol li a {
   background-color: none;
   width: auto;
   height: auto;
   padding: 14px 15px !important;
   display: block;
   color: #fff !important;
   font-size: 22px !important;
   line-height: 22px !important;
   float: none;   
   text-indent: 0;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition:    all .35s ease-in-out;
   -o-transition:      all .35s ease-in-out;
   -ms-transition:     all .35s ease-in-out;
   transition:         all .35s ease-in-out; }

nav ul#menu ol li a:hover { 
   padding: 14px 15px !important;
   background-color: #5fca2e !important;    
   color: #fff !important; }
nav ul#menu ol li a:active { 
   background-color: #8bde65 !important; 
   color: #fff !important;   }


/* --- Connect --- */
ul#social {
   list-style: none;
   float: none;
   width: auto;
   margin: 10px 0 0 1em;
   display: inline-block;}

ul#social  li {      
   float: none; 
   position: relative;
   display: inline-block;
   padding: 0; }

ul#social a { 
   color: white;
   font-family: 'trilogyicons';
   font-size: 18px;
   text-transform: lowercase;
   font-weight: 300;
   margin: 0;
   padding: 10px;
   border-radius: 50%;
   -webkit-border-radium: 50%;
   background-color: #004168;
   text-align: center;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition:    all .35s ease-in-out;
   -o-transition:      all .35s ease-in-out;
   -ms-transition:     all .35s ease-in-out;
   transition:         all .35s ease-in-out;
}
ul#social a:hover { background-color: #2D8C02;  }
ul#social a:active { background-color: #009fff; }


/* --- Device and Mobile Menu --- */
nav ul#menu li#top-menu  { 
   display: none !important;
   background: #eee;
   height: 50px;
   width: 110px;
   position: absolute;
   top: 0px;
   right: 0;
   color: #444; }

#home-button a,
nav ul#menu li#top-menu  > a {
   background-repeat: no-repeat;
   width: 50px;
   height: 50px;
   position: relative; }
      
#home-button > a {  
   background-image: url(/theme/mobile/img/home.png);
   background-position: center center; }
   
nav ul#menu li#top-menu  > a { 
   width: 100%;
   height: 50px;
   padding: 0;
   font-size: 18px;
   vertical-align: middle;
   line-height: 50px;
   color: #777 !important;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;}
nav ul#menu li#top-menu  > a:hover { 
   color: white !important;
   background: #2d8c02; }
   
nav ul#menu li#top-menu > a span.icon {
   font-family: 'trilogyicons';
   font-size: 40px;
   vertical-align: middle;
   line-height: 50px;    }
   
nav ul#menu li#top-menu.active a,
nav ul#menu li#top-menu a:active { background: #2d8c02;  color: white !important;}

nav ul#menu li#top-menu #top-dropdown {
   background-color: #2d8c02;
   padding: 0; 
   width: 250px;      
   box-shadow:            0 4px 3px rgba(0, 0, 0, 0.25);       
      -moz-box-shadow:    0 4px 3px rgba(0, 0, 0, 0.25);  
   	-webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);   
   display: none; 
   margin: 0;
   position: absolute;
      top: 48px; 
      right: 0px;
      left: initial;
      z-index: 9999; }
nav ul#menu li#top-menu #top-dropdown li { 
   width: 100%;
   padding: 0 !important;
   border-right: 0;
   background: #2d8c02 !important;
   color: #fff;
   border-bottom: 1px solid #8bde65; }
nav ul#menu li#top-menu #top-dropdown li:last-child { border-bottom: 0; }
   
nav ul#menu li#top-menu #top-dropdown li a { 
   width: 90%;
   background: #2d8c02 !important;
   height: auto;
   padding: .5em 5% !important;
   line-height: 1 !important; }
nav ul#menu li#top-menu #top-dropdown li:last-child a {}
      
nav ul#menu li#top-menu #top-dropdown li a:active {   
   background-color: #8bde65 !important;
   color: #fff; }
   
nav ul#menu li#top-menu #top-dropdown li.close a { 
   padding: 5px 10px; 
   background: #8c9ca3; 
   color: #00c0c7; }
nav ul#menu li#top-menu #top-dropdown li.close a:active { background: #00c0c7; }