body{ behavior:url("csshover2.htc"); }
.pd_menu_01 {/*float:left;*/ padding:0; margin:0;width:100%; clear:both;background-color:#FFFFC0; border-radius:10px;} /*Color navigation bar normal mode*/
.pd_menu_01  a, .pd_menu_01 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:14px;
color: black;
/*background-color: #e3e3e3;*/
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;display: inline-block;}
.pd_menu_01 ul li {position:relative; z-index:auto !important ; z-index:1000 ; border-radius: 10px;}
.pd_menu_01 ul li a {color: black;float:none !important ; float:left ; border-radius: 10px; display:block; height:30px; line-height:30px; padding:0 5px 0 5px; text-decoration:none;text-align: left;} /*list items sub-menus*/
.pd_menu_01 ul li ul {display:none; border:none;color: black; margin-top: 15px;}
.pd_menu_01 ul li:hover a {background-color:#656565; text-decoration:none; color:#FFFFFF;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block;  position:absolute; z-index:999;margin-top:0px; left:0; background: #FFFFC0; border-radius: 10px;} /*background on dropdown sub-menus*/
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:0px; padding:5px 10px 5px 10px;  background-color:#FFFFC0; color:black;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#656565; text-decoration:none;color:#FFFFFF;height: auto; padding: 5px 10px 5px 10px;} /*Color subcells hovering mode*/
.pd_menu_01 ul li a:hover {background-color:#656565; border: 0px solid #989898; height: 30px; line-height: 30px;padding: 0px 5px 0px 5px;text-decoration:none;color:#FFFFFF;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:40px; left:0; }
.pd_menu_01 ul li ul li a:visited {color:black;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:0px 10px 0px 10px;  background-color:#e3e3e3;  color:#069414;} 
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#656565; text-decoration:none;color:#FFFFFF;} /*Color subcells hovering mode*/

/*other menu*/
.menu-toggle {
  width: 40px;
  height: 30px;
  position: absolute;
  top: 20px;
  right: 25px;
  cursor: pointer;
  
  &.on {
    .one {
      @include transform(rotate(45deg) translate(7px, 7px));
    }

    .two {
      opacity: 0;
    }

    .three {
      @include transform (rotate(-45deg) translate(8px, -10px));
    }
  }
}

.one,
.two,
.three{
  width: 100%;
  height: 5px;
  background: white;
  margin: 6px auto;
  backface-visibility: hidden;
  @include transition-duration(0.3s);
}

nav ul{
  margin: 0;
  padding: 0;
  font-family: Open Sans;
  list-style: none;
  margin: 4em auto;
  text-align: center;
  
  &.hidden {
    display: none;
  }
    
    a {
    @include transition-duration(0.5s);
    text-decoration: none;
    color: white;
    font-size: 3em;
    line-height: 1.5;
    width: 100%;
    display: block;
      &:hover {
        background-color: rgba(0,0,0,0.5);
      }
    }
}

.menu-section {
  &.on {
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  }
}