.sm {

    box-sizing: border-box;

    position: relative;

    z-index: 99;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



.sm,

.sm ul,

.sm li {

    display: block;

    list-style: none;

    margin: 0;

    padding: 0;

    line-height: normal;

    direction: ltr;

    text-align: left

}



.sm-rtl,

.sm-rtl ul,

.sm-rtl li {

    direction: rtl;

    text-align: right

}



.sm>li>h1,

.sm>li>h2,

.sm>li>h3,

.sm>li>h4,

.sm>li>h5,

.sm>li>h6 {

    margin: 0;

    padding: 0

}



.sm ul {

    display: none

}



.sm li,

.sm a {

    position: relative

}



.sm a {

    display: block

}



.sm a.disabled {

    cursor: default

}



.sm::after {

    content: "";

    display: block;

    height: 0;

    font: 0/0 serif;

    clear: both;

    overflow: hidden

}



.sm *,

.sm ::before,

.sm ::after {

    box-sizing: inherit

}



.sm-blue {

    background: transparent;

    border-radius: 8px

}



@media(max-width: 767px) {

    .sm-blue a,

    .sm-blue a:hover,

    .sm-blue a:focus,

    .sm-blue a:active {

        padding: 10px 0;

        color: #333

    }

    #main-nav {

        background-color: #eee

    }

}



@media(min-width: 768px) {

    .sm-blue a,

    .sm-blue a:hover,

    .sm-blue a:focus,

    .sm-blue a:active {

        padding: 24px 22px 54px 50px;

        color: #333;

        font-size: 15px;

        text-transform:uppercase;

    }

}



.sm-blue a,

.sm-blue a:hover,

.sm-blue a:focus,

.sm-blue a:active {

    line-height: 23px;

    text-decoration: none;

    /* text-transform:uppercase */

}



