@charset "UTF-8";

.dm-menu {
    --dm-bg: #3BAFDA;
    --dm-color: #fff;
}

.dm-menu {
    --dm-menu-height: 50px;
    --dm-item-hover-color: #fff;
    --dm-item-hover-bg: #4FC1E9;
    --dm-item-current-color: #eee;
    --dm-item-current-bg: #54b4eb
}

.dm-menu {
    --dm-submenu-bg: #fff;
    --dm-submenu-color: #333
}

.dm-menu {
    --dm-menu-border-color: #54b4eb;
    --dm-menu-border-width: 5px
}

.dm-menu {
    --dm-logo-width: 50px
}

.dm-menu {
    --dm-subitem-hover-bg: #f3f3f3
}

.dm-menu {
    --dm-subitem-border: rgba(0, 0, 0, 0.1)
}

.dm-menu {
    --dm-submnu-boxshadow: 0 5px 10px rgba(0, 0, 0, 0.1)
}

.dm-menu {
    --dm-submenu-tabs-bg: #f3f3f3
}

.dm-hidden {
    display: none !important
}

.dm-menu {
    color: #333;
    color: var(--dm-color);
    background: #eee;
    background: var(--dm-bg);
    padding: 0;
    position: relative
}

    .dm-menu a,
    .dm-menu div,
    .dm-menu li,
    .dm-menu span,
    .dm-menu ul {
        color: inherit;
        box-sizing: border-box;
        display: block
    }

    .dm-menu a,
    .dm-menu li,
    .dm-menu span,
    .dm-menu ul {
        position: relative
    }

    .dm-menu a {
        text-decoration: none
    }

    .dm-menu li,
    .dm-menu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

.dm-menu {
    line-height: 20px
}

    .dm-menu > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .dm-menu > ul:after {
            content: '';
            display: block;
            clear: both
        }

