/* ----[ LINKS ]----*/

/* all menu links */
#s5_nav a, #subMenusContainer a {
    text-decoration: none;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#s5_nav a {
    margin: 0;
}

#subMenusContainer ul li {
    padding: 0px;
    margin: 0px;
}

/* Just sub menu links */
#subMenusContainer a, #s5_nav li li a {
    text-align: left;
    font-size: 0.9em;
    display: block;
    width: auto;
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* All ULs and OLs */
#nav, #s5_nav ul, #s5_nav ol, #subMenusContainer ul, #subMenusContainer ol {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1em;
}

/* All submenu OLs and ULs */
#s5_nav ol, #s5_nav ul, #subMenusContainer ul, #subMenusContainer ol {
    left: 0;
}

#subMenusContainer img {
    margin-right: 8px;
}

#s5_nav img {
    margin-right: 6px;
    margin-top: 2px;
}

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.s5_sub_wrap, .s5_sub_wrap_lower, .s5_sub_wrap_rtl, .s5_sub_wrap_lower_rtl {
    display: none;
    position: absolute;
    overflow: hidden;
    padding-right: 6px;
    padding-bottom: 6px;
    margin-top: 1px;
    margin-left: -1px;
}

#subMenusContainer li.subParentBtn, #subMenusContainer li.subMenuBtn {
    padding: 8px;
    clear: both;
    padding-top: 0px;
    padding-bottom: 0px;
    min-width: 204px;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#s5_nav li {
    /*great place to use a background image as a divider*/
    display: block;
    list-style: none;
    position: relative;
    float: left;
    padding: 0px;
    overflow: hidden;
    height: 36px;
    padding-top: 14px;
    padding-right: 23px;
    padding-bottom: 14px;
}

#s5_nav li .s5_level1_span2 a {
    font-weight: bold;
    padding-left: 21px;
    padding-right: 11px;
    display: block;
}

#s5_nav li.mainParentBtn .s5_level1_span2 {

}

#s5_nav li.mainParentBtn .s5_level1_span2 a {
    padding-right: 24px;
}

#s5_nav li .s5_level1_span1 {
    background: none;
    display: block;
}

#s5_nav li .s5_level1_span2 {
    background: none;
    display: block;
}

#s5_nav li.active .s5_level1_span1, #s5_nav li.mainMenuParentBtnFocused .s5_level1_span1, #s5_nav li:hover .s5_level1_span1 {
    height: 32px;
    display: block;
}

#s5_nav li.active .s5_level1_span2, #s5_nav li.mainMenuParentBtnFocused .s5_level1_span2, #s5_nav li:hover .s5_level1_span2 {
    display: block;
}

#subMenusContainer .moduletable h3 {
    margin-bottom: 8px;
}

.S5_submenu_item {
    padding: 8px;
    display: block;
}

.S5_submenu_item .s5_sub_a_span {
    padding: 0px !important;
    margin: 0px !important;
}

.S5_submenu_item a {
    padding: 0px !important;
    text-align: left !important;
    display: block !important;
    margin: 0px !important;
}
.S5_submenu_item * {
    display: block;
    float: none;
    padding-left: 0px !important;
    text-align: left !important;
}

.S5_grouped_child_item .S5_submenu_item {
    padding: 4px;
    border: none;
}

#subMenusContainer li {
    list-style: none;
}

#subMenusContainer {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: visible;
    z-index: 1000000000;
}

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#s5_nav li li {
    float: none;
}

#s5_nav li li a {/* Just submenu links*/
    position: relative;
    float: none;
}

#s5_nav li ul {/* second-level lists */
    position: absolute;
    width: 10em;
    margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    margin-top: 2.2em;
}

/* third-and-above-level lists */
#s5_nav li ul ul {
    margin: -1em 0 0 -1000em;
}
#s5_nav li:hover ul ul {
    margin-left: -1000em;
}

