@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/**
 * html5doctor.com Reset Stylesheet v1.6.1 (https://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (https://richclarkdesign.com)
 * https://cssreset.com
 */

#hybridmenu ul, #hybridmenu li, #mobile-menu ul, #mobile-menu li, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}



/* ----------------------------- JQuery UI ----------------------------- */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
/* ----------------------------- Custom Code ----------------------------- */



* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  
}


#wrapper {
  width: 100%;
  margin: 0 auto;
 
  height:60%; 
  position: absolute;
  background-color: white;
  left: 0;
  
}


h1 {
  font-size: 23px;
  line-height: 26px;
  padding-bottom: 20px;
  
}

p {
  padding-bottom: 5px;
  
}

/* ----------------------------- Menu Code ----------------------------- */

#hybridmenu {
  -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  height:120px;
  position: fixed;
  width: 100%;
 
    
  font-family: 'Arial', 'Open Sans', sans-serif;
  background-color: #000000; /* Default intense grey color of menu */
  top: 0;
  z-index: 1000;
   
  
}

 
#hybridmenu ul 
{
    top:60px;
    background-color:#000000;
     width: 990px;
    left: 50%;
    position: absolute;
    margin-left: -520px;
   
}

#hybridmenu ul li {
  float: left;
  
   
  height: 60px;
  
}

#hybridmenu ul li a,
#mobile-menu ul li a {
  color: white;
  font-size: 15px;
  min-width:70px;
  max-width:130px;
  height: 60px;
  float:right;
  display: block;
  text-decoration: none;    
  padding: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  
  text-align:center;
  white-space:nowrap;
 
}

#mobile-menu ul li a {
  height: 60px;
  
}

#hybridmenu ul li:hover a {
  background-color: #273583; /* Hover color of menu */
  color:White;
   min-width:70px;
   max-width:130px;
  text-align:center;
   padding: 15px;
 
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}

#hybridmenu ul li:after {
  content: "";
  display: block;
  clear: both;
}

#hybridmenu li.logo a {
 margin-top:-65px;
  position:absolute;
 margin-left:45px;
 width:212px;
 display:block;
   
}

#hybridmenu .logo,
#hybridmenu ul li.logo:hover a {
  background-color:transparent;
   
}

#hybridmenu ul li.menu-right {
  float: left;
 
}

#hybridmenu ul li.menu-right a {
  font-size: 14px;
  margin-right:40px;
}

#hybridmenu ul li.parent {
  position: relative;
}

#hybridmenu ul li.parent.hidden {
  overflow: hidden;
}

#hybridmenu ul li.parent.opened {
  overflow: visible;
}

#hybridmenu ul.sub-menu {
  background-color: #000000; /* Default intense green color of menu */
  position: absolute;
  width: 130px;  
       margin-left:-55px;
  opacity: 0.85;
  
  display: none;
  -moz-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.5); 
  -webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.5); 
}

#hybridmenu ul.sub-menu li {
  height: 50px;
  line-height:15px;
 
  color:White;
  width: 100%;
}

#hybridmenu ul li i,
#hybridmenu ul li.mobile-menu-item {
  display: none;
  font-size: 22px;
  color: white;
}

#hybridmenu ul.sub-menu li a {
  display: block;
  width: 100%;
  height: 100%;
  
  background-color: transparent;
  font-size: 14px;  /* Hover font-size */
}

#hybridmenu ul.sub-menu li:hover a {
  background-color: #273583;  /* Hover color of menu */
   color:White;

}