/* STEP[#002]: Define MAIN-MENU BG FRAMES */

.main .mm {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.main .mm .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0px;
    overflow: hidden;
    display: none;
}

.main .mm .bg div {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.main .mm .bg div .item {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.main .mm .bg .owl-carousel .owl-stage-outer .owl-stage .owl-item {
    width: 100%;
}


/* STEP[#003]: Define MAIN-MENU SELECTOR FRAMES */

.main .mm .slider {
    position: absolute;
    /* top: 734px; */
    top: 884px;
    left: 0px;
    width: 1920px;
    /* height: 300px; */
    padding: 0px;
    overflow: hidden;
    display: none;
}

.main .mm .slider .owl-carousel.owl-theme {
    /* height: 266px;
    max-height: 266px; */
    height: 100%;
    padding-left: 0;
    margin: 50px 0 0 0;
}

.main .mm .slider .owl-carousel.owl-theme .owl-carousel-outer {
    /* height: 266px;
    max-height: 266px; */
    height: 100%;
    padding-left: 0;
    margin: 0;
}

div#mm_item_title {
    position: absolute;
    /* top: 190px; */
    top: 22px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: rgb(235, 235, 235);
    /* font-size: 2.2vw; */
    font-size: 34px;
    line-height: 52px;
    white-space: nowrap;
    text-align: center;
}

div#mm_item_icon {
    height: 100%;
    margin: 0;
    padding: 0;
    display: block
}


/* OWL Main Menu Selector Container */

.main .mm .slider .owl-dots {
    position: absolute;
    top: -45px;
    width: 100%;
    align-content: center;
}


/* .main .mm .slider .owl-carousel .owl-item.active.focus div {
    transform: scale(1.14);
} */

.main .mm .slider .owl-carousel .owl-item.active.focus:after {
    width: 336px;
}

.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"]:after {
    width: 264px;
}

.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_icon"] {
    background-image: var(--icon_focus);
}

.main .mm .slider .owl-carousel .owl-item.active[class*="unfocus"] div [id*="mm_item_icon"] {
    background-image: var(--icon_unfocus);
}

.main .mm .slider .owl-carousel .owl-item.active.focus div [id*="mm_item_title"] {
    transform: scale(1.1);
}