/* lists nested under hovered list items */
#s5_nav li:hover ul {
    margin-left: 0;
}
#s5_nav li li:hover ul {
    margin-left: 10em;
    margin-top: -2.5em;
}

/* extra positioning rules for limited noscript keyboard accessibility */
#s5_nav li a:focus + ul {
    margin-left: 0;
    margin-top: 2.2em;
}
#s5_nav li li a:focus + ul {
    left: 0;
    margin-left: 1010em;
    margin-top: -2.2em;
}
#s5_nav li li a:focus {
    left: 0;
    margin-left: 1000em;
    width: 10em;
    margin-top: 0;
}
#s5_nav li li li a:focus {
    left: 0;
    margin-left: 2010em;
    width: 10em;
    margin-top: -1em;
}
#s5_nav li:hover a:focus {
    margin-left: 0;
}
#s5_nav li li:hover a:focus + ul {
    margin-left: 10em;
}

span.menu_subtext {
    display: block;
    font-weight: normal;
    line-height: 10px;
}

.S5_grouped_child_item .S5_subtext {
    padding-left: 20px;
    font-size: 0.9em;
}

span.menu_title {
    line-height: 12px;
    text-align: center;
}

div.has_description {
    height: auto;
}

div.S5_grouped_child_item span {
    font-size: 0.9em;
}

div.S5_grouped_child_item {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 17px;
}

#s5_menu_wrap {
   
    border-bottom: solid 1px #242424;
    /* background: #131313;
   
   /*
    background: -moz-linear-gradient(top, #3B3B3B 0%, #131313 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B3B3B), color-stop(100%,#131313));
    background: -webkit-linear-gradient(top, #3B3B3B 0%,#131313 100%); 
    background: -o-linear-gradient(top, #3B3B3B 0%,#131313 100%); 
    background: -ms-linear-gradient(top, #3B3B3B 0%,#131313 100%)
    background: linear-gradient(top, #3B3B3B 0%,#131313 100%);
    -pie-background: linear-gradient(top, #3B3B3B 0%,#131313 100%);
    */
}

#s5_nav li {
    background: url(../images/dark/s5_menu_border.png) no-repeat top right;
}

#s5_nav li.active .S5_parent_subtext, #s5_nav li:hover .S5_parent_subtext {
    color: #FFFFFF;
}

#s5_nav li.active, #s5_nav li.mainMenuParentBtnFocused, #s5_nav li:hover {
    background: #242424; /* Old browsers */
    background: -moz-linear-gradient(top, #3E3E3E 0%, #151515 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3E3E3E), color-stop(100%,#151515)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3E3E3E 0%,#151515 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3E3E3E 0%,#151515 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #3E3E3E 0%,#151515 100%); /* IE10+ */
    background: linear-gradient(top, #3E3E3E 0%,#151515 100%); /* W3C */
    -pie-background: linear-gradient(top, #3E3E3E 0%,#151515 100%); /* IE */
    -webkit-box-shadow: 0 14px 26px #0A0A0A;
    -moz-box-shadow: 0 14px 26px #0A0A0A;
    box-shadow: 0 14px 26px #0A0A0A;
}

#s5_top_menu {
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #292929 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #292929 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #292929 0%,#000000 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #292929 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(top, #292929 0%,#000000 100%); /* W3C */
    -pie-background: linear-gradient(top, #292929 0%,#000000 100%); /* IE */
}

#s5_top_menu_inner li a, #s5_bottom_menu_wrap li a {
    background: url(../images/dark/arrow.png) no-repeat right center;
    color: #FFFFFF;
}

/* FLEX MENU
 ----------------------------------------------------------- */

#s5_nav a, #subMenusContainer a {
    color: #FFFFFF;
    text-shadow: 1px 1px #1C1C1C;
}

.S5_parent_subtext, .S5_subtext {
    text-shadow: 1px 1px #1C1C1C;
}

