/*! responsive-nav.js 1.0.39 by @viljamis */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none; 
}

.nav-collapse li {
  width: 88%;
  display: block;
  background:url(../images/nav.png) no-repeat; padding: 9px 0 9px 23px;margin:1px 0 1px 4px; 
}
.nav-collapse li a{color:#666; font-weight:bold; font-size:13px; display:block; }
.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}


.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background:url(../images/nav-icon.png) no-repeat 98% center #02B5ED; padding:10px; color:#fff; display:block; border-radius:5px; margin:2px 0; text-transform:uppercase; font-weight:bold; font-size:15px;  text-align:center;
}

.menu_list {    
    margin-left: 5px;
   }
.menu_head {
	    position: relative;
    /* margin: 1px 0; */
    font-weight: bold;
    border: 1px solid #fff;
    border-radius: 10px;
    margin: 3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e0fd+0,53cbf1+40,05abe0+100;Blue+3D+%23+16 */
background: #87e0fd; /* Old browsers */
background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */


	}
.menu_head a{
	text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 6px 0px 6px 16px;
	background: url(../img/check3.png) left no-repeat; 
    
    color: #fff;
    margin: 2px 0;
    text-transform:uppercase;
}
.menu_body {/*display:none;*/}
.menu_body a{ 
    display: block;
    color: #fff;
     background: url(../img/check2.png) left no-repeat; 
    padding: 8px 0px 8px 25px;
    /* font-weight: bold; */
    text-decoration: none;
    border-radius: 5px;
    margin-bottom: 1px;
	margin:0 0 0 25px;


}
.menu_body a:hover{ /*color: #fff; background-color:#015637*/ }

@media screen and (min-width: 62.5em) {

  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
  

}
@media screen and (max-width: 1000px) {
.menu_list {width: 98.5%;}
.menu_head a{padding: 8px 0px 8px 25px;}
@media screen and (max-width: 350px) {
.menu_list {width: 97%;}	
	}