.nav {
  background: none;
  display: inline-block;
}

.nav li {
  float: left;
  list-style-type: none;
  position: relative;
}

.nav li a {
    font-size: 14px;
    color: #383636;
    display: block;
    padding: 0 0px 20px 0px;
    text-decoration: none;
    border-left: 0;
    text-transform: uppercase;
}

.nav li a:hover {
  background-color: #FFF;
}

.id_subitem a{
    border-left: 0 none;
    text-align: center;
}

.id_subitem>a {

}

.id_subitem > a:after {
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #383636;
    padding-left: 10px;
}

.subnav {
    visibility: hidden;
    position: absolute;
    top:110%;
    right: auto;
    opacity: 0;
    transition: all 0.3s;
    background: rgba(255, 255, 255, 0.9);
    margin: 0;
    padding: 0; 
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 3px 7px rgba(0,0,0,0.03);
    height: 134px;
}

.subitem-two {
    width: 320px;
}

.subitem-two:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.menu-1 .subitem-two {
    right: auto;
    left: 0;
}

.menu-1 .subitem-two:before {
    left: calc(0% + 100px);
}

.menu-2 .subitem-two {
    right: auto;
    left: calc(0% - 100px);
}

.menu-2 .subitem-two:before {
    left: calc(0% + 150px);
}

.menu-3 .subitem-two {
    right: calc(0% - 100px);
    left: auto;
}

.menu-3 .subitem-two:before {
    left: calc(0% + 140px);
}

.menu-4 .subitem-two {
    right: calc(0% - 45px);
    left: auto;
}

.menu-4 .subitem-two:before {
    left: calc(0% + 160px);
}

.subitem-three {
    width: 480px;
}

.subitem-three:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.menu-1 .subitem-three {
    right: auto;
    left: 0;
}

.menu-1 .subitem-three:before {
    left: calc(0% + 100px);
}

.menu-2 .subitem-three {
    right: auto;
    left: calc(0% - 235px);
}

.menu-2 .subitem-three:before {
    left: calc(0% + 300px);
}

.menu-3 .subitem-three {
    right: calc(0% - 195px);
    left: auto;
}

.menu-3 .subitem-three:before {
    left: calc(0% + 215px);
}

.menu-4 .subitem-three {
    right: calc(0% - 45px);
    left: auto;
}

.menu-4 .subitem-three:before {
    left: calc(0% + 330px);
}

.subitem-four {
    width: 640px;
}

.subitem-four:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.menu-1 .subitem-four {
    right: auto;
    left: 0;
}

.menu-1 .subitem-four:before {
    left: calc(0% + 100px);
}

.menu-2 .subitem-four {
    right: auto;
    left: calc(0% - 235px);
}

.menu-2 .subitem-four:before {
    left: calc(0% + 300px);
}

.menu-3 .subitem-four {
    right: calc(0% - 260px);
    left: auto;
}

.menu-3 .subitem-four:before {
    left: calc(0% + 300px);
}

.menu-4 .subitem-four {
    right: calc(0% - 45px);
    left: auto;
}

.menu-4 .subitem-four:before {
    left: calc(0% + 490px);
}

.subitem-five {
    width: 800px;
}

.subitem-five:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.menu-1 .subitem-five {
    right: auto;
    left: calc(0% + 20px);
}

.menu-1 .subitem-five:before {
    left: calc(0% + 100px);
}

.menu-2 .subitem-five {
    right: auto;
    left: calc(0% - 235px);
}

.menu-2 .subitem-five:before {
    left: calc(0% + 300px);
}

.menu-3 .subitem-five {
    right: calc(0% - 260px);
    left: auto;
}

.menu-3 .subitem-five:before {
    left: calc(0% + 460px);
}

.menu-4 .subitem-five {
    right: calc(0% - 45px);
    left: auto;
}

.menu-4 .subitem-five:before {
    left: calc(0% + 650px);
}

.subitem-six {
    width: 960px;
}

.subitem-six:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.menu-1 .subitem-six {
    right: auto;
    left: calc(0% - 137px);
}

.menu-1 .subitem-six:before {
    left: calc(0% + 280px);
}

.menu-2 .subitem-six {
    right: auto;
    left: calc(0% - 395px);
}

