nav * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
nav.navbar {
    min-height: 38px;
    font-family: Tahoma;
    font-size: 13px;
    height: 38px;
    position: relative;
    min-width: 600px;
    z-index: 500;
    background: url(../images/shared/nav/repeat.jpg) repeat-x;
}
nav .logo {
    float: left;
    width: 90px;
    padding: 0 10px;
}
nav .bar {
    float: right;
}
.hamburguer {
    display: none;
    float: left;
}
.menu {
    font-size: 0;
    border-bottom: solid 0.25rem #F27430;
}
.menu * {
    font: bold 13px Tahoma, Arial, Helvetica, sans-serif; color: #fff;
}
.menu > li{
    display: inline-block;
    position: relative;
}
.menu > li + li {
    border-left: solid 1px #334;
}
.menu li a {
    display: inline-block;
    padding: 0.625rem 1.25rem;
    text-decoration: none;
    width: 100%;
}
.menu li span {
    font-weight: normal;
    padding: 0.625rem 1.25rem;
    display: block;
}
.menu ul {
    display: block;
    position:absolute;
    left: 0;
    top:100%;
    border-top: solid 0.25rem #F27430;
    background: #555;
}
.menu li:hover, .menu li.current {
    background: #333;
}
.menu ul li {
    display: block;
    max-height: 3.125rem;
    opacity: 1;
    -webkit-transition: max-height 0.5s, opacity 0.5s; /* Safari */
    transition: max-height 0.5s, opacity 0.5s;
    white-space: nowrap;
}
.menu .closed li {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height 0.5s, opacity 0.5s; /* Safari */
    transition: max-height 0.5s, opacity 0.5s;
}
nav .current .sub li.sub_show a {
    color: #F27430;
    cursor: default;
    background: #333;
}
.hidden {
    display: none;
}
@media only screen and (max-device-height: 1280px){
   body:after {
      display: block;
      position: absolute;
      top: calc(100vh/2 - 0.313rem);
      left: calc(100vw/2 - 3.125rem);
      z-index: -1;
      width: 6.25rem;
      background: #fff;
      padding: 0.313rem;
      font: normal 1rem/1 "Myriad", Arial, Helvetica, sans-serif; color: #334;
      text-align: center;
   }
}
/*@media only screen and (max-width: 1280px) and (min-aspect-ratio: 16/10), only screen and (max-width: 1024px) and (aspect-ratio: 4/3), only screen and (orientation: portrait), only screen and (max-width: 768px)and (orientation: landscape) {*/
    @media only screen and (max-width: 768px){
    .menu {
        height: 100%;
        text-align: left;
        border: 0;
    }
    .menu * {
        font: normal 1.25rem/1 "Myriad", Arial, Helvetica, sans-serif;
    }
    .menu > li {
        background-color: #777;
    }
    .menu ul, .menu li, .menu li a {
        width: 100%;
    }
    .menu > li:not(.closed) {
        border-left: 0;
        border-bottom: solid 1px #334;
    }
    .menu > li + li {
        border-left: 0;
    }
    .menu ul {
        position: relative;
    }
    .hidden {
        display: none;
    }
}
@media only screen and (max-width: 768px){
    nav.navbar {
        min-height: 38px;
    }
    .hamburguer {
        display: inline-block;
        width: 3.125rem;
        height: 38px;
        background: #fff url(../images/hamburguer.png) no-repeat center center;
        border: 0;
        outline: 0;
        cursor: pointer;
    }
    .menu * {
        font: normal 1.5rem/1 "Myriad", Arial, Helvetica, sans-serif;
    }
}