<script>
$(document).ready(function(){

$('.uc-main-menu .t-menuburger').wrap('<div class="burger-wrapper"></div>');


$(document).on('click', function(e) {
    let elem = $(e.target);
    
    let parent = elem[0].closest('.t280__menu__container');
    let bodyClass = $('body').hasClass('t280_opened');
    
    let burger =  elem[0].closest('.burger-wrapper');
    
    if(parent==null && bodyClass && burger==null ){
        
        $('body').removeClass('t280_opened');
        
        $('.uc-main-menu .t280').removeClass('t280__main_opened');
        $('.uc-main-menu .t-menuburger').removeClass('t-menuburger-opened');
          
    };

    
});


    
    
$('.uc-main-menu .t280__menu__item').click(function(){
    if( $(this).hasClass('open-menu') ){
        $('.uc-main-menu .t280__menu__item').removeClass('open-menu');    
    }else{
        $('.uc-main-menu .t280__menu__item').removeClass('open-menu');    
            $(this).addClass('open-menu');    
    };

       
});


$(document).on('click', '.dop-wrapper-menu', function(){
    
    if( $(this).hasClass('open-dop-menu') ){
        $('.dop-wrapper-menu').removeClass('open-dop-menu');    
    }else{
        $('.dop-wrapper-menu').removeClass('open-dop-menu');    
            $(this).addClass('open-dop-menu');    
    };
    
    
     
});

    
$('.uc-main-menu .t-menusub__link-item').each(function(){
    
    let elem = $(this);
    
    let text = elem.text();
    let href = elem.attr('href');
    
    
   
    
    if (text.indexOf("||") >= 0){
        text = text.split('||');
        elem.text(text[0]);
        
        let subText = `<div class="sub-text">${text[1]}</div>`;
        elem.append(subText);

    
        
    };
    
    
    
    
    setTimeout(function(){
  
        if (href.indexOf("||") >= 0){
            
            
            let thirdMenu = ``;
            
            $('.uc-slave-menu .t-menu__link-item').each(function(){

                
                let thirdTitle = $(this);
                let titleText = thirdTitle.text();

    
                if(href==titleText){
                    let ulList = thirdTitle.next('.t-menusub').find('.t-menusub__list');
                    
                    ulList.find('a').each(function(){
                        
                        let tagA = $(this);
                        
                        thirdMenu += `<a class="third-links" href="${tagA.attr('href')}">${tagA.text()}</a>`

                    })
                    
                    
                };
            });
            
            
            thirdMenu = `<div class="third-menu-wrapper">${thirdMenu}</div>`

            elem.after(thirdMenu);
            
            elem.removeAttr('href').addClass('sub-part');
            
            elem.wrap('<div class="dop-wrapper-menu"></div>');
            
        };
    
    }, 500);

    
     
    
});




    
});
</script>



<style>


body.t280_opened {
    /*height: auto;*/
    /*min-height: auto;*/
    /*overflow: auto;*/
}


a.third-links {
    text-align: left;
}

button.t-menuburger.t-menuburger_first.t-menuburger-opened {
    background-image: url(https://static.tildacdn.com/tild3537-3631-4039-a262-616638393634/Frame_1321317014.svg);
}

.uc-upper-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 998;
}

.uc-main-menu{
    position: fixed;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
}



.uc-main-menu .t280__menu__container {
    max-height: 80vh;
    overflow: auto;
    box-shadow: 0px 20px 10px 10px rgba(12, 0, 69, 0.1);

}

.open-menu a.t280__menu__link.t-title {
    color: #6029e5 !important;
}


.uc-slave-menu{
    display: none;
}


