.mega-drop-down{
    display:        block;
    margin:         0;
    padding:        0 0 0 180px;
    list-style:     none;
    letter-spacing: -1px;
}

.mega-drop-down ul{
    list-style: none;
    margin:     0;
    padding:    0;
}

/* level0 */
.mega-drop-down li.level0{
    float: left;
}

.mega-drop-down li.level0 > a{
    display:            block;
    clear:              both;
}

.mega-drop-down li.level0 > a .item{
    display:    block;
    clear:      both;
    height:     66px;
    font-size:  18px;
    color:      #000000;
    font-weight: bold;
    padding:    30px 20px 0 20px;
}


.mega-drop-down li.level0-active > a .item{
    color:      #ffffff;
}

.mega-drop-down li.level0:hover > a{
    background: #242425;
}

.mega-drop-down li.level0:hover > a .item{
    color:      #ffffff;
}

.mega-drop-down li.level0:hover .mdd-childs{
    background: #242424;
}

.mega-drop-down li.level0 > a .has-childs{
    padding:    30px 28px 0 20px;
    background: url(arrow-down.png) no-repeat 94% 38px;
}

.mega-drop-down li.level0-active > a .item{
    background: #242424;
}

.mega-drop-down li.level0-active > a .has-childs{
    color:      #ffffff;
    background: #242425 url(arrow_down_hover.png) no-repeat 94% 38px;
}

.mega-drop-down li.level0:hover > a{
    background: #242425;
}

.mega-drop-down li.level0:hover > a .has-childs{
    color:      #ffffff;
    background: url(arrow_down_hover.png) no-repeat 94% 38px;
}

.mega-drop-down li.level0 .mdd-hover{
    display:    none;
    position:   absolute;
    z-index:    99;
    left:       0;
    top:        96px;
    width:      100%;
    padding:    0 0 82px 0;
    background: url(mdd_shadow.png) no-repeat center bottom;
}

.mega-drop-down li.level1 .mdd-hover{
    display:    none;
    position:   absolute;
    z-index:    99;
    left:       0;
    top:        56px;
    width:      100%;
    padding:    0 0 82px 0;
    background: url(mdd_shadow.png) no-repeat center bottom;
}

.mega-drop-down li.level0:hover > .mdd-hover{
    display:block;
}

.mega-drop-down .mdd-childs:after {
  content: "";
  display: table;
  clear: both;
}

/* mdd-childs */
.mega-drop-down > li > .mdd-hover > .mdd-childs{
    display:    block;
    clear:      both;
    max-height: 80px;
    padding:    6px 0 0 15px;
    background: #242424;
}

.mega-drop-down li.level1 .has-childs{
    padding-right:          28px!important;
    background-color:       #242424;
    background-image:       url(arrow_down_hover.png);
    background-repeat:      no-repeat;
    background-position:    94% center;
}

/* level1 */
.mega-drop-down > li > .mdd-hover > .mdd-childs > li{
    position:   relative;
    float:      left;
}

.mega-drop-down > li > .mdd-hover > .mdd-childs > li > a{
    display:            block;
    clear:              both;
    font-size:          11px;
    color:              #ffffff;
    text-transform:     uppercase;
    letter-spacing:     0;
}

.mega-drop-down > li > .mdd-hover > .mdd-childs > li > a .item{
    display:        block;
    clear:          both;
    line-height:    80px;
    padding:        0 15px;
}

.mega-drop-down > li > .mdd-hover > .mdd-childs > li > .disabled{
    display:            block;
    clear:              both;
    font-size:          11px;
    color:              #ffffff;
    text-transform:     uppercase;
    line-height:        80px;
    letter-spacing:     0;
    padding:            0 15px;
}

.touch .mega-drop-down > li > .mdd-hover > .mdd-childs > li:hover > .disabled,
.touch .mega-drop-down > li > .mdd-hover > .mdd-childs > li:hover > a .item,
.mega-drop-down > li > .mdd-hover > .mdd-childs > li.active > a .item{
    background: #565555;
}

.touch .mega-drop-down > li > .mdd-hover > .mdd-childs > li:hover > a .has-childs,
.touch .mega-drop-down > li > .mdd-hover > .mdd-childs > li:hover > .has-childs,
.mega-drop-down > li > .mdd-hover > .mdd-childs > li.active > a .has-childs{
    background: #565555 url(arrow_down_hover.png) no-repeat 94% 38px;
}

.touch .mega-drop-down > li > .mdd-hover > .mdd-childs > li:hover > .mdd-childs{
    display: block;
}

.mega-drop-down > li > .mdd-hover > .mdd-childs > li > .mdd-childs{
    display:    none;
    position:   absolute;
    top:        80px;
    min-width:  190px;
    padding:    25px 22px 15px 22px;
    background: #565555;
}

/* level 2 */

.mega-drop-down > li > .mdd-hover > .mdd-childs > li > .mdd-childs > li{
    float:      left;
    width:      100%;
    clear:      both;
    padding:    0 0 10px 0;
}

.mega-drop-down > li > .mdd-hover > .mdd-childs > li > .mdd-childs > li > a{
    display:            block;
    clear:              both;
    font-size:          13px;
    color:              #ffffff;
    letter-spacing:     0;
    text-decoration:    underline;
}

.mega-drop-down > li > .mdd-hover > .mdd-childs > li > .mdd-childs > li:hover> a,
.mega-drop-down > li > .mdd-hover > .mdd-childs > li > .mdd-childs > li.active > a{
    font-weight:        bold;
}

.mega-drop-down > li > .mdd-hover > .mdd-childs > li > .mdd-childs > li > .disabled{
    display:            block;
    clear:              both;
    font-size:          13px;
    color:              #ffffff;
    letter-spacing:     0;
}