.menu-2 .subitem-six:before {
    left: calc(0% + 460px);
}

.menu-3 .subitem-six {
    right: calc(0% - 260px);
    left: auto;
}

.menu-3 .subitem-six:before {
    left: calc(0% + 625px);
}

.menu-4 .subitem-six {
    right: calc(0% - 45px);
    left: auto;
}

.menu-4 .subitem-six:before {
    left: calc(0% + 805px);
}

.subitem-seven {
    width: 1120px;
}

.subitem-seven:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.menu-1 .subitem-seven {
    right: auto;
    left: calc(0% - 237px);
}

.menu-1 .subitem-seven:before {
    left: calc(0% + 380px);
}

.subitem-eight {
    width: 1280px;
}

.subitem-eight:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.menu-1 .subitem-eight {
    right: auto;
    left: calc(0% - 337px);
}

.menu-1 .subitem-eight:before {
    left: calc(0% + 480px);
}

.nav-item-5 {
    
}

.nav-item-5 .subitem-two {
    width: 320px;
}

.nav-item-5 .subitem-two:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.nav-item-5 .menu-1 .subitem-two {
    right: auto;
    left: 0;
}

.nav-item-5 .menu-1 .subitem-two:before {
    left: calc(0% + 100px);
}

.nav-item-5 .menu-2 .subitem-two {
    right: auto;
    left: calc(0% - 100px);
}

.nav-item-5 .menu-2 .subitem-two:before {
    left: calc(0% + 150px);
}

.nav-item-5 .menu-3 .subitem-two {
    right: calc(0% - 100px);
    left: auto;
}

.nav-item-5 .menu-3 .subitem-two:before {
    left: calc(0% + 140px);
}

.nav-item-5 .menu-4 .subitem-two {
    right: calc(0% - 45px);
    left: auto;
}

.nav-item-5 .menu-4 .subitem-two:before {
    left: calc(0% + 160px);
}

.nav-item-5 .menu-5 .subitem-two {
    right: calc(0% - 45px);
    left: auto;
}

.nav-item-5 .menu-5 .subitem-two:before {
    left: calc(0% + 160px);
}

.nav-item-5 .subitem-three {
    width: 480px;
}

.nav-item-5 .subitem-three:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.nav-item-5 .menu-1 .subitem-three {
    right: auto;
    left: 0;
}

.nav-item-5 .menu-1 .subitem-three:before {
    left: calc(0% + 100px);
}

.nav-item-5 .menu-2 .subitem-three {
    right: auto;
    left: calc(0% - 235px);
}

.nav-item-5 .menu-2 .subitem-three:before {
    left: calc(0% + 300px);
}

.nav-item-5 .menu-3 .subitem-three {
    right: calc(0% - 195px);
    left: auto;
}

.nav-item-5 .menu-3 .subitem-three:before {
    left: calc(0% + 215px);
}

.nav-item-5 .menu-4 .subitem-three {
    right: calc(0% - 45px);
    left: auto;
}

.nav-item-5 .menu-4 .subitem-three:before {
    left: calc(0% + 330px);
}

.nav-item-5 .menu-5 .subitem-three {
    right: calc(0% - 45px);
    left: auto;
}

.nav-item-5 .menu-5 .subitem-three:before {
    left: calc(0% + 330px);
}

.nav-item-5 .subitem-four {
    width: 640px;
}

.nav-item-5 .subitem-four:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.nav-item-5 .menu-1 .subitem-four {
    right: auto;
    left: 0;
}

.nav-item-5 .menu-1 .subitem-four:before {
    left: calc(0% + 100px);
}

.nav-item-5 .menu-2 .subitem-four {
    right: auto;
    left: calc(0% - 235px);
}

.nav-item-5 .menu-2 .subitem-four:before {
    left: calc(0% + 300px);
}

.nav-item-5 .menu-3 .subitem-four {
    right: calc(0% - 260px);
    left: auto;
}

.nav-item-5 .menu-3 .subitem-four:before {
    left: calc(0% + 300px);
}

.nav-item-5 .menu-4 .subitem-four {
    right: calc(0% - 45px);
    left: auto;
}

