.metro_nav {
    margin-top: 10px;
    position: relative;
}
.metro_nav img, .metro_nav .nav_title {
    display: none;
    position: relative;
}
.metro_nav, .metro_nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 3;
}
.metro_nav ul li:first-of-type a {
    border-left: medium none;
}
.metro_nav ul a {
    float: left;
}
.metro_nav ul ul a {
    float: none;
}
.metro_nav .mega.metro_nav a {
    float: none;
    padding: 0;
}
.metro_nav ul ul, .metro_nav .mega.metro_nav, .metro_nav .mega.metro_nav ol li {
    opacity: 0;
    transition: opacity 150ms ease-in-out 0s;
    visibility: hidden;
}
.metro_nav li:hover > ul, .metro_nav li:hover > .mega.metro_nav, .metro_nav li:hover > .mega.metro_nav ol li {
    opacity: 1;
    visibility: visible;
}
.metro_nav ul:after {
    clear: both;
    content: "";
    display: block;
}
.metro_nav ul li {
    float: left;
    position: relative;
    transition: all 150ms ease-in-out 0s;
    width: 25%;
}
.metro_nav ul li a {
    color: #333;
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 5px 20px 10px;
    text-decoration: none;
    width: 100%;
    text-shadow: none;
}
.metro_nav > ul > li > a {
    font-size: 120%;
}
.metro_nav .arrow:after {
    border-left: 3px solid hsla(0, 0%, 0%, 0);
    border-right: 3px solid hsla(0, 0%, 0%, 0);
    border-top: 3px solid hsl(0, 0%, 100%);
    content: "";
    display: block;
    float: right;
    height: 0;
    margin: 0 0 0 5px;
    position: relative;
    text-align: right;
    top: 9px;
    width: 0;
}
.metro_nav ul li ul li .arrow:after {
    border-bottom: 3px solid hsla(0, 0%, 0%, 0);
    border-left: 3px solid hsl(0, 0%, 73%);
    border-top: 3px solid hsla(0, 0%, 0%, 0);
    margin: -2px 0 0 5px;
}
.metro_nav i {
    float: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin: 4px 4px 0 -2px;
    padding: 0;
}
.metro_nav .right {
    float: right;
}
.metro_nav .right ul, .metro_nav .right .mega.metro_nav {
    right: 0;
}
.metro_nav ul ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 hsl(0, 0%, 0%);
    border-color: #0000; 
    border-image: none;
    border-style: none solid;
    border-width: 0 2px;
    box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.04);
    position: absolute;
    top: 100%;
    width: 100%;
    border-bottom: 2px solid black;
}
.metro_nav ul ul ul {
    left: 100%;
    position: absolute;
    top: 0px;
}

.metro_nav li.Ample ul
{
    background-color:transparent;
}
.metro_nav li.Ample ul li
{
    float: left;
}
.metro_nav li.Ample a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.metro_nav li.Ample2 ul
{
    width: 200%;
}
.metro_nav li.Ample2 ul li
{
    width:50% !important;
}
.metro_nav li.Ample3 ul
{
    width: 300%;
}
.metro_nav li.Ample3 ul li
{
    width:33.3% !important;
}
.metro_nav li.Ample4 ul
{
    width: 400%;
}
.metro_nav li.Ample4 ul li
{
    width:25% !important;
}

