
.main-menu>ul{
    padding: 0px;
    margin: 0px;
}

.main-menu > ul > li {
    display: inline-block;
    position: relative;
}
.main-menu ul> li >a {
    color: #000;
    display: block;
    padding: 10px 15px;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
}
.main-menu ul > li i {
    margin-right: 10px;
}
.main-menu > ul > li:first-child a {
    padding-left: 0;
}
.main-menu-area {
    background: #181818 none repeat scroll 0 0;
}
.common-mega {
    background: #f8f8f8 none repeat scroll 0 0;
    box-shadow: 0 1px 5px 0 rgba(205, 205, 205, 0.52);
    padding: 10px 10px 20px;
    position: absolute;
    width: 800px;
    -webkit-transform: perspective(600px) rotateX(-90deg);
            transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
    -webkit-transition: opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s, -webkit-transform 0.5s ease 0s;
    transition: opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s, -webkit-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
    transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s, -webkit-transform 0.5s ease 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-bottom: 2px solid #b90908;
	left:0
}
.main-menu > ul > li:hover .common-mega,
.main-menu > ul > li:hover .ddown {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(600px) rotateX(0deg);
            transform: perspective(600px) rotateX(0deg);
    -webkit-transition: opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s, -webkit-transform 0.5s ease 0s;
    transition: opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s, -webkit-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
    transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s, -webkit-transform 0.5s ease 0s;
    visibility: visible;
    z-index: 99999999;
}
.ddown {
    background: #f8f8f8 none repeat scroll 0 0;
    box-shadow: 0 1px 5px 0 rgba(205, 205, 205, 0.52);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    -webkit-transform: perspective(600px) rotateX(-90deg);
            transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
    -webkit-transition: opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s, -webkit-transform 0.5s ease 0s;
    transition: opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s, -webkit-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
    transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s, -webkit-transform 0.5s ease 0s;
    padding: 0px;
}
.main-menu .ddown li a {
    border-bottom: 1px solid #cccccc;
  color: #181818;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  text-transform: capitalize;
  width: 200px;
}
.main-menu .ddown li {
       padding: 0 5px;
    list-style: none;
}
.mega-menu-lists > a {
    border-bottom: 1px solid #cccccc;
    color: #2d2d2d;
    display: block;
    line-height: 22px;
    padding: 8px 0 8px 10px;
    position: relative;
}
.mega-menu-lists > a span {
    color: #060;
    text-transform: uppercase;
}
.main-menu .ddown li a:before {
    background: #b90908 none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 20%;
}
.main-menu .ddown li a:hover:before {
    left: 80%;
}
.mega-menu-lists > a:hover {
     border-bottom: 1px solid #b90908;
    color: #b90908;
}
.mega-img img {
    margin-top: 20px;
    width: 100%;
}
.mega-img {
    padding: 0 15px;
}
.main-menu > ul > li:after {
    background: #b90908 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 0;
}
.main-menu > ul > li:hover:after {
    width: 100%;
}
.nav > li > a:hover,
.nav > li > a:focus {
    color: #222;
}
.main-menu li:hover > a {
    color: #b90908;
}

.main-menu > ul > li:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #b90908;
    content: "";
    height: 0;
    left: 0;
    margin-left: -3px;
    position: absolute;
    width: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.main-menu > ul > li:hover:before {
    left: 50%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.mega-catagory2 {
    border-right: 1px solid #ccc;
    float: left;
    padding: 20px 15px;
    text-align: center;
    width: 25%;
}
.common-mega.home-mega {
    padding: 0;
    width: 700px;
}
.version-cat > span {
    color: #2d2d2d;
    display: block;
    margin-top: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: capitalize;
}
.mega-catagory2:hover span {
    color: #b90908;
}

.main-menu > ul > li.mega-parent {
  position: static;
}
.mega-parent .common-mega {
  width: 100%;
}
.main-menu {
  position: relative;
}
.main-menu > ul > li.mega-parent:hover:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

 