.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm ul{position:absolute;top:-999999px;min-width:160px; z-index:10000}
ul.sm li{position:relative;float:left;}
ul.sm a{position:relative;display:block;white-space:nowrap;}
.sm > ul > ul > ul {display: none;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
ul.sm,ul.sm *,ul.sm *:before,ul.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}

.sm-blue-vertical {
    -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
    box-shadow:0 1px 4px rgba(0,0,0,0.3);
}
.sm-blue ul {
  /*  padding:15px 0 0;  */
   /* background:#98defe;*/
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
}
.sm-blue ul ul {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
     padding:15px 0 0;
}
.tiny .sm-blue a { padding-top: 24px; padding-bottom: 24px;}
.tiny .sm-blue ul a { padding-top: 15px; padding-bottom: 15px;}
.sm-blue a {
     color:rgba(255, 255, 255, 0.7);
    
  
  padding-left: 10px;
  padding-right: 10px;
  
    font-size: 11px;
    
    text-decoration:none;
    text-transform: uppercase;
   
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: 600;
  /*  border-right: 1px solid #F2821E; 
      */
}
.sm-blue li.last a { border-right: none; padding-right: 0px;}
.sm-blue a.root {
    text-transform: uppercase; 
    display: block; 
    padding:10px 18px; 
    color: #fff; 
    font-size: 13px; 
    font-weight: 600;
}
.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    color:#00c7f9;
}
.sm-blue a.root:hover, .sm-blue a.root:focus, .sm-blue a.root:active, .sm-blue a.highlighted.root {
    background-position: 50% -70px; color: #f37301;
}

.sm-blue li:hover span.sub-arrow {display: inherit;}
.sm-blue > li {}
.sm-blue > li:first-child {background-image: none;}
.sm-blue-vertical a {
    padding:9px 40px 8px 23px;
    background:#0189d6;
}
.sm-blue ul li {background-image: none;}
.sm-blue ul a {
    padding:15px 15px 15px 15px;
    background-color:#353535;
    color:#d3d3d3;
    font-size:10px;
    font-weight: 600;
   
    text-align: left;
}
.sm-blue ul a {
    
  /*  border-right: none;  */
}
.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    background-color:#353535;
    color:#fff;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.sm-blue a.current, .sm-blue a.current:hover, .sm-blue a.current:focus, .sm-blue a.current:active,
.sm-blue ul a.current, .sm-blue ul a.current:hover, .sm-blue ul a.current:focus, .sm-blue ul a.current:active {
    color:#fff;
   /* border-bottom: 1.5px solid #fff;
    padding-bottom: 10px;
    background-color:#f67682;   */
  
}
.sm-blue a.current:after{
    display: block;
    border-bottom: 1.5px solid #fff; 
    content: '';
    height: 0;
    width: calc(100% - 18px);
    position: absolute;
    bottom: 16px;
    left: 10px;
}
.sm-blue > li > ul > li:first-child > a, 
.sm-blue > li > ul > li:first-child > a:hover, 
.sm-blue > li > ul > li:first-child > a:focus, 
.sm-blue > li > ul > li:first-child > a:active, 
.sm-blue > li > ul > li:first-child > a.highlighted  {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}
.sm-blue li:last-child a {}
.sm-blue > li > ul > li:last-child > a,
.sm-blue > li > ul > li:last-child > a:hover, 
.sm-blue > li > ul > li:last-child > a:focus, 
.sm-blue > li > ul > li:last-child > a:active, 
.sm-blue > li > ul > li:last-child > a.highlighted  {
 /*   -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;  */
}

.sm-blue-vertical > li:first-child > a {}
.sm-blue-vertical > li:last-child > a {}
.sm-blue a.has-submenu {}



/* Sub menu indicators
===================*/

.sm-blue a span.sub-arrow {
    position:absolute;
    top:10px;
    left:50%;
    margin-left:-5px;
    width:0;
    height:0;
    overflow:hidden;
    display: none;
    border-width:5px;
    border-style:dashed dashed solid dashed;
    border-color:transparent transparent #353535 transparent;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
   
}
.sm-blue a:hover span.sub-arrow, .sm-blue a:focus span.sub-arrow, .sm-blue a:active span.sub-arrow, .sm-blue a.highlighted span.sub-arrow {
    border-color:transparent transparent #353535 transparent;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    display: none;
}
.sm-blue-vertical a span.sub-arrow,
.sm-blue ul a span.sub-arrow {
    bottom:auto;
    top:50%;
    margin-top:-5px;
    right:5px;
    left:auto;
    margin-left:0;
    border-style:dashed dashed dashed solid;
    border-color:transparent transparent transparent rgba(255, 255, 255, 0.7);  
   
    
}
.sm-blue ul a:hover span.sub-arrow, .sm-blue ul a:focus span.sub-arrow, .sm-blue ul a:active span.sub-arrow, .sm-blue ul a.highlighted span.sub-arrow {
    border-style:solid dashed dashed dashed;
    border-color: rgba(255, 255, 255, 0.7) transparent transparent transparent;
     
}

/* Items separators
===================*/

.sm-blue li:first-child,
.sm-blue-vertical li,
.sm-blue ul li {
    margin-left: 0;
}


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

