#megaMenu ul {list-style: none;margin: 0;padding: 0;}
.clear {clear: both;}
.col.menu-item-depth-1.st-mega-menu-columns-first {}
.col.menu-item-depth-1.st-mega-menu-columns-last {}

/* Menu Mobile */
#megaMenu #menuMobile{ margin-bottom: 20px;}
#megaMenu #menuMobile a {
    text-decoration: none;    
    outline: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    font-size: 13px;
}

#megaMenu #menuMobile {
    display: none;
    background: #ffffff;
}

#megaMenu #menuMobile ul {
    display: block;
}

#megaMenu #menuMobile > li {
    float: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#megaMenu #menuMobile li a {
    color: #555555;
    display: block;
    padding: 5px 0 5px 0;
    margin: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    border-top: 1px solid #EEEEEE;
}

#megaMenu #menuMobile li ul li.is-disable-text ul li a,
#megaMenu #menuMobile li ul li a{padding-left:30px;}
#megaMenu #menuMobile li ul li.is-disable-text ul li ul li a,
#megaMenu #menuMobile li ul li ul li a{padding-left:60px;}
#megaMenu #menuMobile li ul li.is-disable-text ul li ul li ul li a,
#megaMenu #menuMobile li ul li ul li ul li a{padding-left:80px;}

#megaMenu #menuMobile li a:hover {
    background: #EEEEEE;
}

#megaMenu #menuMobile > li > a {
    font-size:13px;
    text-decoration:none;
    margin:0 auto;
    padding:5px 15px 6px 15px;
    white-space:nowrap;
    height:30px;
    display: block;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    background:transparent;
    line-height: 17px;
    color: #555555;
    border-top: 1px solid #eeeeee;
    text-align: right;
}

#megaMenu #menuMobile > li > a > .menu-title {
    float: left;
}

#megaMenu #menuMobile .megamenu-title {
    border-bottom: 1px dotted #eeeeee;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    padding: 3px 0 4px 0;
    margin: 3px 0 7px 0;
}

#megaMenu #menuMobile .menu-wrap .sub-menu-1 .megamenu-title {
    margin: 17px 0 7px 0;
}

#megaMenu #menuMobile .megamenu-title .menu-title {
    display: block;
}

#megaMenu #menuMobile .megamenu-title .menu-caption {
    display: block;
    font-style: italic;
    font-size: 12px;
    font-weight: normal;
    color: #555555;
    padding: 5px 0;
}

#megaMenu #menuMobile .menu-content {
    
}

#megaMenu #menuMobile .menu-content input,
#megaMenu #menuMobile .menu-content textarea {
    max-width: 100%;
}

#megaMenu #menuMobile li.active > a,
#megaMenu #menuMobile li a:hover {
    background:#eeeeee;
}

#megaMenu #menuMobile li a.link-depth-0 .menu-caption {
    font-size: 11px;
    font-style: italic;
    display: block;
}

#megaMenu #menuMobile li a.link-depth-0 .st-icon-arrow {
  display: none;
}

#megaMenu #menuMobile li a.link-depth-0 .st-icon-arrow:before {
    font-size: 9px;
    color: #555555;
    line-height: 25px;
}

#megaMenu #menuMobile li.item-parent a.link-depth-0 .st-icon-arrow {
    display: inline-block;
    width: 12px;
    vertical-align: middle;
    padding: 0 0 0 5px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#megaMenu #menuMobile li.item-parent.active a.link-depth-0 .st-icon-arrow {
    transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
}

#megaMenu #menuMobile .nav-dd {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    display: block;
}

#megaMenu #menuMobile .sub-menu-2 {
    padding: 0;
}

#megaMenu #menuMobile .no-megamenu .sub-menu-0 {
    padding: 0;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

#megaMenu #menuMobile .no-megamenu .sub-menu-0 > li:first-child a {
    margin-top: 0;
}