.dop-wrapper-menu.open-dop-menu a.t-menusub__link-item.t-name:after{
   /*transform: rotate(180deg);*/
   background-image: url(https://static.tildacdn.com/tild3936-3731-4161-b166-316231383863/Down_Arrow_3__1.svg) !important;
}

.dop-wrapper-menu.open-dop-menu+.third-menu-wrapper {
   display: flex;
}



.uc-main-menu a.t-menusub__link-item.sub-part {
    pointer-events: none;
}


.dop-wrapper-menu {
    cursor: pointer;
    text-align: left;
}


.third-menu-wrapper a {
    color: #000 !important;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 8px;
    text-align: left;
}

.third-menu-wrapper {
    display: none;
    flex-direction: column;
    padding-left: 10px;
    margin-top: 10px;
}



.sub-text {
    color: #ACACAC;
    font-size: 14px;
    font-weight: 300;
}

.uc-main-menu li.t-menusub__list-item {
    margin-bottom: 20px;
}


.uc-main-menu  .dop-wrapper-menu a.t-menusub__link-item.t-name:after {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(https://static.tildacdn.com/tild3731-3532-4338-b663-376336356466/Down_Arrow_3_.svg);
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    transition: all 0.1s;
    right: 0;
    
}

.uc-main-menu a.t-menusub__link-item.t-name{
    position:relative;
}



.uc-main-menu .t280__menu__item.open-menu   a.t280__menu__link.t280__menu__link_submenu.t-menusub__target-link:after {
    /*transform: rotate(180deg);*/
    background-image: url(https://static.tildacdn.com/tild3936-3731-4161-b166-316231383863/Down_Arrow_3__1.svg) !important;;
}

.uc-main-menu .t-menusub__menu {
    display: none !important;
    opacity: 1;
    position: static;
    max-width: 550px !important;
    box-shadow: none;
    margin: 0 auto;
    margin-top: -25px;
    border: none;
}

.uc-main-menu li.t280__menu__item.open-menu+.t-menusub .t-menusub__menu {
    display: block !important;
}


.uc-main-menu a.t-menusub__link-item.t-name {
    font-size: 20px;
}


.uc-main-menu .t280__menu__content {
    max-width: 636px;
}

.uc-main-menu .t280__container__bg {
    box-shadow: 0 1px 0 0 #f4f4f5;
}   



.uc-main-menu button.t-menuburger {
    background-image: url(https://static.tildacdn.com/tild3434-3931-4362-b964-323833386237/Group_154_1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.uc-main-menu button.t-menuburger span {
    opacity: 0;
}    


.uc-main-menu .t280__main_opened .t280__container {
    position: relative !important;
}

.uc-main-menu .t280__menu__bg {
    background: none !important;
    display: none;
}

.uc-main-menu .t280__menu__wrapper {
    padding: 0;
    position: static;
    border-top: 1px solid #f4f4f5;
    overflow: visible;
}

.uc-main-menu nav.t280__menu {
    background-color: #fff;
    max-width: none;
    position: static;
    transform: none !important;
    margin-top: 0px;
    padding-top: 30px !important;
    padding-bottom: 10px;
}

.uc-main-menu a.t280__menu__link.t-title {
    font-size: 36px;
    margin-bottom: 35px;
}

.uc-main-menu .t280__bottom {
    position: static;
    max-width: none;
    padding-bottom: 60px;
    padding-top: 7px;
    box-shadow: 0px 20px 10px 10px rgba(12, 0, 69, 0.1);
}

.uc-main-menu .t280__menu__container {
    height: max-content;
}



.uc-main-menu .t280__descr a:first-child {
    background: #E4DACB;
    padding: 10px 18px;
    color: #764946 !important;
    border-radius: 30px;
    display: none;
}

.uc-main-menu .t280__descr a:last-child {
    padding: 10px 18px;
    color: #fff !important;
    border-radius: 30px;
    margin-left:7px;
    background-image: url(https://static.tildacdn.com/tild6234-3761-4232-b436-376338393534/nominees_cards_1.svg);
    background-size: 120%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}


.uc-main-menu a.t280__menu__link.t280__menu__link_submenu.t-menusub__target-link {
    position: relative;
}

.uc-main-menu a.t280__menu__link.t280__menu__link_submenu.t-menusub__target-link:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(https://static.tildacdn.com/tild3731-3532-4338-b663-376336356466/Down_Arrow_3_.svg);
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    left: 10px;
    transition: all 0.1s;
}


@media screen and (max-width: 980px){
#allrecords .uc-main-menu .t280__main_opened .t280__menu__content {
    background-color: transparent !important;
}


.uc-main-menu nav.t280__menu{
    padding-top: 30px !important;
}

.uc-main-menu a.t280__menu__link.t-title {
    font-size: 26px;
}

.uc-main-menu a.t280__menu__link.t280__menu__link_submenu.t-menusub__target-link:after {
    width: 15px;
    height: 15px;
    top: 0px;
    left: 14px;
}


.uc-main-menu .t-menusub__menu {
    margin-top: -5px;
}

.uc-main-menu a.t-menusub__link-item.t-name {
    font-size: 16px;
}
    
    
}


@media screen and (max-width: 480px){
.uc-main-menu a.t280__menu__link.t-title {
    font-size: 20px;
    text-align: left;
    padding-left: 10px;
}

.uc-main-menu a.t280__menu__link.t280__menu__link_submenu.t-menusub__target-link:after {
    width: 15px;
    height: 15px;
    top: 2px;
    left: 10px;
}


.uc-main-menu nav.t280__menu{
    padding-top: 10px !important;
}

.uc-main-menu a.t-menusub__link-item.t-name {
    font-size: 14px;
}

.uc-main-menu .sub-text {
    font-size: 12px;
}

.uc-main-menu li.t-menusub__list-item {
    margin-bottom: 10px;
}
    
.uc-main-menu .t-menusub__content {
    padding: 0px 20px;
}

.uc-main-menu .dop-wrapper-menu a.t-menusub__link-item.t-name:after {
    width: 13px;
    height: 13px;
    top: 12px;
    right: 0;
}

.uc-main-menu .t-menusub__content{
    text-align:left;
}

.uc-main-menu .t280__bottom {
    padding-bottom: 40px;
    padding-top: 0px;
}

.uc-main-menu .t280__descr.t280__bottom__item {
    text-align: left;
}


.uc-main-menu .t280__descr a:last-child {
    margin-left: 20px;
    padding: 15px 29px;
    font-size: 16px;
}

.uc-main-menu a.t280__menu__link.t-title {
    padding-left: 20px;
}

.uc-main-menu a.t280__menu__link.t-title {
    font-size: 23px;
}

.t280__bottom__item, .t280 .t-sociallinks {
    margin-top: 0px;
}



.uc-main-menu .t280__menu__container {
    border-top: 1px solid #f4f4f5;
}

ul.t-menusub__list {
    /* padding-left: 10px; */
}

.uc-main-menu li.t-menusub__list-item {
    padding-left: 10px;
}

.uc-main-menu a.t-menusub__link-item.t-name {
    font-size: 16px;
}

.uc-main-menu .sub-text {
    font-size: 14px;
}

.uc-main-menu li.t-menusub__list-item {
    margin-bottom: 35px;
    margin-top: 7px;
}

.third-menu-wrapper a {
    margin-bottom: 10px;
    margin-top: 12px;
}

.uc-main-menu button.t-menuburger {
    width: 32px;
    height: 32px;
}

.uc-main-menu img.t280__logo__img {
    height: 40px !important;
}

.t280_opened .uc-main-menu:before {
    content: "";
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    backdrop-filter: blur(5px);
    background: rgb(96 41 229 / 20%);
}

.uc-main-menu .t280 {
    background-color: #fff;
}

.uc-main-menu .t280__main_opened .t280__container {
    background-color: #fff;
}

.uc-main-menu .t280__menu__container {
    background-color: #fff;
}

 
    
}

.uc-main-menu a.t-menusub__link-item {
    text-align: left;
}




</style>