/*HEADER-PRINCIPALE*/
.header-main-contenitore.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;

}

@media screen and (max-width: 992px) {
    .header-main-contenitore.sticky {
        position: static;
    }
}

.header-main-contenitore a,
.header-top-contenitore a {
    color: #fff;
}

.header-top-contenitore .header-top-contenitore-inn {
    padding: 0 25px;
}

.header-main-contenitore .header-main-contenitore-inn {
    padding: 15px 25px;
    background-color: #fff;
    z-index: 100;
}

.custom-wpml-language-switcher.hover .languages-list a,
.custom-wpml-language-switcher.hover .languages-list a.current-language {
    color: var(--azzurro)
}

/* @media screen and (min-width: 992px) {
    body.home .header-main-contenitore .header-main-contenitore-inn {
        background-color: var(--grigio-scuro, #000);
    }

    body.home .header-main-contenitore .header-main-contenitore-inn .logo-images {
        filter: brightness(0) invert(1);
    }

    body.home .header-main-contenitore .custom-wpml-language-switcher .languages-list,
    body.home .header-main-contenitore .custom-wpml-language-switcher .languages-list a.current-language {
        color: #fff;
    }

    body.home .custom-wpml-language-switcher.hover .languages-list a,
    body.home .custom-wpml-language-switcher.hover .languages-list a.current-language {
        color: #333
    }
} */


.header-top-contenitore.fondo-nero {
    color: #fff;
}


.header-top-contenitore .top-sx .item ul.menu {
    padding: 0 10px;
    margin: 0;
    list-style: none;
}


.header-top-contenitore .top-sx .item ul.menu li {
    list-style: none;
    border-right: 1px solid #fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 0;
}

.header-top-contenitore .top-sx .item ul.menu li:last-child {
    border-right: none;
}

.header-top-contenitore .top-sx .item ul.menu li a {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
}

.header-main-contenitore .logo-header a {
    display: inline-block;
}

.header-main-contenitore .logo-header a img.logo-img {
    width: 500px;
    max-width: 100%;
}

.header-main-contenitore .logo-header a img.logo-small-sticky {
    width: 0;
    max-width: 40px;
}

.header-main-contenitore .logo-header .logo-images {
    font-size: 0;
    min-height: 61px;

    display: flex;
    justify-content: center;
    align-items: center;
}


.header-main-contenitore ul.menu {
    padding: 0;
    margin: 0;
}

.header-main-contenitore ul.menu li {
    list-style: none;
    display: inline-block;


}


.header-main-contenitore ul.menu li::after {
    content: "/";
    color: var(--azzurro);
}

.header-main-contenitore ul.menu li:last-child::after {
    content: "";
}

.header-main-contenitore ul.menu li a {
    padding: 0 13px;
    color: var(--grigio-scuro, #000);
    font-size: 14px;
    text-transform: uppercase;
}

/* body.home .header-main-contenitore ul.menu li a,
body.home .header-main-contenitore .search-trigger-button,
body.home .header-main-contenitore .form-scompasa-contenitore .form-scomparsa-nascosto .search-input {
    color: #fff;
} */

/*SEARCH HEADER*/
.header-top-contenitore .form-scompasa-contenitore {}

.header-top-contenitore .form-scompasa-contenitore .form-scomparsa-nascosto {
    display: inline-block;
    /* overflow: hidden; */
    vertical-align: middle;

    text-align: right;
    font-size: 0;
}


.header-top-contenitore .form-scompasa-contenitore .form-scomparsa-nascosto .inner {
    overflow: hidden;
    /* max-width: 0; */
    -webkit-transition: max-width .5s ease;
    transition: max-width .5s ease;
    transform-origin: right center;
    display: inline-block;
}

.header-top-contenitore .form-scompasa-contenitore .form-scomparsa-nascosto.attivo .inner {
    max-width: 100%;
}

.header-top-contenitore .form-scompasa-contenitore .form-scomparsa-nascosto .search-input {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    outline: unset;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 0;
    background-color: transparent;
    color: #fff;
    border-top: unset;
    border-left: unset;
    border-right: unset;
    width: 300px;
}


/*menu header hover*/
header#head-main {
    z-index: 50;
    position: relative;
}

.header-main-contenitore {
    position: relative;
    overflow: visible;
}

.header-main-contenitore ul.menu li>ul.sub-menu {
    z-index: -1;

    display: flex;
    flex-wrap: wrap;

    position: absolute;
    background: rgba(61, 61, 61, .9);
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(0%);


    padding: 10px 50px;

    margin: 0 -10px;

    justify-content: center;
    align-items: center;
}

.header-main-contenitore ul.menu li>ul.sub-menu li {
    flex: 1;
    padding: 0 10px;
}

@media screen and (max-width: 1024px) {
    .header-main-contenitore ul.menu li>ul.sub-menu li {
        flex: 0 0 33%;
    }
}


.header-main-contenitore ul.menu li>ul.sub-menu li::after {
    display: none;
}

.header-main-contenitore ul.menu li>ul.sub-menu li a {
    padding: 10px 0;
    display: block;
}