.sm-blue a.current {

    background: #006892;

    background-image: linear-gradient(to bottom, #006188, #006f9c);

    color: #fff

}



.sm-blue a.disabled {

    color: #a1d1e8

}



.sm-blue a .sub-arrow {

    position: absolute;

    top: 50%;

    margin-top: -17px;

    left: auto;

    right: 0;

    width: 34px;

    height: 34px;

    overflow: hidden;

    font: bold 16px/34px monospace !important;

    text-align: center;

    text-shadow: none;

    background: #fff;

    border-radius: 4px

}



.sm-blue a .sub-arrow::before {

    content: '+'

}



.sm-blue a.highlighted .sub-arrow::before {

    content: '-'

}



.sm-blue>li:last-child>a.highlighted,

.sm-blue>li:last-child> :not(ul) a.highlighted,

.sm-blue>li:last-child>ul>li:last-child>a.highlighted,

.sm-blue>li:last-child>ul>li:last-child> :not(ul) 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> :not(ul) 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> :not(ul) 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,

.sm-blue>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child> :not(ul) a.highlighted {

    border-radius: 0

}



.sm-blue ul {

    background: #fff

}



.sm-blue ul ul {

    background: rgba(102, 102, 102, 0.1)

}



.sm-blue ul a,

.sm-blue ul a:hover,

.sm-blue ul a:focus,

.sm-blue ul a:active {

    background: #eee;

    text-transform: none;

    color: #444;

    font-size: 16px;

    text-shadow: none;

    border-left: 8px solid transparent

}



.sm-blue ul a.current {

    background: #006892;

    background-image: linear-gradient(to bottom, #006188, #006f9c);

    color: #fff

}



.sm-blue ul a.disabled {

    color: #b3b3b3

}



.sm-blue ul ul a,

.sm-blue ul ul a:hover,

.sm-blue ul ul a:focus,

.sm-blue ul ul a:active {

    border-left: 16px solid transparent

}



.sm-blue ul ul ul a,

.sm-blue ul ul ul a:hover,

.sm-blue ul ul ul a:focus,

.sm-blue ul ul ul a:active {

    border-left: 24px solid transparent

}



.sm-blue ul ul ul ul a,

.sm-blue ul ul ul ul a:hover,

.sm-blue ul ul ul ul a:focus,

.sm-blue ul ul ul ul a:active {

    border-left: 32px solid transparent

}



.sm-blue ul ul ul ul ul a,

.sm-blue ul ul ul ul ul a:hover,

.sm-blue ul ul ul ul ul a:focus,

.sm-blue ul ul ul ul ul a:active {

    border-left: 40px solid transparent

}



.sm-blue ul li {

    border-top: 1px solid rgba(0, 0, 0, 0.05)

}



.sm-blue ul li:first-child {

    border-top: 0

}



@media (min-width: 768px) {

    .sm-blue ul {

        position: absolute;

        width: 12em

    }

    .sm-blue li {

        float: left

    }

    .sm-blue.sm-rtl li {

        float: right

    }

    .sm-blue ul li,

    .sm-blue.sm-rtl ul li,

    .sm-blue.sm-vertical li {

        float: none

    }

    .sm-blue a {

        white-space: nowrap;

        position: relative;

        font-weight: bold;

    }

    .sm-blue ul a,

    .sm-blue.sm-vertical a {

        white-space: normal

    }

    .sm-blue .sm-nowrap>li>a,

    .sm-blue .sm-nowrap>li> :not(ul) a {

        white-space: nowrap;

        text-transform: none;

        padding: 6px 10px;

        min-width: 220px;

        color: #333

    }

    .sm-blue a:hover,

    .sm-blue a:focus,

    .sm-blue a:active,

    .sm-blue a.highlighted {

        /* background:#e0711f; */

        color: #fe0036;

    }

    .sm-blue a.current {

        background: #006892;

        background-image: linear-gradient(to bottom, #006188, #006f9c);

        color: #fff

    }

    .sm-blue a.disabled {

        background: #3092c0;

        background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);

        color: #a1d1e8

    }

    .sm-blue a .sub-arrow {

        top: auto;

        margin-top: 0;

        bottom: 50%;

        margin-bottom: -8px;

        right: 9px;

        margin-left: -5px;

        width: 0;

        height: 0;

        border-width: 5px;

        border-style: solid dashed dashed;

        border-color: #fbfbfb transparent transparent;

        background: transparent;

        border-radius: 0

    }

    .sm-blue a .sub-arrow::before {

        display: none

    }

    .sm-blue>li:first-child {

        border-left: 0

    }

    .sm-blue ul {

        border: 1px solid #a8a8a8;

        padding: 0;

        background: #fff

    }

    .sm-blue ul ul {

        background: #fff;

        left: 1px !important;

        margin-top: -36px !important

    }

    .sm-blue ul a,

    .sm-blue ul a:hover,

    .sm-blue ul a:focus,

    .sm-blue ul a:active,

    .sm-blue ul a.highlighted {

        border: 0 !important;

        background: transparent;

        color: #333;

        border-radius: 0 !important;

    }

    .sm-blue ul a:hover,

    .sm-blue ul a:focus,

    .sm-blue ul a:active,

    .sm-blue ul a.highlighted {

        background: #eee;

        background-image: linear-gradient(to bottom, #eaeaeb, #dbdcdc);

        color: #222

    }

    .sm-blue ul a.current {

        background: #006892;

        background-image: linear-gradient(to bottom, #006188, #006f9c);

        color: #fff

    }

    .sm-blue ul a.disabled {

        background: #fff;

        color: #b3b3b3

    }

    .sm-blue ul a .sub-arrow {

        top: 50%;

        margin-top: -5px;

        bottom: auto;

        left: auto;

        margin-left: 0;

        right: 10px;

        border-style: dashed dashed dashed solid;

        border-color: transparent transparent transparent #666

    }

    .sm-blue ul li {

        border: 0

    }

    .sm-blue .scroll-up,

    .sm-blue .scroll-down {

        position: absolute;

        display: none;

        visibility: hidden;

        overflow: hidden;

        background: #fff;

        height: 20px

    }

    .sm-blue .scroll-up-arrow,

    .sm-blue .scroll-down-arrow {

        position: absolute;

        top: -2px;

        left: 50%;

        margin-left: -8px;

        width: 0;

        height: 0;

        overflow: hidden;

        border-width: 8px;

        border-style: dashed dashed solid;

        border-color: transparent transparent #2b82ac

    }

    .sm-blue .scroll-down-arrow {

        top: 6px;

        border-style: solid dashed dashed;

        border-color: #2b82ac transparent transparent

    }

    .sm-blue.sm-rtl.sm-vertical a .sub-arrow {

        right: auto;

        left: 10px;

        border-style: dashed solid dashed dashed;

        border-color: transparent #a1d1e8 transparent transparent

    }

    .sm-blue.sm-rtl>li:first-child>a,

    .sm-blue.sm-rtl>li:first-child> :not(ul) a {

        border-radius: 0 8px 8px 0

    }

    .sm-blue.sm-rtl>li:last-child>a,

    .sm-blue.sm-rtl>li:last-child> :not(ul) a {

        border-radius: 8px 0 0 8px !important

    }

    .sm-blue.sm-rtl>li:first-child {

        border-left: 1px solid #2b82ac

    }

    .sm-blue.sm-rtl>li:last-child {

        border-left: 0

    }

    .sm-blue.sm-rtl ul a .sub-arrow {

        right: auto;

        left: 10px;

        border-style: dashed solid dashed dashed;

        border-color: transparent #a1d1e8 transparent transparent

    }

    .sm-blue.sm-vertical {

        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)

    }

    .sm-blue.sm-vertical a {

        padding: 9px 23px

    }

    .sm-blue.sm-vertical a .sub-arrow {

        top: 50%;

        margin-top: -5px;

        bottom: auto;

        left: auto;

        margin-left: 0;

        right: 10px;

        border-style: dashed dashed dashed solid;

        border-color: transparent transparent transparent #a1d1e8

    }

    .sm-blue.sm-vertical>li:first-child>a,

    .sm-blue.sm-vertical>li:first-child> :not(ul) a {

        border-radius: 8px 8px 0 0

    }

    .sm-blue.sm-vertical>li:last-child>a,

    .sm-blue.sm-vertical>li:last-child> :not(ul) a {

        border-radius: 0 0 8px 8px !important

    }

    .sm-blue.sm-vertical>li {

        border-left: 0 !important

    }

    .sm-blue.sm-vertical ul {

        border-radius: 4px !important

    }

    .sm-blue.sm-vertical ul a {

        padding: 9px 23px

    }

}