:root {
    --base-grid: 20;
}

#slider img {border-radius: 40px;}

#menu-circular .sbmenu_list_block .sbmenu_mu_level_1 {
    width: 100%;
    border: 2px dashed #222;
    border-top-left-radius: 50% 100%;
    border-top-right-radius: 50% 100%;
    border-bottom: inherit;
    max-width: 992px;
    position: relative;
    margin: auto;
    aspect-ratio: 1/0.48;
}





#menu-circular .sbmenu_ml.sbmenu_ml_level_1 {
    position: absolute;
    transform-origin: center calc(var(--base-grid)*56%);
    top: -35px;
    left: 0;
    right: 0;
    /*    width:190px;*/
    width: 225px;
    margin:auto;
}

#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(3) {
    width: 250px;
}

/*@media (min-width: 1650px){
    #menu-circular .sbmenu_ml.sbmenu_ml_level_1 {
        transform-origin: center calc(var(--base-grid)*1.2cqi);
    }
}*/

#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(1) {
    transform: rotate(calc(var(--base-grid)*-2deg));
}
#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(2) {
    transform: rotate(calc(var(--base-grid)*-1deg));
}

#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(4) {
    transform: rotate(calc(var(--base-grid)*1deg));
}
#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(5) {
    transform: rotate(calc(var(--base-grid)*2deg));
}

#menu-circular .sbmenu_ml.sbmenu_ml_level_1::after {
    content: "";
    background: #222;
    height: 20px;
    width: 20px;
    position: absolute;
    border-radius: 50%;
    margin: auto;
    left: 0;
    right: 0;
    top: 24px;
    outline: 1px solid #222;
    outline-offset: 3px;
}

#menu-circular a .sbmenu_ma_text::before {
    content: "";
    background-color: #f5e8d4;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    height: 30px;
    position: absolute;
    z-index: -1;
    top: 9px;
    right: 6%;
    transform: rotate(-3deg);
}


#menu-circular a .sbmenu_ma_text { 
    text-indent: 10px;   
    transform: rotate(0deg);
    padding-right: 20px;
}
#menu-circular a .sbmenu_ma_text::after {
    content: "";
    background-color: #f5e8d4;
    width: 83%;
    height: 10px;
    position: absolute;
    z-index: -1;
    top: 3px;
    right: 13%;
    transform: rotate(-3deg);
}

#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(3) .sbmenu_ma_text::before,
#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(3) .sbmenu_ma_text::after{
    background-color: #ff4400;
}

#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(3) .sbmenu_ma_text:hover::before,
#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(3) .sbmenu_ma_text:hover::after{
    background-color: transparent;
}
#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(3) .sbmenu_ma_text:hover{
    color:#ff4400;
}

#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(1) a {
    transform: rotate(calc(var(--base-grid)*2deg));
    right: calc(var(--base-grid)*2px);
    top: calc(var(--base-grid)*-4px);
}
#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(2) a {
    transform: rotate(calc(var(--base-grid)*1deg));
    right: calc(var(--base-grid)*5px);
    top: calc(var(--base-grid)*-3px);
}
#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(4) a {
    transform: rotate(calc(var(--base-grid)*-1deg));
    left: calc(var(--base-grid)*3.5px);
    top: calc(var(--base-grid)*-2.5px);
}
#menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(5) a {
    transform: rotate(calc(var(--base-grid)*-2deg));
    left: calc(var(--base-grid)*2px);
    top: calc(var(--base-grid)*-4px);
}

#menu-circular .sbmenu_ml.sbmenu_ml_level_1 a {
    position: relative;
    top: -45px;
    flex-direction: row-reverse;
}

#menu-circular .sbmenu_ml.sbmenu_ml_level_1 a .sbmenu_fl_item_icon {display:none;}
#menu-circular .sbmenu_ml.sbmenu_ml_level_1 a:hover .sbmenu_fl_item_icon {display:block;}
/*#menu-circular .sbmenu_ml.sbmenu_ml_level_1 .sbmenu_ma_text:hover {
    z-index:100;
}*/


/*#menu-circular .sbmenu_ml.sbmenu_ml_level_1 .sbmenu_ma_text:hover::after {
    content: "";
    background: #ff4400;
    position: absolute;
    left: -10px;
    bottom: 7px;
    height: 4px;
    width: 110%;
    transform: rotate(-3deg);
}*/

@media (max-width: 992px){
    #menu-circular .sbmenu_list_block {
        height:100vw;
    }
    #menu-circular .sbmenu_list_block .sbmenu_mu_level_1 {

        width: 100%;
        border: 2px dashed #222;
        position: absolute;
        bottom: 0;
        border-top-left-radius: 50% 100%;
        border-top-right-radius: 50% 100%;
        border-bottom: inherit;
        /*	max-width: 1105px;	*/
        aspect-ratio: 1/0.48;
    }
    #menu-circular .sbmenu_fl_align_1 a.sbmenu_ma_level_1 {
        justify-content: left;
    }

    #menu-circular .sbmenu_ml.sbmenu_ml_level_1 {
        transform-origin: center calc(var(--base-grid)*3cqi);

    }
    #menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(1) a {
        transform: rotate(calc(var(--base-grid)*-2.5deg));
        right: calc(var(--base-grid)*-4px);
        top: calc(var(--base-grid)*-5px);
    }
    #menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(2) a {
        transform: rotate(calc(var(--base-grid)*-3.5deg));
        right: calc(var(--base-grid)*-2px);
        top: calc(var(--base-grid)*-5.6px);
    }
    #menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(3) a {
        transform: rotate(calc(var(--base-grid)*-4.5deg));
        right: calc(var(--base-grid)*0px);
        top: calc(var(--base-grid)*-6px);
    }
    #menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(4) a {
        transform: rotate(calc(var(--base-grid)*-5.5deg));
        left: calc(var(--base-grid)*-2px);
        top: calc(var(--base-grid)*-6px);
    }
    #menu-circular .sbmenu_ml.sbmenu_ml_level_1:nth-child(5) a {
        transform: rotate(calc(var(--base-grid)*-6.45deg));
        left: calc(var(--base-grid)*-4.5px);
        top: calc(var(--base-grid)*-5px);
    }
}

@media (max-width: 768px){
    #menu-circular .sbmenu_ml.sbmenu_ml_level_1::after {
        height: 15px;
        width: 15px;
        top: 28px;
    }

}