#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cssmenu #menu-button{display:none}#menu-line{position:absolute;top:0;left:0;height:3px;background:##ffbfa0;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}#cssmenu>ul>li.has-sub>a{padding-right:25px}#cssmenu>ul>li.has-sub>a::after{position:absolute;top:33px;right:10px;width:4px;height:4px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}#cssmenu>ul>li.has-sub:hover>a::after{border-color:#f18941}#cssmenu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}#cssmenu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}#cssmenu ul ul li.has-sub:hover>a::after{border-color:#fff}@media all and (max-width:1000px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:991px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991px),only screen and (min-device-pixel-ratio:2) and (max-width:991px),only screen and (min-resolution:192dpi) and (max-width:991px),only screen and (min-resolution:2dppx) and (max-width:991px){#cssmenu ul ul li.has-sub>a::after,#cssmenu>ul>li.has-sub>a::after{display:none}#menu-line{display:none}#cssmenu #menu-button{display:block;padding:10px 0 25px 0;color:#333;margin-top:-58px;cursor:pointer;font-size:12px;font-weight:700;text-transform:uppercase;width:20%;float:right}#cssmenu #menu-button::after{content:'';position:absolute;top:22px;right:6px;display:block;width:15px;height:4px;background:#666}#cssmenu #menu-button::before{content:'';position:absolute;top:29px;right:6px;display:block;width:15px;height:3px;border-top:2px solid #666;border-bottom:2px solid #666}#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.15);height:52px;width:52px;cursor:pointer}#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99}#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;z-index:99}#cssmenu .submenu-button.submenu-opened:after{display:none}}
nav { position: relative;  }
.dark nav { background-color:rgba(255,255,255,0.5); }
.light nav { background-color:rgba(0,0,0,0.5); }
.ic {
  position: fixed; 
  cursor: pointer;
  display: inline-block;
  right: 25px;
  width: 26px;
  height: 24px;
  text-align: center;
  top:0px;
  outline: none;
}

.ic.close { 
  opacity: 0; 
  font-size: 0px; 
  font-weight: 300; 
  color: #999;
  top:8px;
  height:40px;
  display: block;
  outline: none;
}
.ic.menu { top:22px; z-index : 20; }

.ic.menu .line { 
  height: 2px;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    border-radius: 50px;
}


@media only screen and (max-width:768px) {
  .ic.menu { display: block; }
  .dark .ic.menu .line { background-color: #666; } 
  .light .ic.menu .line { background-color: #000; }
  .ic.menu .line {
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
  .ic.menu:focus .line { background-color: #999 !important; }
  
  .ic.menu:focus .line:nth-child(1) { 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); 
  }
  
  .ic.menu:focus .line:nth-child(2){ 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); 
    margin-top: -8px;
  }
  
  .ic.menu:focus .line:nth-child(3){
    transform: translateY(15px);
    opacity: 0;
  }
  
  .ic.menu:focus{ outline: none; }
  .ic.menu:focus ~ .ic.close { opacity: 1; z-index : 21000;  outline: none;  }
  .ic.menu:hover, 
  .ic.menu:focus{ opacity: 1; }
  

  nav { background-color: transparent; }
}

@media only screen and (min-width:769px) {
  .ic.menu { display: none; }
}