/*!

 * SlickNav Responsive Mobile Menu v1.0.10

 * (c) 2016 Josh Cope

 * licensed under MIT

 */



 

.slicknav_btn {

  position: relative;

  display: block;

  vertical-align: middle;

  float: left;

  clear: left;

  padding: 0.438em 0.625em 0.438em 3.4em;

  line-height: 1.125em;

  cursor: pointer;

  font-size: 16px;
   }
    @media all and (max-width: 600px){.slicknav_btn{  padding: 0.438em 0.725em 0.438em 1.1em; } }  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {

    margin-top: 0.4em; }

  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {

    margin-top: 0.4em; }

@media (max-width: 210px) {
  .slicknav_btn {
    font-size: 10px;
    Left: -10%;
    padding: 0.3em 0.5em 0.3em 1em;
  }

  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.25em;
  }
}



.slicknav_menu {

	position: relative;

	top: 0px;

  *zoom: 1; 

  z-index: 1;

}

  .slicknav_menu .slicknav_menutxt {

    display: block;

    line-height: 1.188em;

    float: left; }

  .slicknav_menu .slicknav_icon {

    float: left;

    width: 1.125em;

    height: 0.875em;

    margin: 0.188em 0 0 0.438em; }

    .slicknav_menu .slicknav_icon:before {

	background: transparent;

	width: 1.125em;

	height: 0.875em;

	display: block;

	margin-top: 1.2em;

	font-size: 12px;

	content: "MENU";

	position: absolute;

	font-family: Arial, Helvetica, sans-serif;

	color: #000;

}

  .slicknav_menu .slicknav_no-text {

    margin: 0; }

  .slicknav_menu .slicknav_icon-bar {

    display: block;

	margin-top: -0.5em;

    width: 2.125em;

    height: 0.225em;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px;

	background-color: #000;

    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

  .slicknav_menu:before {

    content: " ";

    display: table; }

  .slicknav_menu:after {

    content: " ";

    display: table;

    clear: both; }



.slicknav_nav {

  clear: both;

   }

  .slicknav_nav ul {

    display: block;

	 }

  .slicknav_nav li {

    display: block;

	 }

  .slicknav_nav .slicknav_arrow {

    font-size: 0.8em;

    margin: 0 0 0 0.4em; }

  .slicknav_nav .slicknav_item {

    cursor: pointer; }

    .slicknav_nav .slicknav_item a {

      display: inline;

	   }

  .slicknav_nav .slicknav_row {

    display: block;

	font-weight: bold; }

  .slicknav_nav a {

    display: block; }

  .slicknav_nav .slicknav_parent-link a {

    display: inline; }







.slicknav_menu {

  display: block;

  font-size: 16px;

  box-sizing: border-box;

  background: #E8E8E8;

  padding: 5px;

   width: 100%;
  max-width: 650px; /* or whatever your typical width is */
  z-index:1;
 

   }

   

   /*! @media all and (min-width: 602px) and (max-width: 768px)   {  .slicknav_menu  { background: transparent; top: 10px;  } }

  .slicknav_menu * {  

    box-sizing: border-box;

	 }*/

  .slicknav_menu .slicknav_menutxt {

	font-size: 12px;  

    color: #fff;

    font-weight: bold;

    text-shadow: 0 1px 3px #000; }

  







.slicknav_btn {

  margin: 5px 5px 6px;

  text-decoration: none;

  }



.slicknav_nav {

  

  color: #fff;

  margin-top: 5.0em;

  padding: 0;

  font-size: 0.875em;

  list-style: none;

  overflow: hidden;

   }

  .slicknav_nav ul {

    list-style: none;

    overflow: hidden;

    padding: 0;

    margin: 0 0 0 20px; }

  .slicknav_nav .slicknav_row {

    

	padding: 5px 10px;

    margin: 2px 2px; }

    .slicknav_nav .slicknav_row:hover {

      -webkit-border-radius: 6px;

      -moz-border-radius: 6px;

      border-radius: 6px;

      background: #ccc;

      color: #fff;

	   }

  .slicknav_nav a {

    padding: 5px 10px;

    margin: 2px 5px;

    text-decoration: none;

    color: #000;

	

	 }

    .slicknav_nav a:hover {

      -webkit-border-radius: 6px;

      -moz-border-radius: 6px;

      border-radius: 6px;

      background: #ccc;

      color: #222;

	   }

  .slicknav_nav .slicknav_txtnode {

    margin-left: 15px; }

  .slicknav_nav .slicknav_item a {

    padding: 0;

    margin: 0;

	 }

  .slicknav_nav .slicknav_parent-link a {

    padding: 0;

    margin: 0;

	

	 }

	

.slicknav_brand {

  position: absolute;

  color: #000;

  font-family: "Arial Black", Gadget, sans-serif;

  font-size: 18px;

  float: right;  

  line-height: 30px;

  padding: 7px 12px;

  height: 20px;

  margin-left: 18%;

  font-weight: bold;

  

  

 

   }



@media (max-width: 320px)

    {

      .slicknav_brand

       {

           font-size: 16px; 

		   

		   position: absolute;

  color: #000;

  font-family: "Arial Black", Gadget, sans-serif;

  float: right;  

  line-height: 30px;

  padding: 7px 12px;

  height: 20px;

  margin-left: 18%;

  font-weight: bold;

       }

     

       }

	   

#menu {

	display: none;

}