#megaMenu #megaMenuToggle {
    padding:8px 0 8px 0;
    position: relative;font-size: 14px;color:#fff;text-transform: none !important;font-family: 'Roboto',Arial,sans-serif; text-align: center; text-decoration: none;
    cursor: pointer;
}

#megaMenu #megaMenuToggle .megaMenuToggle-icon {
    float: right;
}

/* Mega Menu */
#megaMenu #megaST {
   
}

#megaMenu #megaST .col.menu-item-depth-1 div.menu-wrap {
    padding: 10px 15px;
    border-right: 1px solid #ddd;
    margin: 10px 0;
}

#megaMenu #megaST .col.menu-item-depth-1.st-mega-menu-columns-last div.menu-wrap {
    border: none;
}

/* For 940px */
@media (min-width: 992px) and (max-width: 1199px) {

    #megaMenu #megaST .nav-dd.col1 {
        width: 60px;
    }
    
    #megaMenu #megaST .nav-dd.col2 {
        width: 140px;
    }
    
    #megaMenu #megaST .nav-dd.col3 {
        width: 220px;
    }
    
    #megaMenu #megaST .nav-dd.col4 {
        width: 300px;
    }
    
    #megaMenu #megaST .nav-dd.col5 {
        width: 380px;
    }
    
    #megaMenu #megaST .nav-dd.col6 {
        width: 460px;
    }
    
    #megaMenu #megaST .nav-dd.col7 {
        width: 540px;
    }
    
    #megaMenu #megaST .nav-dd.col8 {
        width: 620px;
    }
    
    #megaMenu #megaST .nav-dd.col9 {
        width: 700px;
    }
    
    #megaMenu #megaST .nav-dd.col10 {
        width: 780px;
    }
    
    #megaMenu #megaST .nav-dd.col11 {
        width: 860px;
    }
    
    #megaMenu #megaST .nav-dd.col12 {
        width: 940px;
    }
}

/* For 1140px */
@media (min-width: 1200px) {
    
    #megaMenu #megaST .nav-dd.col1 {
        width: 70px;
    }
    
    #megaMenu #megaST .nav-dd.col2 {
        width: 170px;
    }
    
    #megaMenu #megaST .nav-dd.col3 {
        width: 270px;
    }
    
    #megaMenu #megaST .nav-dd.col4 {
        width: 370px;
    }
    
    #megaMenu #megaST .nav-dd.col5 {
        width: 470px;
    }
    
    #megaMenu #megaST .nav-dd.col6 {
        width: 570px;
    }
    
    #megaMenu #megaST .nav-dd.col7 {
        width: 670px;
    }
    
    #megaMenu #megaST .nav-dd.col8 {
        width: 770px;
    }
    
    #megaMenu #megaST .nav-dd.col9 {
        width: 870px;
    }
    
    #megaMenu #megaST .nav-dd.col10 {
        width: 970px;
    }
    
    #megaMenu #megaST .nav-dd.col11 {
        width: 1070px;
    }
    
    #megaMenu #megaST .nav-dd.col12 {
        width: 1140px;
    }
}


#megaMenu #megaST .nav-dd .col1 {
    width: 8.333333333333332%;
}

#megaMenu #megaST .nav-dd .col3 {
    width: 25%;
}

#megaMenu #megaST .nav-dd .col5 {
    width: 41.66666666666667%;
}

#megaMenu #megaST .nav-dd .col7 {
    width: 58.333333333333336%;
}

#megaMenu #megaST .nav-dd .col9 {
    width: 75%;
}

#megaMenu #megaST .nav-dd .co11 {
    width: 91.66666666666666%;
}


#megaMenu #megaST .nav-dd .col2 {
    width: 16.666666666666664%;
}

#megaMenu #megaST .nav-dd .col4 {
    width: 33.33333333333333%;
}

#megaMenu #megaST .nav-dd .col6 {
    width: 50%;
}

#megaMenu #megaST .nav-dd .col8 {
    width: 66.66666666666666%;
}

#megaMenu #megaST .nav-dd .col10 {
    width: 83.33333333333334%;
}

