@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
/* 2f4b87 */
/* 2f4b87 */
/* #1f325d */
/* Menu CSS*/
#cssmenu {
  width: auto;
  z-index: 9999;
  position: relative;
  margin: 0px;
}
#cssmenu,					/********************menu bar boackground****************/
#cssmenu ul,				/********************menu bar boackground****************/
#cssmenu ul li,				/****************menu bar (button background) **********/
#cssmenu ul li a {			/****************menu bar (button text) **********/
  padding: 0px 2px 0px 2px;
  margin: 0px 0px 0px 0px;
  line-height: 1;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 500;
  font-size: auto;
  color: #f0f0f0;
  -webkit-transition: all ease .1s;
  -o-transition: all ease .1s;
  -moz-transition: all ease .1s;
  -ms-transition: all ease .1s;
  transition: all ease .1s;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
  content: "";
  display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
  clear: both;
}
#cssmenu a {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#cssmenu ul {      /********************menu bar boackground****************/
  background: #191919;
  padding: 0px 0px 0px 25px;
  margin: 0px;
  border-radius: 0px;
  border: 0px solid #4A4A4A;
  overflow: hidden;
  /*-webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 0px #4A4A4A;*/
}
#cssmenu ul > li {   /****************menu bar (button background) **********/
  float: left;
  width: 16%;			 /**************** top button width ***************/
  margin: auto;
  list-style: none;
}
#cssmenu ul > li > a {   /******************** buttons text ****************/
  display:block;
  text-decoration: none;
  border: 0px solid #191919;    /******************** buttons ****************/
  padding: 5px 15px 5px 10px;
  margin: 0px;
  position: relative;
}
#cssmenu ul > li > a:hover {
  background: #3C3C3C;
  color: #4dc4ff;
  /*color: #eeeedd;*/
  border: 0px solid #4A4A4A;
  border-radius: 1px;
 /*-webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px #4A4A4A;
  -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;*/
  -webkit-transition: all ease .1s;
  -o-transition: all ease .1s;
  -moz-transition: all ease .1s;
  -ms-transition: all ease .1s;
  transition: all ease .1s;
}

#cssmenu ul > li > a:active {
  background: #4D4D4D;
  color: #4dc4ff;
  /*color: #eeeedd;*/
  border: 0px solid #4A4A4A;
  border-radius: 1px;
  /*-webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111; 
  box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;*/
  -webkit-transition: all ease .1s;
  -o-transition: all ease .1s;
  -moz-transition: all ease .1s;
  -ms-transition: all ease .1s;
  transition: all ease .1s;
}

#cssmenu ul > li > a:hover::before {
  content: "";
  z-index: 9999;
  position: relative;
  border: 0px solid black;
  width: 100%;
  height: 100%;
  top: 0;
  left: -1px;
  opacity: 0;
}

#cssmenu ul > li > a:hover::after {
  content: "";
  z-index: 9999;
  position: absolute;
  border: 0px solid black;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1px;
  opacity: 0;
}
#cssmenu > ul > li > ul {
  opacity: 0;
  width: auto;			/***************** drop down width ***************/
  visibility: hidden;
  position: inherit;
  margin: 0px;  /*** <--- affects how the drop down menu appears *****/
}
#cssmenu > ul > li:hover > ul {  /**************drop down menu**********/
  opacity: 1;
  width: auto;			/*************** drop down width ***************/
  visibility: visible;
  position: absolute;
  margin: 1px 0px 1px 1px;  /****** <--- this controls the position of the drop down tile ***********/
  padding: 3px 1px 3px 1px;
  border-radius: 5px 5px 5px 5px;
 /* -webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px rgba(255, 255, 255, 0.15);
  -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 0px rgba(255, 255, 255, 0.15);*/
  
}
#cssmenu > ul > li > ul {   /****************** drop down menu width *******/
  position: absolute;
}
#cssmenu > ul > li > ul > li {
  float: none;
  width: auto;				/****************** button width in drop down menu *******/
  position: relative;
}
#cssmenu > ul > li > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#cssmenu > ul > li > ul > li:hover > ul {
  opacity: 10;
  visibility: visible;
  position: absolute;
}
#cssmenu > ul > li > ul > li > ul {
 /* left: 300px;*/
  top: 0px;
  /*width: 300px;*/
}
	
#cssmenu > ul > li > ul > li > ul > li {
  float: center;
}

/***********************************************************************/
/*********************************/

#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li > a {
  padding: 18px 25px;
}
#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 18px 25px 19px 25px;
  cursor: pointer;
  font-size: 15px;
  text-decoration: none;
  color: #fcfefb;
}
#cssmenu.small-screen #menu-button.menu-opened {
  color: #444444;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 20px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #fcfefb;
  border-bottom: 2px solid #fcfefb;
  width: 18px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #444444;
  border-bottom: 2px solid #444444;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 30px;
  display: block;
  width: 18px;
  height: 2px;
  background: #fcfefb;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #444444;
}
/**************************************/