.header-main-contenitore ul.menu li>ul.sub-menu li .img-menu {
    overflow: hidden;
}

.header-main-contenitore ul.menu li>ul.sub-menu li .img-menu img {
    width: 100%;
    height: auto;
    transition: transform .5s;
    /* Animation */
}

.header-main-contenitore ul.menu li>ul.sub-menu li .img-menu img:hover {
    transform: scale(1.2);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.header-main-contenitore .basis-33 {
    flex: 0 1 33%;
}

.header-main-contenitore .basis-20 {
    flex: 0 1 20%;
}

.header-main-contenitore .basis-40 {
    flex: 0 1 40%;
}


/*SEARCH HEADER*/
.header-main-contenitore .form-scompasa-contenitore {}

.header-main-contenitore .form-scompasa-contenitore .search-trigger-button {
    line-height: 1;
}

.header-main-contenitore .form-scompasa-contenitore .search-trigger-button .search-icon {
    max-width: 20px;
}

.header-main-contenitore .form-scompasa-contenitore .form-scomparsa-nascosto {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;

    text-align: right;
    font-size: 0;
}


.header-main-contenitore .form-scompasa-contenitore .form-scomparsa-nascosto .inner {
    overflow: hidden;
    max-width: 0;
    -webkit-transition: max-width .5s ease;
    transition: max-width .5s ease;
    transform-origin: right center;
    display: inline-block;
}

.header-main-contenitore .form-scompasa-contenitore .form-scomparsa-nascosto.attivo .inner {
    max-width: 100%;

}


.header-main-contenitore .form-scompasa-contenitore .form-scomparsa-nascosto .search-input {
    padding: 5px 10px;
    border-bottom: 1px solid;
    outline: unset;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 0;
    background-color: transparent;
    color: #000;
    border-top: unset;
    border-left: unset;
    border-right: unset;
}

/**search ajax**/
.header-main-contenitore .form-scompasa-contenitore {
    position: relative;
}

.header-main-contenitore .form-scompasa-contenitore form.search-form {
    position: absolute;
    right: 0;
    transform: translateY(100%);
}

.header-main-contenitore .form-scompasa-contenitore .results-cont {
    width: 100%;
    background: #FAFAFA;
    bottom: 0;
    position: absolute;
    transform: translateY(100%);
    font-size: 14px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;

    padding: 20px;
}

.header-main-contenitore .form-scompasa-contenitore .results-cont .results {
    padding: 0;
    list-style: none;
}

.header-main-contenitore .form-scompasa-contenitore .results-cont .results .single-prodotto-result .image img {
    max-width: 100%;
    width: 50px;
    height: auto;
    border: 1px solid #ddd;
}

.header-main-contenitore .form-scompasa-contenitore .results-cont .results .single-prodotto-result .testo {
    padding: 5px;
}

.header-main-contenitore .form-scompasa-contenitore .results-cont .results li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.header-main-contenitore .form-scompasa-contenitore .results-cont .results li input[type="submit"] {
    background: transparent;
    border: none;
    outline: none;
    font-weight: 500;
    padding: 0;
    display: block;
    text-align: center;
}

.header-main-contenitore .form-scompasa-contenitore .results-cont .results li a {
    color: #000;
}

.header-main-contenitore .form-scompasa-contenitore .loader-ext .loader-elem {
    display: block;
    height: 30px;

    width: 100%;
}

/****/


.header-main-contenitore .head-row {
    margin: 0 -5px;
}

.header-main-contenitore .head-row .item {
    padding: 0 5px;
}

.header-top-contenitore {
    background-color: var(--azzurro);
    padding: 5px 0;
}

a.search-trigger-button {
    color: #fff;
}

a.search-trigger-button:hover {
    color: #fff;
}


.header-top-contenitore ::placeholder {
    color: #fff !important;
    opacity: 1;
    text-transform: uppercase;
}

.header-top-contenitore ::-webkit-input-placeholder {
    color: #fff;
}

.header-top-contenitore :-ms-input-placeholder {
    color: #fff;
}

.header-top-contenitore ::-ms-input-placeholder {
    color: #fff;
}

.header-top-contenitore .widget {
    margin: 0 !important;
}

.header-top-contenitore .fa-search:before {
    font-size: 14px;
}

.mm-menu .mm-listitem a {
    color: var(--azzurro) !important;
}

@media (max-width: 1599.98px) {
    .header-main-contenitore ul.menu li a {
        padding: 0 6px;
    }
}

@media (max-width: 1199.98px) {
    .header-main-contenitore ul.menu li a {
        padding: 0 3px;
    }
}



/* Menù Home */
body.home .header-main-contenitore .header-main-contenitore-inn {
    background-color: transparent;
}

body.home .header-top-contenitore {
    background-color: transparent;
}

body.home header#head-main {
    position: absolute;
    width: 100%;
}

body.home .header-main-contenitore ul.menu li a {
    color: #fff;
}

body.home .header-main-contenitore ul.menu li::after {
    content: "/";
    color: #fff
}

body.home .header-main-contenitore ul.menu li:last-child::after {
    content: "";
}

body.home i.fa.fa-bars {
    color: #fff;
}


/**/