#megaMenu #megaST .nav-dd .col12 {
    width: 100%;
}

#megaMenu #megaST .col {
    float: left;
}

#megaMenu #megaST a {outline: 0;}

#megaMenu #megaST .no-megamenu .menu-row {
    display: none;
    position: absolute;
    top: -1px;
    left: 168px !important;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    width: 168px;
}

#megaMenu #megaST .no-megamenu .menu-row.sub-menu-0 {
    top: 40px;
    left: 0px !important;
}

#megaMenu #megaST .no-megamenu .menu-row.sub-menu-0 li {
    width: auto;
    float: none;
}

#megaMenu #megaST .no-megamenu .menu-row li {
    border-top: 1px solid #EEEEEE;
    position: relative;
}

#megaMenu #megaST .no-megamenu .menu-row li a {
    line-height: 12px;
    padding: 10px;
    transition: all 200ms ease 0s;
    color: #333333;
    display: block;
    font-size: 12px;
}

#megaMenu #megaST .no-megamenu .menu-row li:hover > a,
#megaMenu #megaST .no-megamenu .menu-row li.active > a,
#megaMenu #megaST .no-megamenu .menu-row li a:hover {
    background: #F5F5F5;
}

#megaMenu {
    width: 100%;
    position:relative;
    clear:left;
    z-index:98;
    border:0;
}

#megaMenu #megaST a {
    text-decoration: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#megaMenu ul.megaMenu {
    width:auto;
    zoom:0;
    /*
    overflow:hidden;
    visibility:hidden;
    */
    height:auto;
    background:#333333;color:#909090;
}

#megaMenu #megaST li.menu-item-depth-0 {
    position:relative;
    float:left;
    margin:0px;
    line-height:25px;
    padding:0 0px 0 0;
    text-align:center;
    border:0;
    display: block;
}

#megaMenu #megaST li.menu-item-depth-0:last-child {
    padding: 0;
}

#megaMenu #megaST li.menu-item-depth-0 .nav-dd {
    border-top: 1px solid #EEEEEE;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    display: none;
}

#megaMenu #megaST li.menu-item-depth-0 .nav-dd ul.st-mega-hr {
    clear: both;
    padding: 10px 0 0 0;
}

#megaMenu #megaST li.menu-item-depth-0 a.link-depth-0:link,#megaMenu li.menu-item-depth-0 a.link-depth-0:visited {
    font-size:13px;
    text-decoration:none;
    margin:0 auto;
    padding:5px 15px 5px 15px;
    white-space:nowrap;
    display: block;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    line-height: 30px;
}

#megaMenu #megaST li.menu-item-depth-0 a.link-depth-0 {
    color:#cccccc;
    text-transform:uppercase;
}

#megaMenu #megaST li.menu-item-depth-0:hover a:link.link-depth-0,
#megaMenu #megaST li.menu-item-depth-0:hover a:visited.link-depth-0,
#megaMenu #megaST li.active >a {
color:#ffffff
}

#megaMenu #megaST li.menu-item-depth-0.active a.link-depth-0,
#megaMenu #megaST li.menu-item-depth-0:hover a.link-depth-0 {
    background:#428BCA;
    z-index:0
}

#megaMenu #megaST li a.link-depth-0 .menu-caption {
    font-size: 11px;
    font-style: italic;
    display: block;
    text-transform: none;
}

#megaMenu #megaST li a.link-depth-0 .st-icon-arrow {
  display: none;
}

#megaMenu #megaST li a.link-depth-0 .st-icon-arrow:before {
    font-size: 9px;
    color: #555555;
    line-height: 25px;
}

#megaMenu #megaST li.item-parent a.link-depth-0 .st-icon-arrow {
    display: inline-block;
    padding: 3px 0 0 5px;
    vertical-align: top;
    width: 12px;
}

#megaMenu #megaST .nav-dd .megamenu-title {
    padding: 0 10px 5px 10px;
    margin: 0;
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
}