#subMenusContainer div.s5_sub_wrap ul, #subMenusContainer div.s5_sub_wrap_rtl ul {
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
    border: 1px solid #1B1B1B;
    border-left: solid 1px #1E1E1E;
    border-top: none;
    padding-bottom: 3px;
    background: #292929;
    background: -moz-linear-gradient(top, #292929 0%, #111111 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(100%,#111111)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #292929 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #292929 0%,#111111 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #292929 0%,#111111 100%); /* IE10+ */
    background: linear-gradient(top, #292929 0%,#111111 100%); /* W3C */
}

#subMenusContainer div.s5_sub_wrap_lower ul, #subMenusContainer div.s5_sub_wrap_lower_rtl ul {
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
    border: 1px solid #1B1B1B;
    border-left: solid 1px #131313;
    border-right: solid 1px #131313;
    background: #292929;
    background: -moz-linear-gradient(top, #292929 0%, #111111 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292929), color-stop(100%,#111111)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #292929 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #292929 0%,#111111 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #292929 0%,#111111 100%); /* IE10+ */
    background: linear-gradient(top, #292929 0%,#111111 100%); /* W3C */
}

#subMenusContainer div.s5_sub_wrap ul ul, #subMenusContainer div.s5_sub_wrap_lower ul ul, #subMenusContainer div.s5_sub_wrap_rtl ul ul, #subMenusContainer div.s5_sub_wrap_lower_rtl ul ul {
    padding: 0px;
    margin: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: url(../images/dark/s5_menu_corner.png) no-repeat top right;
    border: none;
    padding-bottom: 10px;
    padding-top: 8px;
    margin-right: -3px;
}

#s5_nav li a {
    color: #FFFFFF;
    font-size: 1.1em;
}

.S5_parent_subtext {
    display: block;
    clear: both;
    color: #B0AFAF;
    font-size: 0.8em;
    cursor: pointer;
    padding-left: 21px;
}

li.active .S5_parent_subtext, li.mainMenuParentBtnFocused  .S5_parent_subtext, #s5_nav li:hover .S5_parent_subtext {
    color: #FFFFFF;
}

#subMenusContainer .moduletable {
    padding: 8px;
    color: #FFFFFF;
}

.S5_submenu_item:hover {
    background: #3F3F3F;
    background: -moz-linear-gradient(top, #373737 0%, #2D2D2D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373737), color-stop(100%,#2D2D2D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #373737 0%,#2D2D2D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #373737 0%,#2D2D2D 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #373737 0%,#2D2D2D 100%); /* IE10+ */
    background: linear-gradient(top, #373737 0%,#2D2D2D 100%); /* W3C */
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.S5_subtext {
    font-size: 0.8em;
    padding-top: 2px;
    cursor: pointer;
    color: #999999;
}

div.S5_grouped_child_item span span.S5_submenu_item a {
    padding: 0px;
    padding-left: 12px;
    color: #333333;
}

.mainParentBtn a {
    background: url(s5_menu_arrow.png) no-repeat right center;
    padding-right: 24px;
}

.subParentBtn .S5_submenu_item a {
    background: url(s5_menu_arrow_subs.png) no-repeat right center;
    display: block;
}


/* mINE*/

#st-navigation div {
    padding: 0px !important;
    margin: -10px 0px 0px 0px !important;
}


#s5_nav li.active a, #s5_nav li a:hover {
    color: #ff9900;
}

#the_mobile_menu {
    display: none;
}

#the_mobile_menu li .S5_parent_subtext {
    display: none;
}




#the_mobile_menu li {
    display: block !important;
    
    width: 100% !important;
    float: left !important;
    list-style: none !important;
}


#the_mobile_menu li a {
    color: #fff ;
    text-decoration: none !important;
}

#the_mobile_menu li.active a,  #the_mobile_menu li a:hover {
     color: #ff9900;
}

@media (max-width:767px) {
    
    #the_desktop_menu {
        display: none;
    }
    
    #the_mobile_menu {
        display: block
    }
}