/* header */

@media (max-width: 991px) {

    .nav-menu {

        display: none;

    }



    .teams-filter-collapse {

        display: block!important;

        margin-bottom: 15px;

    }



    .header-content>*:not(.header-logo, a) {

        display: none;

    }



    .menu-trigger {

        /* display: none; */

        width: 24px;

        height: 24px;

        background-repeat: no-repeat;

        background-position: center;

        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMyIgeT0iNS41IiB3aWR0aD0iMTgiIGhlaWdodD0iMiIgcng9IjEiIGZpbGw9IiM1MzRFNTYiLz4KPHJlY3QgeD0iMyIgeT0iMTEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIyIiByeD0iMSIgZmlsbD0iIzUzNEU1NiIvPgo8cmVjdCB4PSIzIiB5PSIxNi41IiB3aWR0aD0iMTUiIGhlaWdodD0iMiIgcng9IjEiIGZpbGw9IiM1MzRFNTYiLz4KPC9zdmc+Cg==);

        margin-left: 16px;

        min-width: 24px;

    }



    .header-nav {

        display: none;

    }

}



@media (min-width: 992px) {



    .filter-item {

        width: 20%;

    }

    

    .ui-menu a {

        display: block;

    }



    a {

        color: #1D93E3;

        text-decoration: none;

    }



    .ui-menu>li {

        /* padding: 0 12px; */

    }



    .ui-menu>li.active>a, .ui-menu>li:hover>a {

        /* font-weight: bold; */

        background: #0c9300;

    }



    .ui-menu>li.active:after {

        /* background-color: #1d93e3; */

    }



    .ui-menu>li:hover:before {

        background-color: transparent;

        content: "";

        position: absolute;

        left: 0;

        width: 100%;

        top: 100%;

        height: 6px;

    }



    .ui-menu li:hover>.submenu {

        display: block;

    }



    .ui-menu li {

        position: relative;

    }



    .ui-menu ul {

        list-style: none;

        padding: 0;

        margin: 0;

    }



    .ui-menu .submenu li {

        padding: 0 20px 0 16px;

    }



    .ui-menu .submenu a {

        padding: 12px 0;

        white-space: nowrap;

        margin-bottom: -1px;

    }



    .ui-menu .submenu li>a {

        border-bottom: 1px solid #F5F5F5;

    }



    .ui-menu a {

        display: block;

        color: #fff;

        padding: 13px 35px;

        font-weight: 400;

        text-transform: uppercase;

    }



    .ui-menu li:hover>.submenu {

        display: block;

    }



    .ui-menu .submenu .submenu {

        left: 100%;

        top: 0;

        border-top: none;

        margin-top: 0;

    }



    .ui-menu .submenu {

        background-color: #fff;

        position: absolute;

        left: 12px;

        top: 100%;

        -webkit-box-shadow: -3px 6px 28px rgba(0, 0, 0, 0.08);

        box-shadow: -3px 6px 28px rgba(0, 0, 0, 0.08);

        border-top: 2px solid #1d93e3;

        z-index: 300;

        font-weight: 600;

        font-size: 14px;

        line-height: 24px;

        margin-top: 2px;

        display: none;

        min-width: 270px;

    }



    .ui-menu .submenu li.active,

    .ui-menu .submenu li:hover {

        background-color: #CEE8FA;

    }



    .ui-menu .submenu li.active>a,

    .ui-menu .submenu li:hover>a {

        color: #1d93e3;

        border-color: transparent;

    }



    .ui-menu>li:hover:after {

        background-color: transparent;

    }



    .ui-menu {

        list-style: none;

        padding: 0;

        margin: 0;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        letter-spacing: 0.002em;

        font-weight: 600;

        font-size: 16px;

        line-height: 24px;

    }



    .ui-menu .submenu-toggle,

    .ui-menu .menu-title {

        /* display: none; */

    }



    .ui-menu .submenu {

        background-color: #fff;

        position: absolute;

        left: 12px;

        top: 100%;

        -webkit-box-shadow: -3px 6px 28px rgba(0, 0, 0, 0.08);

        box-shadow: -3px 6px 28px rgba(0, 0, 0, 0.08);

        border-top: 2px solid #1d93e3;

        z-index: 300;

        font-weight: 600;

        font-size: 14px;

        line-height: 24px;

        margin-top: 2px;

        display: none;

        min-width: 270px;

    }



    .ui-menu>li:after {

        /* content: ""; */

        display: block;

        height: 2px;

        width: 100%;

        max-width: 33px;

        margin-top: 2px;

    }



    .header-nav-bottom {

        display: none;

    }



    div#htmlAccount {

        display: none;

    }



    .submenu-back {

        display: none;

    }





}