#megaMenu #megaST .nav-dd a,
#megaMenu #megaST .nav-dd .megamenu-title .menu-title {
    display: block;
    font-size: 12px;
    color: #333333;
}

#megaMenu #megaST .nav-dd ul.sub-menu-1 li {
    border-top: 1px solid #eeeeee;
}

#megaMenu #megaST .nav-dd ul.sub-menu-1 > li:first-child {
    border-top: 0px;
}

#megaMenu #megaST .nav-dd ul.sub-menu-1 li a {
    padding: 10px;
    line-height: 12px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

#megaMenu #megaST .nav-dd li:hover > a,
#megaMenu #megaST .nav-dd ul.sub-menu-1 li.active > a,
#megaMenu #megaST .nav-dd a:hover {
    background: #f5f5f5;
}

#megaMenu #megaST .nav-dd a.header-column:hover {
    background: none;
}

#megaMenu #megaST .nav-dd a.header-column {
    display: block;
}

#megaMenu #megaST .nav-dd .megamenu-title .menu-caption {
    font-size: 11px;
    display: block;
    color: #333333;
    font-weight: normal;
    font-style: italic;
}

#megaMenu #megaST .nav-dd .menu-content {
    padding: 10px;
}

#megaMenu #megaST .nav-dd .menu-content input,
#megaMenu #megaST .nav-dd .menu-content textarea {
    max-width: 100%;
}

#megaMenu #megaST li.menu-item-depth-2 {
    position: relative;
}

#megaMenu #megaST ul.sub-menu-2 {
    display: none;
    position: absolute;
    top: -1px;
    background: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    z-index: 1000;
    width: 138px;
}

#megaMenu #megaST .menu-item-depth-1.col1 ul.sub-menu-2 {
    left: 138px;
}

#megaMenu #megaST .menu-item-depth-1.col2 ul.sub-menu-2 {
    left: 306px;
}

#megaMenu #megaST .menu-item-depth-1.col3 ul.sub-menu-2 {
    left: 504px;
}

#megaMenu #megaST .menu-item-depth-1.col4 ul.sub-menu-2 {
    left: 642px;
}

#megaMenu #megaST .menu-item-depth-1.col5 ul.sub-menu-2 {
    left: 810px;
}

#megaMenu #megaST .menu-item-depth-1.col6 ul.sub-menu-2 {
    left: 978px;
}

#megaMenu #megaST li.menu-item-depth-2:hover ul.sub-menu-2 {
    /*display: block;*/
}

#megaMenu #megaST li.no-dd:hover {
    background:0;
    -webkit-box-shadow:0 0 0 rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 0 rgba(0,0,0,0.4);
    box-shadow:0 0 0 rgba(0,0,0,0.4);
    border:1px solid #fff;
    border-bottom:0
}

#megaMenu #megaST .nav-dd {
    position:absolute;
    top:40px;
    height:auto;
    overflow:hidden;
    background:#fff;
    padding:0;
    z-index:0;
}

#megaMenu #megaST .nav-dd li img {
    border-radius: 5px;
}

.csstransitions #megaMenu #megaST li.menu-item-depth-0:hover .nav-dd {
    min-height:1px;
}

#megaMenu #megaST li h5,
#megaMenu #megaST li h5 a:link,
#megaMenu #megaST li h5 a:visited {
    text-transform:uppercase;
    font-size:11px;
    color:#c03;
    margin:4px 0;
    text-align:left;
    font-family: "BryantLGMedium ",Arial,Helvetica,sans-serif
}

#megaMenu #megaST .nav-dd li:first-child {
    border-left:0
}

#megaMenu #megaST li h4 {
}

#megaMenu #megaST li h4,
#megaMenu #megaST li h4 a:link,
#megaMenu #megaST li h4 a:visited {
    color:#666;
    font-size:10px;
    text-transform:uppercase
}

#megaMenu #megaST li h4,
#megaMenu #megaST li h4 a:hover,
#megaMenu #megaST li h4 a:hover {
    text-decoration:none
}
