/*Desktop Menu*/
#navbox {
   width: 100%;
   height: auto;
   font-size: 15px;
   margin: 10px 0;
   position: relative;
   z-index: 3000;
   margin-left  : calc( -100vw / 2 + 100% / 2 );
   margin-right : calc( -100vw / 2 + 100% / 2 );
   width: 100vw;
}

#navbox nav {  
   margin: 0 auto;
   width: 70vw;
}

#navbox nav:after {
  content: "";
  display: table;
  clear: both;
}

#navbox nav li {
   position: relative;
   display: block;
   float: left;   
}

#navbox nav li li {
   border-bottom: 1px solid #fff
}

#navbox nav a {
   display: block;
   color: #544E55; 
   padding: 0 15px;
   line-height: 38px;
   text-decoration: none;
}

#navbox nav a:hover{
   color: #FF5D4C;
}

#navbox nav div.menu ul .current_page_item > a,
#navbox nav div.menu ul .current_page_ancestor > a,
#navbox nav div.menu ul .current-menu-item > a,
#navbox nav div.menu ul .current-menu-ancestor > a,
#navbox nav div.menu ul .current_page_parent > a
#navbox nav ul.menu .current_page_item > a,
#navbox nav ul.menu .current_page_ancestor > a,
#navbox nav ul.menu .current-menu-item > a,
#navbox nav ul.menu .current-menu-ancestor > a,
#navbox nav ul.menu .current_page_parent > a
{
   color: #FF5D4C
}

#navbox nav ul.sub-menu {
   position: absolute;
   top: 100%;
   left: 0;
   min-width: 200px;
   z-index: 3000;
   background: #dfdfdf;
   display: none;
   -moz-animation: fadein .85s; /* Firefox */
   -webkit-animation: fadein .85s; /* Safari and Chrome */
   -o-animation: fadein .85s; /* Opera */
   animation: fadein .85s; /* All modern browsers */
}

@-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; }}
@-moz-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; }}
@-o-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; }}

#navbox nav ul.sub-menu ul.sub-menu {
   top: 0;
   left: 100%;
}

#navbox nav ul.sub-menu li {
   float: none;
}

/*Arrows*/
#navbox nav li label.arrow {
   position: absolute;
   right: 0;
   top: 0;
   width: 28px;  
   height: 38px;
   color: #FF5D4C
}

/*Link with arrow*/
#navbox nav li.menu-item-has-children a {
   padding: 0 30px 0 13px;
}

/*Down arrow*/
#navbox nav label.arrow:after {
   content: '\25BE';
   line-height: 38px;
   text-align: center;
   display: block;
}

/*Right arrow*/
#navbox nav ul.sub-menu label.arrow:after {
   content: '\25B8';
}

/*Show submenu*/
#navbox nav li:hover > ul.sub-menu,
#navbox nav li:hover > input[type="checkbox"] + ul.sub-menu {
   display: block;
}

input#hamburger,
label#expand-btn,
#navbox nav input,
aside ul.menu input
{
   display: none;
}

@keyframes animatetop{
   from{left:-300px;opacity:0} to{left:0;opacity:1}
}

@media only screen and (max-width: 940px) {

/*hamburger*/
#navbox {
   background: transparent !important;
}
	
#navbox nav {
   position:absolute;
   left:-100%;
   top: 40px;
   width:300px;
   height:100%;
   margin:0;
   z-index:5;
   -moz-transition:all 600ms ease-in;
   -webkit-transition:all 600ms ease-in;
   -o-transition:all 600ms ease-in;
   transition:all 600ms ease-in;
}

label#expand-btn {   
   z-index:5;
   position:absolute;
   left:10px;
   margin: 10px 3px 20% 0;
   display: block;
   border-bottom: 17px double #516170;
   border-top: 6px solid #516170;
   content:"";
   min-height: 5px; 
   width:30px;
   clear: both;
}

input[type="checkbox"],
#navbox nav li:hover > input[type="checkbox"] + .sub-menu,
#navbox nav li:hover > ul.sub-menu
{
   display:none;
}

input[type="checkbox"]:checked ~ #navbox nav{
   left:0;
}

input[type="checkbox"]:checked ~ label#expand-btn{
   border-color: #FF5D4C;  
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
}

/*Mobile #navbox nav*/
#navbox nav a:first-child {
   padding: 0 15px;
}

#navbox nav li li{
   padding: 0 0 0 10px;
   margin-bottom: -1px
}

#navbox nav a {
   line-height: 45px;
}

#navbox nav ul.sub-menu,
#navbox nav ul.sub-menu ul.sub-menu {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3000;
}

#navbox nav input[type="checkbox"]:checked ~ ul.sub-menu {
  display: block;
  position:relative;
  animation:animatetop 0.4s
}

#navbox nav ul li li li {
  border-left: 1px solid #fff
}

#navbox nav ul.menu {
  position:absolute;
  left:0;
  width:100%;
  height:auto;
  background: #dfdfdf;
  z-index:3000
}

ul.sub-menu:last-child {
  border-top: 1px solid #fff;
}

#navbox nav li {
  float: none;
  border-bottom: 1px solid #fff
}

#navbox nav ul.sub-menu,
#navbox nav ul.sub-menu ul.sub-menu {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3000;
}

#navbox nav input[type="checkbox"]:checked ~ ul.sub-menu {
  display: block;
  position:relative;
  animation:animatetop 0.4s
}

/*unicode + */
#navbox nav label.arrow:after {   
   content: ' \002B ';
   line-height: 45px;
   font-weight: bold
}

/*unicode + */
#navbox nav ul.sub-menu label.arrow:after {
   content: ' \002B ';
}

/*unicode - */
#navbox nav input[type="checkbox"]:checked ~  label.arrow:after
{
  content: ' \2212 ';
}

/*Mobile arrowbox*/
#navbox nav li label.arrow {
   min-width: 45px;  
   height: 100%;
   background: #E8E8E8;
}

#navbox nav li.menu-item-has-children a {
   padding: 0 55px 0 15px;
}
}