/* Navigation Drawer */
.mo_menu {position: absolute; padding:0; cursor: pointer; z-index: 9999; color: #3d3d3d; font-size:1.5em;}
.navigation_drawer-wrap {position: fixed; z-index: -1; width: 100%; height: 100%; display:none;top:0px;}
.navigation_drawer-bg {top: 0; position: fixed; z-index: -1; background: rgba(0,0,0,0.3); width: 100%; height: 100%}
.navigation_drawer-bg {visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out}
.navigation_drawer {background: #fff; width: 100%; height: 100%; padding:1.7% 20px 5% 20px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); overflow-x: hidden;box-sizing:border-box;}
.navigation_drawer {visibility: hidden; opacity: 0;
  transform: translateX(-50%) scaleX(0.8);
  transform-origin: left;
  transition-timing-function: cubic-bezier(0.5, 1, 0.5, 1);
  transition-duration: 0.5s;
  -webkit-transform: translateX(-50%) scaleX(0.8);
  -webkit-transform-origin: left;
  -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.5, 1);
  -webkit-transition-duration: 0.5s}

.navigation_drawer-wrap.on {z-index: 10000;display:block;}
.navigation_drawer-wrap.on .navigation_drawer-bg {visibility: visible; opacity: 1}
.navigation_drawer-wrap.on .navigation_drawer {visibility: visible; opacity: 1; -webkit-transform: translateX(0) scaleX(1); transform: translateX(0) scaleX(1)}





/* NAVIGATION */
.btnCose{float:left;left:100px; display:block; border:0px solid #000; padding:13px 6px; margin:0; z-index:100;}
.btnCose i{font-size:1.5em; color:#3d3d3d; font-weight:700;}
.ac_menu {list-style: none; text-align:left; padding:0px 0 20px 0}
.ac_menu ul {display: none}

.ac_menu input[type=checkbox] {position: absolute; opacity: 0}
.ac_menu input[type=checkbox]:checked + label {}
.ac_menu input[type=checkbox]:checked + label::before {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.ac_menu input[type=checkbox]:checked + label + ul, .ac_menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {list-style: none; margin:4px 0 0px; display: block}
.ac_menu > li:last-of-type > label, .ac_menu > li:last-of-type > a, .ac_menu > li > ul > li:last-of-type label, .ac_menu > li > ul > li:last-of-type a {box-shadow: none}

.ac_menu > li{border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3;margin-bottom:-1px; font-weight:600;font-size:1.25em;padding:15px 5px; color:#474b55;}
.ac_menu > li > a{color:#666 !important;}
.ac_menu > .active > label{color:#ff6600 !important;}
.ac_menu > li > ul{padding:7px 0 10px;margin:0px;}
.ac_menu > li > ul > li{font-size:0.85em;padding:6px 22px;color:#666 !important;}

.ac_menu > li > ul > li > a{color:#666 !important;}
.ac_menu > li > ul > li > ul{border:0px solid #ddd;background:#f2f2f2;padding:10px 0px; color:#666 !important;}
.ac_menu > li > ul > li > ul > li{font-size:0.9em;padding:3px 20px;}