.dm-menu_align-right > ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.dm-menu_align-center > ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dm-menu_align-justify > ul {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

    .dm-menu_align-justify > ul > li {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

.dm-menu_border > ul {
    border-bottom: 5px solid #54b4eb;
    border-bottom-width: var(--dm-menu-border-width);
    border-bottom-color: var(--dm-menu-border-color)
}

.dm-menu_logo > ul {
    padding-left: var(--dm-logo-width)
}

.dm-menu_logo > a,
.dm-menu_logo > span {
    background: none left center/contain no-repeat transparent;
    background-origin: content-box;
    display: block;
    width: var(--dm-logo-width);
    padding: 5px 10px 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1
}

.dm-menu:not(.dm-menu_logo) > a,
.dm-menu:not(.dm-menu_logo) > span {
    display: none
}

.dm-menu > ul > li > a,
.dm-menu > ul > li > span {
    height: var(--dm-menu-height);
    padding-top: calc((var(--dm-menu-height) - 20px)/ 2);
    padding-bottom: calc((var(--dm-menu-height) - 20px)/ 2);
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    z-index: 0
}

.dm-menu > ul > li:hover > a,
.dm-menu > ul > li:hover > span {
    z-index: 2
}

.dm-item_align-right {
    float: right;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.dm-menu_item-bg > ul > li.dm-selected > a,
.dm-menu_item-bg > ul > li.dm-selected > span {
    background: #54b4eb;
    background: var(--dm-item-current-bg);
    color: #eee;
    color: var(--dm-item-current-color)
}

.dm-menu_item-bg > ul > li:hover > a,
.dm-menu_item-bg > ul > li:hover > span {
    background: dm_item_hover_bg;
    background: var(--dm-item-hover-bg);
    color: #333;
    color: var(--dm-item-hover-color)
}

.dm-menu_item-border > ul > li > a:after,
.dm-menu_item-border > ul > li > span:after {
    content: '';
    display: block;
    height: var(--dm-menu-border-width);
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px
}

.dm-menu_item-border > ul > li.dm-selected > a:after,
.dm-menu_item-border > ul > li.dm-selected > span:after {
    background: var(--dm-item-current-bg)
}

.dm-menu_item-border > ul > li:hover > a:after,
.dm-menu_item-border > ul > li:hover > span:after {
    background: var(--dm-item-hover-bg)
}

.dm-menu_item-border > ul > li:not(.dm-item_submenu-fullwidth) > ul {
    margin-left: 20px;
    margin-right: 20px
}

.dm-menu_item-border.dm-menu_border > ul > li > a:after,
.dm-menu_item-border.dm-menu_border > ul > li > span:after {
    bottom: calc(0px - var(--dm-menu-border-width))
}

.dm-menu_item-border.dm-menu_border > ul > li > ul {
    top: calc(100% + var(--dm-menu-border-width))
}

.dm-item_icon-only > a > [class*=fa-],
.dm-item_icon-only > span > [class*=fa-],
.dm-item_icon-text > a > [class*=fa-],
.dm-item_icon-text > span > [class*=fa-] {
    font-size: 120%
}

.dm-item_icon-text > a > [class*=fa-],
.dm-item_icon-text > span > [class*=fa-] {
    margin-right: 4px;
    vertical-align: text-top
}

.dm-menu > ul > .dm-item_icon-only > a,
.dm-menu > ul > .dm-item_icon-only > span {
    padding-left: 10px;
    padding-right: 10px
}

    .dm-menu > ul > .dm-item_icon-only > a:before,
    .dm-menu > ul > .dm-item_icon-only > span:before {
        content: none;
        display: none
    }

.dm-menu_item-border > ul > .dm-item_icon-only:hover > a:after,
.dm-menu_item-border > ul > .dm-item_icon-only:hover > span:after {
    left: 5px;
    right: 5px
}

.dm-menu_item-border > ul > .dm-item_icon-only:hover > ul {
    margin-left: 5px;
    margin-right: 5px
}

.dm-menu_item-subindicator > ul > .dm-item_parent > a:before,
.dm-menu_item-subindicator > ul > .dm-item_parent > span:before {
    content: '';
    border: 5px solid transparent;
    border-top: 6px solid #333;
    border-top-color: var(--dm-color);
    /*opacity: .3;*/
    display: block;
    width: 0;
    height: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    right: 5px
}

.dm-menu li ul {
    display: none
}

.dm-menu:not(.dm-menu_submenu) li ul {
    display: none !important
}

.dm-menu_submenu li ul {
    background: var(--dm-submenu-bg);
    color: var(--dm-submenu-color);
    white-space: nowrap;
    padding: 10px 10px 10px 10px;
    position: absolute;
    top: 0;
    left: 70%;
    z-index: 1
}

.dm-menu_submenu li:hover > ul {
    display: block
}

.dm-menu_submenu > ul > li > ul {
    min-width: 100%;
    top: 100%;
    left: 0
}

.dm-item_submenu-align-right > ul {
    left: auto !important;
    right: 0
}

.dm-subitem_submenu-align-right > ul {
    left: auto !important;
    right: 100%
}

.dm-menu_submenu-arrow > ul > .dm-item_parent:hover > a:after,
.dm-menu_submenu-arrow > ul > .dm-item_parent:hover > span:after {
    content: '';
    background: 0 0;
    border: 8px solid transparent;
    border-bottom-color: var(--dm-submenu-bg);
    display: block;
    width: 0;
    height: 0;
    margin-left: -8px;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 2
}

.dm-menu_submenu-arrow > ul > .dm-item_submenu-tabs:hover > a:after,
.dm-menu_submenu-arrow > ul > .dm-item_submenu-tabs:hover > span:after {
    border-bottom-color: var(--dm-submenu-tabs-bg)
}

.dm-menu_submenu-arrow.dm-menu_submenu-border > ul > .dm-item_parent:hover > a:after,
.dm-menu_submenu-arrow.dm-menu_submenu-border > ul > .dm-item_parent:hover > span:after {
    bottom: calc(0px - var(--dm-menu-border-width))
}

.dm-menu_submenu-border > ul > li > ul {
    border-top: 5px solid #ccc;
    border-top-color: var(--dm-item-hover-bg);
    border-top-width: var(--dm-menu-border-width)
}

.dm-item_submenu-fullwidth {
    position: static !important
}

    .dm-item_submenu-fullwidth > ul {
        margin-left: 0;
        margin-right: 0;
        right: 0;
        top: calc(100% - $dm_menu_padding_bottom)
    }

.dm-subitem_submenu-inline > div[style*=background-image] {
    background-size: cover;
    background-position: center center;
    display: block;
    height: 150px;
    margin-bottom: 10px
}

.dm-menu li .dm-subitem_submenu-inline > a,
.dm-menu li .dm-subitem_submenu-inline > span {
    font-weight: 700
}

.dm-menu li .dm-subitem_submenu-inline > ul {
    background: 0 0 !important;
    box-shadow: none !important;
    display: block !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    position: static !important
}

    .dm-menu li .dm-subitem_submenu-inline > ul > li {
        border-top: none !important
    }

        .dm-menu li .dm-subitem_submenu-inline > ul > li > a,
        .dm-menu li .dm-subitem_submenu-inline > ul > li > span {
            padding: 5px 10px 5px 10px
        }

            .dm-menu li .dm-subitem_submenu-inline > ul > li > a:before,
            .dm-menu li .dm-subitem_submenu-inline > ul > li > span:before {
                content: '›';
                display: inline-block;
                margin-right: 5px
            }

.dm-item_submenu-mega > ul > li {
    border-top: none !important
}

    .dm-item_submenu-mega > ul > li + li {
        padding-left: 10px
    }

.dm-item_submenu-mega:hover > ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .dm-item_submenu-mega:hover > ul > li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.dm-menu_submenu-shadow li ul {
    box-shadow: var(--dm-submnu-boxshadow)
}

.dm-item_submenu-tabs > ul:after {
    content: '';
    background: var(--dm-submenu-tabs-bg);
    display: block;
    width: calc(25% + 5px);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1
}

.dm-item_submenu-tabs > ul > li {
    width: 25%;
    box-shadow: border-box;
    position: static
}

    .dm-item_submenu-tabs > ul > li > ul {
        box-shadow: none;
        top: 0;
        left: calc(25% + 5px);
        right: 0
    }

    .dm-item_submenu-tabs > ul > li.dm-selected > a,
    .dm-item_submenu-tabs > ul > li.dm-selected > span,
    .dm-item_submenu-tabs > ul > li:hover > a,
    .dm-item_submenu-tabs > ul > li:hover > span {
        background: var(--dm-submenu-bg) !important
    }

    .dm-item_submenu-tabs > ul > li.dm-selected > ul,
    .dm-item_submenu-tabs > ul > li:hover > ul {
        display: block
    }

    .dm-item_submenu-tabs > ul > li.dm-selected.dm-item_submenu-mega > ul,
    .dm-item_submenu-tabs > ul > li:hover.dm-item_submenu-mega > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        .dm-item_submenu-tabs > ul > li.dm-selected.dm-item_submenu-mega > ul > li,
        .dm-item_submenu-tabs > ul > li:hover.dm-item_submenu-mega > ul > li {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

.dm-menu li li a,
.dm-menu li li span {
    padding: 10px 10px 10px 10px
}

.dm-menu_subitem-bg li li.dm-selected > a,
.dm-menu_subitem-bg li li.dm-selected > span,
.dm-menu_subitem-bg li li:hover > a,
.dm-menu_subitem-bg li li:hover > span {
    background-color: var(--dm-subitem-hover-bg)
}

.dm-menu_subitem-bg .dm-item_submenu-mega > ul > li:hover > a,
.dm-menu_subitem-bg .dm-item_submenu-mega > ul > li:hover > span,
.dm-menu_subitem-bg .dm-subitem_submenu-inline:hover > a,
.dm-menu_subitem-bg .dm-subitem_submenu-inline:hover > span {
    background: 0 0
}

.dm-menu_subitem-bg .dm-item_submenu-mega > ul > li > a[href]:hover,
.dm-menu_subitem-bg .dm-subitem_submenu-inline > a[href]:hover {
    background-color: var(--dm-subitem-hover-bg)
}

.dm-menu_subitem-border li li {
    border-top: 1px solid var(--dm-subitem-border)
}

    .dm-menu_subitem-border li li:first-child {
        border-top: none
    }