/* header */



/* mmenu */

@media (max-width: 992px) {

    .mm-menu_offcanvas {

        width: 65%!important;

        background: #fff!important;

        max-width: 65%!important;

        min-width: 65%!important;

    }

    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {

        -webkit-transform: translate(65vw, 0)!important;

        -ms-transform: translate(65vw, 0)!important;

        transform: translate(65vw, 0)!important;

        -webkit-transform: translate3d(80vw, 0, 0)!important;

        transform: translate3d(65vw, 0, 0)!important;

    }

    .mm-menu_offcanvas {

        display: block!important;

        transform: translate3d(-100%, 0, 0);

        /* transition: -webkit-transform .4s ease; */

        transition: transform .4s ease;

        transition: transform .4s ease, -webkit-transform .4s ease;

    }

    .mm-menu_offcanvas.mm-menu_opened {

        transform: translate3d(0%, 0, 0);

        transition: -webkit-transform .4s ease;

        transition: transform .4s ease;

        transition: transform .4s ease, -webkit-transform .4s ease;

    }

    .mm-listitem>a, .mm-listitem>span {

        font-size: 13px;

    }

    .mm-wrapper_blocking:after {

        content: "";

        background: #00000057;

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

    }

    .mm-menu_offcanvas {

        z-index: 99!important;

    }

    .mm-wrapper_opening .mm-slideout{

        filter: blur(4px);

    }

    .menu-close.js-close-menu {

        right: 0;

        top: 0;

        z-index: 99999;

        display: inline-block;

        width: 24px;

        height: 24px;

        background-repeat: no-repeat;

        background-position: center;

        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjAzNjQzIDUuMDMyNzlDNS4zNTAxMiA0LjcyMTY1IDUuODU2NjUgNC43MjM3MiA2LjE2Nzc5IDUuMDM3NDFMMTEuOTc2IDEwLjg5MzJMMTcuODM0MSA1LjAzNTFDMTguMTQ2NSA0LjcyMjY4IDE4LjY1MzEgNC43MjI2OCAxOC45NjU1IDUuMDM1MUMxOS4yNzc5IDUuMzQ3NTIgMTkuMjc3OSA1Ljg1NDA1IDE4Ljk2NTUgNi4xNjY0N0wxMy4xMDI4IDEyLjAyOTJMMTguODYzOSAxNy44Mzc0QzE5LjE3NSAxOC4xNTExIDE5LjE3MjkgMTguNjU3NiAxOC44NTkyIDE4Ljk2ODhDMTguNTQ1NiAxOS4yNzk5IDE4LjAzOSAxOS4yNzc4IDE3LjcyNzkgMTguOTY0MkwxMS45NzE0IDEzLjE2MDZMNi4xNjU0OSAxOC45NjY1QzUuODUzMDcgMTkuMjc4OSA1LjM0NjU0IDE5LjI3ODkgNS4wMzQxMiAxOC45NjY1QzQuNzIxNyAxOC42NTQgNC43MjE3IDE4LjE0NzUgNS4wMzQxMiAxNy44MzUxTDEwLjg0NDYgMTIuMDI0Nkw1LjAzMTgyIDYuMTY0MTZDNC43MjA2NyA1Ljg1MDQ3IDQuNzIyNzQgNS4zNDM5NCA1LjAzNjQzIDUuMDMyNzlaIiBmaWxsPSIjMTgxQzMyIi8+Cjwvc3ZnPgo=);

        position: absolute;

        top: 44px;

        right: 24px;

        filter: brightness(0) invert(1);

        display: none;

    }

    .mm-wrapper_opened .menu-close.js-close-menu {

        display: inline-block;

    }

    .caption h2 {
        font-size: 15px;
        text-wrap: initial;
    }

}

/* mmenu */