#pw_mega_menu ul {
    list-style-type: none;
}
@media all and (max-width: 1024px) {
    #pw_mega_menu {
        z-index: 99;
        position: fixed;
        top: 95px;
        left: 0;
        width: 100vw;
        min-height: calc(100vh - 95px);
        height: calc(100vh - 95px);
        transform: translateX(100%);
        transition: all .3s;
    }
    .mm-open #pw_mega_menu {
        transform: translateY(0%);
    }
}
/* BURGER BUTTON */
#pw-open-mm {
    width: 25px;
    height: 19px;
    min-width: 25px;
    position: relative;
    cursor: pointer;
}#pw-open-mm .bar {
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    left: 0;
    transition: all .3s;
}#pw-open-mm .bar-1 {
    top: 0;
}#pw-open-mm .bar-2 {
    top: 50%;
    transform: translateY(-50%);
}#pw-open-mm .bar-3 {
    bottom: 0;
}
.mm-open #pw-open-mm .bar-1 {
    transform: translate(-50%, -50%) rotate(-37.57deg);
    top: 50%;
    left: 50%;
    width: 32px;
}.mm-open #pw-open-mm .bar-2 {
    height: 0;
}.mm-open #pw-open-mm .bar-3 {
    transform: translate(-50%, -50%) rotate(37.57deg);
    top: 50%;
    left: 50%;
    width: 32px;
}
@media (min-width: 1025px) {
    #pw-open-mm {
        display: none;
    }
}
/* PARENTS */
.pw_mega_menu__container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}#pw_mega_menu .pw_mega_menu__item > a, #pw_mega_menu .pw_mega_menu__item > span {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
}
@media (min-width: 1599px) {
    .pw_mega_menu__container {
        gap: 32px;
    }
}
@media (max-width: 1024px) {
    .pw_mega_menu__container {
        display: flex;
        flex-direction: column;
        align-items: initial;
        justify-content: initial;
        gap: 0;
        padding: 0;
        height: 100%;
    }.pw_mega_menu__container .pw_mega_menu__item {
        position: relative;
        flex: 1;
        border-bottom: 3px solid #fff;
        transition: all .3s;
    }#pw_mega_menu .pw_mega_menu__item > a, #pw_mega_menu .pw_mega_menu__item > span {
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 7.03%;
        font-size: 20px;
        font-weight: 900;
        line-height: 28.68px;
        text-transform: uppercase;
        width: 32.36vw;
        position: relative;
    }
    #pw_mega_menu .pw_mega_menu__item > a::after, #pw_mega_menu .pw_mega_menu__item > span::after {
        content: "";
        width: 3px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -3px;
        visibility: hidden;
        z-index: 3;
    }#pw_mega_menu .pw_mega_menu__item.menu-active > a::after, #pw_mega_menu .pw_mega_menu__item.menu-active > span::after {
        visibility: visible;
    }
    #pw_mega_menu .pw_mega_menu__item > a::before, #pw_mega_menu .pw_mega_menu__item > span::before {
        content: "\E800";
        font-family: "pixy-icons";
        font-weight: initial;
        position: absolute;
        top: 50%;
        right: 5.66%;
        transform: translateY(-50%);
        transition: all .3s;
    }
    #pw_mega_menu .pw_mega_menu__item.child-active:hover > .container-img-menu {
        visibility: hidden;
        opacity: 0;
    }

    #pw_mega_menu .pw_mega_menu__item > a, #pw_mega_menu .pw_mega_menu__item > span {
        width: 50vw;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    #pw_mega_menu .pw_mega_menu__item:hover > a::before, #pw_mega_menu .pw_mega_menu__item:hover > span::before {
        transform: translateY(-50%) rotate(-22.16deg);
    }.pw_mega_menu__container:hover .pw_mega_menu__item:not(.menu-active) {
        background-color: #000;
    }#pw_mega_menu .pw_mega_menu__container:hover .pw_mega_menu__item:not(.menu-active) > a, #pw_mega_menu .pw_mega_menu__container:hover .pw_mega_menu__item:not(.menu-active) > span {
        color: #fff;
    }
}
@media all and (max-width: 767px) {
    #pw_mega_menu .pw_mega_menu__item > a, #pw_mega_menu .pw_mega_menu__item > span {
        width: 100vw;
        padding: 0 7.2%;
    }
}
/* CHILDS */
@media all and (min-width: 1025px) {
    .pw_mega_menu__childs {
        position: absolute;
        visibility: hidden;
        padding-top: 37px;
        padding-left: 0;
        border-bottom: 3px solid #000;
        border-left: 3px solid #000;
        border-right: 3px solid #000;
    }.pw_mega_menu__item:hover .pw_mega_menu__childs {
        visibility: visible;
    }#pw_mega_menu .pw_mega_menu__child {
        background-color: #ffffff;
    }#pw_mega_menu .pw_mega_menu__child > :is(a, span) {
        color: #000;
        font-weight: 500;
        text-decoration: none;
        width: 100%;
        display: inline-block;
        padding: 10px;
    }#pw_mega_menu .pw_mega_menu__child > :is(a, span):hover {
        color: #ffffff;
        background-color: #000000;
    }
}
@media all and (max-width: 1024px) {
    .pw_mega_menu__childs {
        display: none;
        position: fixed;
        right: 0;
        top: 0;
        width: 50vw;
        min-height: calc(100vh - 95px);
        height: calc(100vh - 95px);
        flex-direction: column;
        justify-content: center;
        gap: 30px;
        padding: 0;
        border-left: 3px solid #fff;
        transition: all .3s;
        z-index: 2;
    }.pw_mega_menu__item:hover .pw_mega_menu__childs {
        display: flex;
    }#pw_mega_menu .pw_mega_menu__child {
        position: relative;
    }#pw_mega_menu .pw_mega_menu__child > a, #pw_mega_menu .pw_mega_menu__child > span {
        text-decoration: none;
        font-size: 20px;
        font-weight: 900;
        line-height: 28.68px;
        opacity: .45;
        transition: all .3s;
        width: 26.8vw;
        padding: 0 7.36%;
        display: inline-block;
    }#pw_mega_menu .pw_mega_menu__child > a:hover, #pw_mega_menu .pw_mega_menu__child > span:hover {
        opacity: 1;
    }
    #pw_mega_menu .pw_mega_menu__child:hover .container-img-menu {
        visibility: visible;
        opacity: 1;
    }
    .pw_mega_menu__childs {
        width: 50vw;
        gap: 30px;
    }#pw_mega_menu .pw_mega_menu__child > a, #pw_mega_menu .pw_mega_menu__child > span {
        width: 50vw;
    }
}
@media all and (max-width: 767px) {
    .pw_mega_menu__childs {
        display: flex;
        width: 100vw;
        transform: translateX(100%);
    }.pw_mega_menu__childs.active {
        transform: translateX(0%);
    }#pw_mega_menu .pw_mega_menu__child > a, #pw_mega_menu .pw_mega_menu__child > span {
        width: 100vw;
        padding: 0 7.2%;
        opacity: 1;
    }
    .close-mobile-submenu {
        position: absolute;
        top: 30px;
        right: 7.2%;
        width: 30px;
        height: 30px;
    }.close-mobile-submenu::before {
        content: "\E800";
        font-family: "pixy-icons";
        font-weight: initial;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(180deg);
        font-size: 25px;
    }
}
/* COLORS */
@media (max-width: 1024px) {
    #pw_mega_menu .pw_mega_menu__font-color-black a, #pw_mega_menu .pw_mega_menu__font-color-black span {
        color: #000;
    }
    #pw_mega_menu .pw_mega_menu__font-color-white a, #pw_mega_menu .pw_mega_menu__font-color-white span {
        color: #fff;
    }
    .pw_mega_menu__color-white, .pw_mega_menu__color-white .pw_mega_menu__childs, .pw_mega_menu__color-white > a::after, .pw_mega_menu__color-white > span::after {
        background-color: #fff;
    }.pw_mega_menu__color-blue, .pw_mega_menu__color-blue .pw_mega_menu__childs, .pw_mega_menu__color-blue > a::after, .pw_mega_menu__color-blue > span::after {
        background-color: #1DA6E0;
    }.pw_mega_menu__color-cyan, .pw_mega_menu__color-cyan .pw_mega_menu__childs, .pw_mega_menu__color-cyan > a::after, .pw_mega_menu__color-cyan > span::after {
        background-color: #00D1B1;
    }.pw_mega_menu__color-grey, .pw_mega_menu__color-grey .pw_mega_menu__childs, .pw_mega_menu__color-grey > a::after, .pw_mega_menu__color-grey > span::after {
        background-color: #C3C3C3;
    }.pw_mega_menu__color-yellow, .pw_mega_menu__color-yellow .pw_mega_menu__childs, .pw_mega_menu__color-yellow > a::after, .pw_mega_menu__color-yellow > span::after {
        background-color: #FFDE07;
    }.pw_mega_menu__color-black, .pw_mega_menu__color-black .pw_mega_menu__childs, .pw_mega_menu__color-black > a::after, .pw_mega_menu__color-black > span::after {
        background-color: #000;
    }.pw_mega_menu__color-orange, .pw_mega_menu__color-orange .pw_mega_menu__childs, .pw_mega_menu__color-orange > a::after, .pw_mega_menu__color-orange > span::after {
        background-color: #FF8500;
    }.pw_mega_menu__color-salmon, .pw_mega_menu__color-salmon .pw_mega_menu__childs, .pw_mega_menu__color-salmon > a::after, .pw_mega_menu__color-salmon > span::after {
        background-color: #FF9A5F;
    }.pw_mega_menu__color-green, .pw_mega_menu__color-green .pw_mega_menu__childs, .pw_mega_menu__color-green > a::after, .pw_mega_menu__color-green > span::after {
        background-color: #00B288;
    }
}