.nav-item-5 .menu-5 .subitem-four:before {
    left: calc(0% + 490px);
}

.nav-item-5 .menu-5 .subitem-four {
    right: calc(0% - 45px);
    left: auto;
}

.nav-item-5 .menu-4 .subitem-four:before {
    left: calc(0% + 490px);
}

.nav-item-5 .subitem-five {
    width: 800px;
}

.nav-item-5 .subitem-five:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.nav-item-5 .menu-1 .subitem-five {
    right: auto;
    left: calc(0% + 20px);
}

.nav-item-5 .menu-1 .subitem-five:before {
    left: calc(0% + 100px);
}

.nav-item-5 .menu-2 .subitem-five {
    right: auto;
    left: calc(0% - 235px);
}

.nav-item-5 .menu-2 .subitem-five:before {
    left: calc(0% + 300px);
}

.nav-item-5 .menu-3 .subitem-five {
    right: calc(0% - 260px);
    left: auto;
}

.nav-item-5 .menu-3 .subitem-five:before {
    left: calc(0% + 460px);
}

.nav-item-5 .menu-4 .subitem-five {
    right: calc(0% - 200px);
    left: auto;
}

.nav-item-5 .menu-4 .subitem-five:before {
    left: calc(0% + 500px);
}

.nav-item-5 .menu-5 .subitem-five {
    right: calc(0% - 45px);
    left: auto;
}

.nav-item-5 .menu-5 .subitem-five:before {
    left: calc(0% + 650px);
}

.nav-item-5 .subitem-six {
    width: 960px;
}

.nav-item-5 .subitem-six:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.nav-item-5 .menu-1 .subitem-six {
    right: auto;
    left: calc(0% - 65px);
}

.nav-item-5 .menu-1 .subitem-six:before {
    left: calc(0% + 180px);
}

.nav-item-5 .menu-2 .subitem-six {
    right: auto;
    left: calc(0% - 295px);
}

.nav-item-5 .menu-2 .subitem-six:before {
    left: calc(0% + 365px);
}

.nav-item-5 .menu-3 .subitem-six {
    right: calc(0% - 390px);
    left: auto;
}

.nav-item-5 .menu-3 .subitem-six:before {
    left: calc(0% + 500px);
}

.nav-item-5 .menu-4 .subitem-six {
    right: calc(0% - 200px);
    left: auto;
}

.nav-item-5 .menu-4 .subitem-six:before {
    left: calc(0% + 650px);
}

.nav-item-5 .menu-5 .subitem-six {
    right: calc(0% - 45px);
    left: auto;
}

.nav-item-5 .menu-5 .subitem-six:before {
    left: calc(0% + 805px);
}


.nav-item-5 .subitem-seven {
    width: 1120px;
}

.nav-item-5 .subitem-seven:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.nav-item-5 .menu-1 .subitem-seven {
    right: auto;
    left: calc(0% - 65px);
}

.nav-item-5 .menu-1 .subitem-seven:before {
    left: calc(0% + 180px);
}

.nav-item-5 .subitem-eight {
    width: 1280px;
}

.nav-item-5 .subitem-eight:before {
    position: absolute;
    top: -15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    transform: rotate(360deg);
}

.nav-item-5 .menu-1 .subitem-eight {
    right: auto;
    left: calc(0% - 65px);
}

.nav-item-5 .menu-1 .subitem-eight:before {
    left: calc(0% + 180px);
}

.subnav li {
    display: inline-block;
    width: 160px;
    border-right: solid 1px #EEE;
    height: 100%;
    overflow: hidden;
}

.subnav li:last-child {
    border-right: 0;
}

.subnav li a:after {
    content:'';
    width: 0;
    height: 100%;
    background: #EEE;
    position: absolute;
    top: 0;
    left: -2px;
}

.subnav li:first-child:after {
    content: '';
    width: 0;
}

.subnav li a {
  border-bottom: 0;
}

.subnav-icon {
    display: block;
    height: 94px;
    background-repeat: no-repeat;
    background-position: 60px 20px;
}

.id_subitem:hover .subnav{
  visibility: visible;
  top:calc(100% + 25px);
  opacity: 1;
}

.subname {
    display: block;
}

.main-nav > ul > li a:focus {
    background: none;
}