.sm-blue span.scroll-up, .sm-blue span.scroll-down {
    position:absolute;
    display:none;
    visibility:hidden;
    overflow:hidden;
    background:#ffffff;
    height:20px;
    /* width and position will be automatically set by the script */
}
.sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
    position:absolute;
    top:-2px;
    left:50%;
    margin-left:-8px;
    /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
    width:0;
    height:0;
    overflow:hidden;
    border-width:8px; /* tweak size of the arrow */
    border-style:dashed dashed solid dashed;
    border-color:transparent transparent #247eab transparent;
}
.sm-blue span.scroll-down-arrow {
    top:6px;
    border-style:solid dashed dashed dashed;
    border-color:#247eab transparent transparent transparent;
}

@media (min-width: 1200px) {
    .sm-blue a.root {
        padding-left: 28px; 
        padding-right: 28px;
        font-size: 14px;
    }
}
@media (min-width:980px) and (max-width:991px){
    .sm-blue a.root {
        padding-left: 14px; 
        padding-right: 14px;
    }
    .sm-blue a.root.current {
        color:#ea2e29;
    }
}
@media (max-width: 979px) and (min-width: 768px) {
    .sm-blue a.root {
        padding-left: 9px; 
        padding-right: 9px;
        font-size: 12px;
    }
    .sm-blue a.root.current {
        color:#ea2e29;
    }
    .sm-blue a {font-size: 12px;}
}
@media (max-width: 767px) {
    .sm-blue:not(.sm-blue-vertical) > li > a {
        padding-left:16px;
        padding-right:16px;
    }
}

@media screen and (max-width: 640px) {
    ul.sm-blue{width:auto !important;}
    ul.sm-blue ul{
        display:none;
        position:static !important;
        top:auto !important;
        left:auto !important;
        margin-left:0 !important;
        margin-top:0 !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
    }
    ul.sm-blue>li{float:none;}
    ul.sm-blue>li>a,ul.sm-blue ul.sm-nowrap>li>a{white-space:normal;}
    ul.sm-blue iframe{display:none;}

    .sm-blue {
        background:transparent;
        -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
        -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
        box-shadow:0 1px 4px rgba(0,0,0,0.3);
    }
    .sm-blue ul {
        border:0;
        padding:0;
        background:#fff;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0;
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
        box-shadow:none;
    }
    .sm-blue ul ul {
        background:rgba(100,100,100,0.1);
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0;
    }

    .sm-blue a {
        padding:10px 5px 10px 28px !important; 
        background:#3193c0 !important; 
        background-image:url(css-gradients-fallback/vertical-main-item-bg.png) !important;
        background-image:-moz-linear-gradient(top,#3fa3d1 0%,#2586b3 100%) !important;
        background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3fa3d1),color-stop(100%,#2586b3)) !important;
        background-image:-webkit-linear-gradient(top,#3fa3d1 0%,#2586b3 100%) !important;
        background-image:-o-linear-gradient(top,#3fa3d1 0%,#2586b3 100%) !important;
        background-image:-ms-linear-gradient(top,#3fa3d1 0%,#2586b3 100%) !important;
        background-image:linear-gradient(top,#3fa3d1 0%,#2586b3 100%) !important;
        color:#fff !important;
    }
    .sm-blue ul a {
        background:transparent !important;
        color:#247eab !important;
        text-shadow:none !important;
    }
    .sm-blue a.current {
        background:#006892 !important;
        background-image:url(css-gradients-fallback/current-item-bg.png) !important;
        background-image:-moz-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
        background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#005a84),color-stop(100%,#00749f)) !important;
        background-image:-webkit-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
        background-image:-o-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
        background-image:-ms-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
        background-image:linear-gradient(top,#005a84 0%,#00749f 100%) !important;
        color:#fff !important;
    }
    .sm-blue ul a {
        border-left:8px solid transparent;
    }
    .sm-blue ul ul a {
        border-left:16px solid transparent;
    }
    .sm-blue ul ul ul a {
        border-left:24px solid transparent;
    }
    .sm-blue ul ul ul ul a {
        border-left:32px solid transparent;
    }
    .sm-blue ul ul ul ul ul a {
        border-left:40px solid transparent;
    }
    .sm-blue > li:first-child > a {
        -moz-border-radius:8px 8px 0 0;
        -webkit-border-radius:8px 8px 0 0;
        border-radius:8px 8px 0 0;
    }
    .sm-blue > li:last-child > a,
    .sm-blue > li:last-child > ul > li:last-child > a,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
    .sm-blue > li:last-child > ul,
    .sm-blue > li:last-child > ul > li:last-child > ul,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
        -moz-border-radius:0 0 8px 8px;
        -webkit-border-radius:0 0 8px 8px;
        border-radius:0 0 8px 8px;
    }
    .sm-blue > li:last-child > a.highlighted,
    .sm-blue > li:last-child > ul > li:last-child > a.highlighted,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
    .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted {
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0;
    }

    .sm-blue a span.sub-arrow,
    .sm-blue ul a span.sub-arrow {
        top:50%;
        margin-top:-9px;
        right:auto;
        left:6px;
        margin-left:0;
        width:17px;
        height:17px;
        font:bold 16px/16px monospace !important;
        text-align:center;
        border:0;
        text-shadow:none;
        background:rgba(0,0,0,0.1);
        -moz-border-radius:100px;
        -webkit-border-radius:100px;
        border-radius:100px;
    }
    .sm-blue a.highlighted span.sub-arrow {display:none !important;}
    .sm-blue li { border-left:0;}
    .sm-blue ul li { border-top:1px solid rgba(0,0,0,0.05);}
    .sm-blue ul li:first-child {border-top:0;}

}