/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* MENU +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ---------------------------------------------------------- */
/* PRIN ----------------------------------------------------- */
/* ---------------------------------------------------------- */
.menu-prin { position:relative; z-index:3; border-top:4px solid var(--colo-prim-03); background:var(--colo-00); padding:10px 0; box-shadow:0 0 20px rgba(0,0,0,0.4); }
.menu-prin-boxx { flex:1 auto }
.menu-prin .menu { column-gap:10px; -webkit-column-gap:10px; position:relative; z-index:10; }
.menu-prin .menu > li { flex:1 auto }
.menu-prin .menu > li:first-child { }
.menu > li > a { font-family:'Roboto Condensed', sans-serif; font-weight:400; display:flex; column-gap:5px; -webkit-column-gap:5px; color:var(--colo-menu-boto-text-01); font-size:15px; letter-spacing:0.5px; text-transform:uppercase; }
.menu-prin .menu > li > a span { line-height:15px; padding:3px 0 2px 0; }
.menu-prin .menu > li:first-child > a span { display:none; }
.menu-prin .menu > li > .sele { display:none; }
.menu-prin .menu > li > a .bckg { }
.menu-prin .menu > li:nth-child(6) > a .bckg { }
.menu-prin .menu > li:nth-child(2) > a { animation1: parp 1s ease-out 0s infinite alternate; font-weight:700; }
.menu .bckg { z-index:-1; }

/* ICON ----------------------------------------------------- */
.menu > li i { display:none; width:20px; height:20px; background:var(--colo-menu-boto-text-01); }
.menu > li:first-child i { display:block; }
.menu > li:nth-child(1) i { -webkit-mask:url(../skin/imag/menu/home.svg); mask:url(../skin/imag/menu/home.svg); -webkit-mask-size:100% 100%; mask-size:100% 100%; }

/* HOVE ----------------------------------------------------- */
.menu-prin .menu > li:hover > a { color:var(--colo-menu-boto-text-hove-01); }
.menu-prin .menu > li:hover > a i { background:var(--colo-menu-boto-text-hove-01); }
.menu-prin .menu > li:hover > .sele { }
.menu-prin .menu > li:hover > a .bckg { }
.menu-prin .menu > li:nth-child(6):hover > a .bckg { }
.menu-prin .menu > li:hover .sub-menu { }

/* OPEX ----------------------------------------------------- */
.menu-prin .menu > .opex { display:none; }
.menu-prin .menu > .opex a { color:var(--colo-menu-opex-text-01); }
.menu-prin .menu > .opex span { }
.menu-prin .menu > .opex i { display:block; background:var(--colo-menu-opex-text-01); }
.menu-prin .menu > .opex .bckg { }
.menu-prin .menu > li .open i { -webkit-mask:url(../skin/imag/menu/menu.svg); mask:url(../skin/imag/menu/menu.svg); -webkit-mask-size:100% 100%; mask-size:100% 100%; }
.menu-prin .menu > li .exit i { -webkit-mask:url(../skin/imag/menu/exit.svg); mask:url(../skin/imag/menu/exit.svg); -webkit-mask-size:100% 100%; mask-size:100% 100%; }
.menu-prin .menu > li .exit { }
.menu-prin .menu > li .exit:hover { color:var(--colo-menu-opex-text-hove-01); }
.menu-prin .menu > li .exit:hover .bckg { }
.menu-prin .menu > li .exit:hover i { background:var(--colo-menu-opex-text-hove-01); }

/* SMEN ----------------------------------------------------- */
.menu-prin .menu > li > .sub-menu { opacity:0; visibility:hidden; box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.4); position:absolute; background:var(--colo-menu-smen-bckg-01); min-width:180px; padding:12px 0; z-index:-2 }
.sub-menu > li { padding:4px 20px; }
.sub-menu > li > a { color:var(--colo-menu-boto-text-01); font-size:15px; font-weight:400; opacity:0.8; }
.sub-menu > li:before { content:url('../skin/imag/dise/'); position:relative; }
.sub-menu .bckg { display:none; }
.sub-menu i { display:none; }
.sub-menu > li:hover > a { opacity:1; }

/* CURR ----------------------------------------------------- */
.menu-prin .current_page_item > a, .menu-prin .current_page_ancestor > a { color:var(--colo-menu-boto-text-hove-01)!important; }
.menu-prin .current_page_item > a i, .menu-prin .current_page_ancestor a i { color:var(--colo-menu-boto-text-hove-01)!important; }
.menu-prin .current_page_item > .sele, .menu-prin .current_page_ancestor > .sele { }
.menu-prin .current_page_item > a .bckg, .menu-prin .current_page_ancestor > a .bckg { }
.menu-prin .current_page_item, .menu-prin .current_page_ancestor { }
.menu-prin .current_page_item > a:hover, .menu-prin .current_page_ancestor > a:hover { }
.menu-prin .current_page_item > a i:hover, .menu-prin .current_page_ancestor > a i:hover { }

/* ---------------------------------------------------------- */
/* DESP ----------------------------------------------------- */
/* ---------------------------------------------------------- */
.menu-desp { display:none; position:relative; }
.menu-desp-boxx { box-sizing:border-box; width:100%; max-width:400px; position:absolute; box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.4); z-index:2; padding:30px var(--spac); background:var(--colo-menu-desp-bckg-01); }
.menu-desp .menu { column-gap:40px; -webkit-column-gap:40px; }
.menu-desp .menu > li:first-child { display:none; }
.menu-desp .menu > li { flex:1 250px; padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid var(--colo-menu-desp-line-01); }
.menu-desp .menu > li:last-child { border:none; padding-bottom:0; margin-bottom:0; }
.menu-desp .menu a { }
.menu-desp .sub-menu > li { padding:8px 0 0px 0px; border:none; }
.menu-desp .sub-menu > li:before { content:url('../skin/imag/dise/vine2.svg'); position:relative; }
.menu-desp .sub-menu a { font-weight:400; opacity:0.8 }
.menu-desp li > a:hover { color:var(--colo-menu-opex-text-hove-01); }

/* ---------------------------------------------------------- */
/* FOOT ----------------------------------------------------- */
/* ---------------------------------------------------------- */
.menu-foot { }
.menu-foot .menu { column-count:auto; column-width:240px; column-span:column-gap:20px; }
.menu-foot .menu > li:first-child, .menu-foot .menu > li:nth-child(2), .menu-foot .menu > li:nth-last-child(1) { display:none; }
.menu-foot .menu > li { flex:1 240px; margin-bottom:20px; }
.menu-foot .menu > li > a { padding:0px; font-weight:600; letter-spacing:0px; }
.menu-foot .sub-menu > li { padding:4px 0 0 0; border:none; }
.menu-foot .sub-menu > li:before { content:url('../skin/imag/dise/vine2.svg'); position:relative; }
.menu-foot .sub-menu > li > a { padding:0px; }
.menu-foot .sub-menu > li > a:hover { }