.metro_nav ul ul li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: hsl(0, 0%, 89%) hsl(0, 0%, 89%) hsl(0, 0%, 89%) -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 2px 1px 1px medium;
    color: #333;
    font-weight: 400;
    padding: 5px 8px;
}
.metro_nav ul ul li {
    float: none;
    position: relative;
    transition: none 1s ease 1s;
    width: 100% !important;
}
.metro_nav ul ul li a:active, .metro_nav ul ul li:hover {
    background: none repeat scroll 0 0 hsl(8.2, 100%, 55.3%);
}
.metro_nav ul ul li {
    background: none repeat scroll 0 0 hsl(33.3, 51.7%, 82.9%);
}
.mega.metro_nav {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background-color: hsl(0, 0%, 100%);
    border-color: -moz-use-text-color hsl(0, 0%, 88%) hsl(0, 0%, 88%);
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.04);
    color: hsl(0, 0%, 47%);
    padding: 18px 11px;
    position: absolute;
    top: 100%;
}
.mega.metro_nav ol {
    list-style: none outside none;
    padding: 0;
}
.mega.metro_nav ol li {
    width: 100%;
}
.mega.metro_nav ol li:hover, .mega.metro_nav ol li a {
    background-color: hsl(0, 0%, 100%);
    background-image: none;
    color: hsl(0, 0%, 47%);
    font-size: 12px;
    font-weight: 400;
    padding: 0;
}
.mega.metro_nav ol li a:hover {
    color: hsl(0, 0%, 31%);
}
.mega.metro_nav div h4 {
    border-bottom: 1px solid hsl(0, 0%, 89%);
    color: hsl(0, 0%, 25%);
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0 0 8px;
}
.mega.metro_nav .col-1 {
    width: 135px;
}
.mega.metro_nav .col-2 {
    width: 288px;
}
.mega.metro_nav .col-3 {
    width: 441px;
}
.mega.metro_nav .col-4 {
    width: 594px;
}
.mega.metro_nav .col-5 {
    width: 747px;
}
.mega.metro_nav .col-6 {
    width: 900px;
}
.mega.metro_nav .col-1, .mega.metro_nav .col-2, .mega.metro_nav .col-3, .mega.metro_nav .col-4, .mega.metro_nav .col-5, .mega.metro_nav .col-6 {
    float: left;
    margin: 0 9px;
}
.mega.metro_nav.full-width {
    left: 0;
    padding: 18px 0;
    width: 100%;
}
.full-width .col-1 {
    width: 14.1%;
}
.full-width .col-2 {
    width: 30.4%;
}
.full-width .col-3 {
    width: 46.7%;
}
.full-width .col-4 {
    width: 63%;
}
.full-width .col-5 {
    width: 79.3%;
}
.full-width .col-6 {
    width: 95.6%;
}
.full-width .col-1, .full-width .col-2, .full-width .col-3, .full-width .col-4, .full-width .col-5, .full-width .col-6 {
    float: left;
    margin: 0 0 0 2.2%;
}
@media only screen and (max-width: 767px) {
.metro_nav ul li {
    cursor: pointer;
    width: 100%;
}
.metro_nav ul li {
    position: relative;
}
.metro_nav .mega.metro_nav ol li {
    height: 0;
}
.metro_nav li:hover > .mega.metro_nav ol li {
    height: auto;
}
.mega.metro_nav, .metro_nav ul ul {
    z-index: 100;
}
.metro_nav ul ul {
    -moz-box-sizing: border-box;
    width: 100%;
}
.metro_nav ul ul ul {
    left: 0;
}
.metro_nav ul ul li:hover > ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: hsl(0, 0%, 89%) -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px medium medium;
    box-shadow: none;
    position: relative;
}
.metro_nav ul li ul li .arrow:after {
    border-left: 3px solid hsla(0, 0%, 0%, 0);
    border-right: 3px solid hsla(0, 0%, 0%, 0);
    border-top: 3px solid hsl(0, 0%, 73%);
    margin: 0;
}
.mega.metro_nav {
    padding: 18px 0;
}
.mega.metro_nav ol li:last-child {
    margin: 0 0 20px;
}
.metro_nav .col-1, .full-width .col-1, .metro_nav .col-2, .full-width .col-2, .metro_nav .col-3, .full-width .col-3, .metro_nav .col-4, .full-width .col-4, .metro_nav .col-5, .full-width .col-5, .metro_nav .col-6, .full-width .col-6 {
    float: left;
    margin: 0 0 0 5%;
    width: 90%;
}
}
.style-1.metro_nav, .style-1.metro_nav ul li {
    background-color: hsl(40, 4%, 16%);
    background-image: -moz-linear-gradient(center bottom , hsla(0, 0%, 0%, 0) 50%, hsla(0, 0%, 100%, 0.04) 0%);
}
.style-1.metro_nav ul li:hover {
    background-color: hsl(20, 99%, 46%);
    background-image: -moz-linear-gradient(center bottom , hsla(0, 0%, 0%, 0) 50%, hsla(0, 0%, 100%, 0.08) 0%);
}


.metro_nav ul ul li.ParentOption {
    background-image: url("images/right.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: auto 15px;
}

.metro_nav ul ul li:hover a span {
	color: white;
	font-weight: bolder !important;
}