/* boostrap */


@font-face {
    font-family: 'Rubik-Light';
    /* Choose a name for your font */
    src: url('webfonts/Rubik-Light.ttf') format('truetype');
    /* Specify the path to your font file */
}

@font-face {
    font-family: 'Rubik-Regular';
    /* Choose a name for your font */
    src: url('webfonts/Rubik-Regular.ttf') format('truetype');
    /* Specify the path to your font file */
}

@font-face {
    font-family: 'Rubik-Medium';
    /* Choose a name for your font */
    src: url('webfonts/Rubik-Medium.ttf') format('truetype');
    /* Specify the path to your font file */
}

@font-face {
    font-family: 'Rubik-SemiBold';
    /* Choose a name for your font */
    src: url('webfonts/Rubik-SemiBold.ttf') format('truetype');
    /* Specify the path to your font file */
}


@font-face {
    font-family: 'Rubik-Bold';
    /* Choose a name for your font */
    src: url('webfonts/Rubik-Bold.ttf') format('truetype');
    /* Specify the path to your font file */
}


@font-face {
    font-family: 'Rubik-ExtraBold';
    /* Choose a name for your font */
    src: url('webfonts/Rubik-ExtraBold.ttf') format('truetype');
    /* Specify the path to your font file */
}
@font-face {
    font-family: 'Rubik-Black';
    /* Choose a name for your font */
    src: url('webfonts/Rubik-Black.ttf') format('truetype');
    /* Specify the path to your font file */
}



body h1 {
    font-family: 'Rubik-Regular', sans-serif !important;
    color: #3D3D3F !important;
}

body h2 {
    font-family: 'Rubik-Medium', sans-serif !important;
    color: #3D3D3F !important;
}

body h3 {
    font-family: 'Rubik-Regular', sans-serif !important;
    color: #3D3D3F !important;
}

body h4 {
    font-family: 'Rubik-Regular', sans-serif !important;
    color: #3D3D3F !important;
}

body h5 {
    font-family: 'Rubik-Regular', sans-serif !important;
    color: #3D3D3F !important;
}

p {
    font-family: 'Rubik-Regular', sans-serif !important;
    color: #3D3D3F !important;
}

.text-danger {
    font-family: 'Rubik-Regular', sans-serif !important;
}




.container-fluid {
    padding: 0 !important;
}

.gsap-marker-scroller-end,
.gsap-marker-scroller-start {
    display: none !important;
}

.w-80 {
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.w-90 {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ws-90 {
    width: 90% !important;
}

#close {
    position: absolute;
    margin-left: 100%;
    margin-top: -4%;
    border: none;
    background-color: white;
    width: 20px;
    height: 20px;
    padding: 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 15px;
    line-height: 1.42857;
}


.dropdown-toggle::after {
    content: "\f078" !important;
}


/* ANIMAZIONI /*

/* The animation code */
@keyframes imganimation {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    15% {
        opacity: 0.97;
        transform: scale(0.97);
    }

    25% {
        opacity: 0.95;
        transform: scale(0.95);
    }

    35% {
        opacity: 0.92;
        transform: scale(0.92);
    }

    50% {
        opacity: 0.9;
        transform: scale(0.9);
    }

    65% {
        opacity: 0.88;
        transform: scale(0.88);
    }

    85% {
        opacity: 0.86;
        transform: scale(0.86);
    }

    100% {
        opacity: 0.84;
        transform: scale(0.84);
    }

}

img.zoom-img:hover {
    animation-name: imganimation;
    animation: imganimation 0.7s forwards;
}





/******************************* ELMENTI COMUNI LAYOUT *********************/

.headrow {}

#button-carrello i {
    color: #ffffff;
}

.mburger {}

input#espr {
    border: 0px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    /*background: #fafafa;*/
}

.shadow-box {
    box-shadow: 1px 2px 8px #ccc;
}

/******************************* HOME LAYOUT *******************************/

#h1-home-claim {
    font-size: 6vh;
    text-align: center;
    color: #4f5050 !important;
    padding-top: 0;
    padding-left: 4%;
    padding-right: 4%;
    font-family: var(--font-tema);
    width: 100%;
}

#h4-home-claim {
    font-size: 3vh;
    text-align: center;
    color: #4f5050 !important;
    padding-top: 0;
    padding-left: 4%;
    padding-right: 4%;
    font-family: var(--font-tema);
    width: 100%;
}

#p-home-claim {
    font-size: 2vh;
    text-align: left;
    color: #4f5050 !important;
    padding-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    width: 90%;
}

.home-claim {
    background-color: #eaedf1 !important;
    color: #4f5050 !important;
    width: 86%;
    margin: auto !important;
    padding: 3%;
    position: relative;
    margin-top: -3% !important;
    margin-bottom: 3% !important;
}


/* SECTIONS */
section.home-riga-box {
    /*    padding: 2%;*/
}

section.home-menu {
    margin-top: 0px;
    margin-bottom: 0px;
}

section.home-slider {
    margin-top: -100px;
    margin-bottom: 0px;
    /*margin-top: -9%;*/
}

section.simple-text-page {
    padding-top: 1%;
    padding-bottom: 1%;
}


.padding-in {
    padding: 4%;
}

/* slick slider */

.items {
    width: 100%;
    margin: 0px auto;
    margin-top: 10px
}

.slick-slide {
    margin: 10px
}

.slick-slide img {
    width: 100%;
    border: 0px solid #fff;
    height: 400px;
    object-fit: contain;

}

/* fine slick */

/* bootstrap slider */


/* SLIDER TESTIMONIAL */
section.home-riga-dicono .carousel {
    margin-top: 50px;
}

section.home-riga-dicono .carousel-inner {
    height: 500px;
}

section.home-riga-dicono .carousel-caption {
    color: #fff;
    top: 50%;
}

section.home-riga-dicono .carousel-caption h3 {
    text-align: center;
    font-family: var(--font-tema);
    font-size: 2.8vw !important;
    color: #56595a;
}

section.home-riga-dicono .carousel-caption p {
    color: #4d5050;
    font-weight: normal;
}

.rowdicono {
    width: 100%;
    margin: auto !important;
    border-color: #eee;

}

/* fine bootstrap slider */


input.inputnewsletter {
    width: 100%;
    margin-top: 50px;
    height: 50px;
    margin: 10px auto;
    border: 1px solid #bcc1c3;

    font-family: 'Font Awesome 5 Pro', 'Lato';
    font-weight: 300;
}

button#buttonewsletter {
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
    /* margin-top: 50px; */
    /* margin-left: 15%; */
}

.carousel {
    position: relative;
    width: 100%;
}

span.visually-hidden {
    display: none;
}

.carousel-control-next,
.carousel-control-prev {
    z-index: auto !important;
}

/* NAV 

ul.nav.navbar-nav li a {
    color: black;
    font-size: 2vh;
    margin-right: 2vh;
    font-weight: 500;
    text-decoration: none;
}

#menu-principale{
    padding: 20px;
}

.dropdown-toggle {
    margin-left: -2vh;
}

.nosocial{
    font-size: 25px;
    color: #8e8888cc;

}

.bordermenu{
    padding-left:10px;
    border-left:2px solid #ccc;
}*/

/*TOP NAV - RICERCA + CARRELLO + SOCIAL BOX + ALTRE INFO*/
.topmenu {
    margin: 5%;
    /*z-index: 99;*/
}

.toprow {
    /*background-color: #27272780;*/
    z-index: 0;
}

.cart-li {
    margin-right: 3%;
    margin-top: 1.5%;
}

.fb-li {
    margin-right: 0.5%;
    margin-top: 1.5%;
}

.ig-li {
    margin-right: 18%;
    margin-top: 1.5%;
}

.ico-top {
    font-size: 25pt;
    color: lightgrey;
}

.top-link {
    color: white;
}

.top-input {
    background-color: rgba(211, 211, 211, 0.6) !important;
    border: none !important;
    border-radius: 0px !important;

}

/* NAV */

#col-search-desktop {
    margin-top: 1% !important;
    margin-right: 4%;
}

#col-search-mobile {
    display: none;
}

nav.navbar {
    /*    background-color: #27272780;*/
    position: relative;
    line-height: 1;
    list-style: none outside none;
    /*z-index: 1;*/


}

.navbar-nav {
    /*margin: auto;*/
    /*    margin-right: 15%;*/
    flex-wrap: nowrap !important;
    margin-left: 8%;
    width: 100%;
}

.navbar-collapse {
    width: 50%;
    margin-left: auto;
}

ul li {
    text-decoration: none;
    text-align: left;
}

ul.nav.navbar-nav li a {
    /*color: white !important;*/
    font-size: 1.9vh;
    font-family: var(--font-tema);
    margin-right: 2vh;
    font-weight: 500;
    text-decoration: none;
    display: block;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
}

/*ul.nav.navbar-nav li a::after{
    background: white;
    mix-blend-mode: exclusion;
    width: calc(100% + 20px);
    height: 0;
    position: absolute;
    bottom: -4px;
    left: -10px;
    transition: all .3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}*/

ul.nav.navbar-nav li a:hover::after {
    height: calc(100% + 8px)
}

/* Make it a marquee 
    ANIMAZIONE TOP  */
.marquee {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-family: Arial, sans !important;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 20s linear infinite;
}

/* Make it move */
@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

a.dropdown-item {
    font-size: 1.4vh;
    text-transform: uppercase;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #e9ecef !important;
}

.dropdown-menu.show {
    display: block !important;
    padding: 2vh;
}

.dropdown-item-text {
    font-weight: bold;
    font-size: 1.6vh;
    margin-bottom: 1vh;
}

#menu-principale {
    padding: 20px;
}

button:focus {
    outline: none
}

.nosocial {
    font-size: 25px;
    color: #8e8888cc;

}

.bordermenu {
    padding-left: 10px;
}


img#logo:hover {
    animation: pulse;
    animation-duration: 2s;
    animation-iteration-count: 1;
}

img#logo {
    max-width: 250px;
    /*max-height: 100%;*/
    margin-left: 25%;
    /*margin-top: -16%;*/
    /*margin-bottom: 8%;*/
    /*z-index: 999;*/
}


.searchbar {
    cursor: pointer;
}

.togglesearch {
    /*background: #E8E8E4;*/
    position: absolute;
    /*  top: 54px;*/
    /*  top: 1.1%;*/
    top: 3vw;
    right: 23.5%;

    /*width: 350px;*/
    height: 60px;
    line-height: 60px;
    /*  box-shadow: 0 0 10px rgba(0,0,0,0.5);
      border-top:4px solid #D80B15;*/
    display: none;
    z-index: 1001;

}

.togglesearch:before {
    content: "";
    position: absolute;
    top: -28px;
    right: 0px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 14px solid transparent;
    border-bottom: 14px solid #E8E8E4;
}

.togglesearch input[type="text"] {
    width: 200px;
    padding: 5px 10px;
    margin-left: 23px;
    border: 1px solid #D80B15;
    outline: none;
    background: url(images/icosearch.png) no-repeat scroll;
    background-size: 20px;
    background-position: right;
    background-origin: content-box;
    background-color: #ffffff;
}

#input-searchbar {
    height: 45px;
    /* background: url(images/icosearch.png) no-repeat scroll; */
    background: none;
    background-size: 25px;
    background-position: right;
    background-origin: content-box;
    font-family: 'Font Awesome 5 Pro', 'Lato';
    font-weight: 300;
}

#input-searchbar::placeholder {
    text-align: right;
    /* padding-right: 10%; */
}

/* #input-searchbar {
    height: 45px;
    background: url(images/icosearch.png) no-repeat scroll;
    background-size: 16px;
    background-position: right;
    background-origin: content-box;
}

#input-searchbar::placeholder{
    text-align: right;
    padding-right: 10%;
} */

/* Menu mobile*/
.nav-mobile {
    /*    background: var(--mm-color-background);
        color: var(--mm-color-text);*/
}

/****NEWSLETTER COUPON*****/
#newslettercoupon input[type="text"] {
    width: 30%;
    height: 50px;
}

#newslettercoupon input[type="email"] {
    width: 30%;
    height: 50px;
}

#newslettercoupon input[type="mobile"] {
    width: 30%;
    height: 50px;
}

#newslettercoupon input[type="radio"] {
    margin-left: 1rem !important;
}

#invianewsletter {
    padding-left: 1rem;
}

#invianewsletter i {
    padding-right: 1.5rem;
}

#btn-iscr-news-bonus {
    background: #da0012 !important;
    color: white !important;
    margin-right: 1rem !important;
}

#img-ribbon {
    position: relative;
    left: -3vh;
}


.ribbon-promo img.img-badge-search {
    background-color: transparent !important;
    display: block !important;
    width: 50% !important;
    margin-top: -25% !important;
    margin-left: -14%
}

.ribbon-promo img.img-badge-search-dx {
    background-color: transparent !important;
    display: block !important;
    width: 50% !important;
    margin-top: -59% !important;
    margin-left: 159%;
}

.ribbon-promo img.img-badge-home {
    background-color: transparent !important;
    display: block !important;
    width: 30% !important;
    margin-top: -46% !important;
    margin-left: -8%
}

.ribbon-promo img.img-badge-home-dx {
    background-color: transparent !important;
    display: block !important;
    width: 30% !important;
    margin-top: -46% !important;
    margin-left: 150%
}

#caption-coupon {
    position: absolute;
    top: 7%;
    left: 5%;
    width: 100%;
    color: white;
}

#caption-coupon span {
    font-weight: 900 !important;
}

#newsletter-coupon-modal h2 {
    color: #da0012 !important;
    /*font-weight: 300 !important;*/
}

#bonus-h2-iscr {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* .modal-content{
    max-width: 500px !important;
    max-height: 500px !important;
} */


#bonus-coupon {
    font-size: 3vw !important;
}

#bonus-h2-sconto {
    padding-right: 1rem;
}

/* HEADER search bar*/
#button-search {
    color: white;
    background-color: rgba(211, 211, 211, 0.6) !important;
    border: none !important;
    border-radius: 0px !important;
    font-size: 22px;
}

#form-search {
    height: 45px;
    background: url(images/icosearch.png) no-repeat scroll;
    background-size: 16px;
    background-position: right;
    background-origin: content-box;
}



#form-search-prod {
    height: 50px;
    margin-right: 0%;
    width: 100% !Important;
}

#button-search {
    color: white;
    background-color: rgba(211, 211, 211, 0.6) !important;
    border: none !important;
    border-radius: 0px !important;
    font-size: 22px;
}






/*CARRELLO HEADER*/

.cart-box-mobile {
    display: none !important;
}

.fa-shopping-cart {
    color: #343333 !important;
}

.cart-box {
    margin: 3%;
    float: right;
}

#button-carrello {
    background-color: transparent;
    border-color: transparent;
    display: none !important;
}

.btn .badge {
    color: #fff !important;
}

.badge-cart {
    font-size: 0.5rem !important;
    /*margin-top: 15%;*/
}

/*HEADER SOCIAL BOX*/
div.header-social-box {
    margin: 3%;
    float: right;
}



/* BOX e Colonne */

.winbutton {
    text-transform: uppercase;
    margin: 20px;

}

.home-box {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
    /*    background: #eee;*/
}

.home-box h2 {
    text-transform: uppercase;
}

.home-box-icon {
    font-size: 5rem;
    padding-top: 4%;
    padding-bottom: 10%;
    padding-left: 40%;
    padding-right: 40%;
}

.home-riga-testo {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    /* background: gainsboro; */
    /* line-height: 40px; */
    margin-left: -150px;
}

/*.home-riga-testo p {
    line-height: 60px;
    font-size: 1.6vw;
}*/
.home-riga-testo h4 {
    font-size: 2.5vw;
    font-weight: 300;
    text-align: left;
    width: 80%;
    margin: auto;
    font-family: var(--font-tema);
}

.home-box img {
    width: 100%;
}

.home-box h2 {
    padding-top: 0px;
}

#home-box1 {
    /*    qui si può inserire un background */
    /*    background: #eee;*/
}

#home-box2 {
    /*    qui si può inserire un background */
    /*    background: #eee;*/
}

#home-box3 {
    /*    qui si può inserire un background */
    /*    background: #eee;*/
}



/*.home-riga-newsletter {
    padding: 2%;
    border: 1px solid #f00;
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
}*/

.home-riga-newsletter {
    /* padding: 2%; */
    /* border: 1px solid #f00; */
    /* margin-left: 3%; */
    /* margin-right: 3%; */
    width: 100%;
    background: #eaedf1;
}

.claim-call h2 {
    font-size: 4vw;
    font-weight: 300;
    color: #4f5050;
}

.text-call p {
    font-size: 1.3vw;
    margin-top: 50px;
    width: 80%;
    margin: 50px auto;
    color: #4f5050;
}


.form-call {
    margin-top: 30px;
}

.home-colonna-1 {
    padding: 6%;
    margin-top: 30px;
}

.home-colonna-2 {
    /*margin-top: 38%;*/
    background: white;
    padding: 10%;

}

/*.home-colonna-2 h2 {
    font-size: 3.5vw;
    font-weight: 400;
}*/


/*.home-colonna-2_4_on {
    margin-top: -20%;
    padding: 10%;
    background: white;
    position: relative;
    z-index: 999;
     left: 50%; 
    width: 370px;
}*/

.home-colonna-1_4 {
    margin-left: 10%;
}



.home-colonna-2_4_on.onboot.shadow-box {
    margin-top: 50%;
    margin-left: 60%;
}

.home-colonna-2_4_on.onboot.shadow-box p {
    width: 75%;
}



.home-colonna-2_4_on p {
    /* font-size: 20pt; */
    width: 90%;
    margin-left: 10%;
    text-align: left;
    font-size: 1.1vw;
}

.home-colonna-2_4_on h3 a {
    display: block;
    font-size: 1.2vw;
    text-align: right;
    font-weight: bold;
    /* padding-right: 20px; */
    width: 80%;
}

.home-colonna-2_4_on h2 {
    font-size: 1.5vw;
    color: #434446;
    font-weight: 800;
}


/* fine elementi sezioni */
.home-colonna-2_4_on {
    margin-top: -20%;
    padding: 10%;
    background: white;
    position: relative;
    z-index: 999;
    /* left: 50%; */
    width: 370px;
}

.slick-initialized .slick-slide {
    display: block;
    padding: 0.2%;
}

/* FOOTER */

footer .col-border {
    border-left: 1px solid #b6b6b6 !important;
    padding-left: 3%;
}

footer {
    background: #141414;
    padding: 1.5%;
    padding-bottom: 0.5%;
}


footer i.menuicon {
    display: none;
}

img#logofooter {
    /*width: 150px;*/

}

footer h3 {
    color: #ffffff;
    font-family: var(--font-tema);
}

footer h2 {
    color: #ffffff;
    font-family: var(--font-tema);
}

footer p {
    color: #ffffff;
    font-weight: 300;
    font-family: var(--font-tema);
    margin-bottom: 0.5rem;
}

footer h1 {
    color: #ffffff;
    font-family: var(--font-tema);
}

footer a {
    text-decoration: none;
    color: #ffffff;
}

footer i {
    /*color: var(--theme-accent);*/
    color: #ffffff;
}

footer p {
    font-family: 'Rubik-Light', sans-serif !important;
}

footer ul.nav.navbar-nav {
    text-align: left;
    flex-direction: column !important;
}

footer ul.nav.navbar-nav li a {
    /*padding-top: 10px;*/
    /*margin-top: 10px;*/
    text-transform: uppercase;
    /*    font-size: 15px;*/
    color: #ffffff !important;
    font-weight: 300;
}

footer ul.nav.navbar-nav li a:hover {
    color: var(--theme-accent) !important;
}



footer ul.nav.navbar-nav li.dropdown {
    margin-bottom: 1rem;
}

#copyright {
    font-size: 12px;
    margin-top: 3%;
    margin-bottom: 0;
    text-align: center !important;
}

i.socialicon {
    font-size: 1.5rem;
    padding-bottom: 2rem;
    color: #ffffff;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

em.socialicon {
    font-size: 50px;
    padding-top: 40px;
    color: #aaa;
}

ul.menu-footer li {
    padding-inline-start: 0px !important;
    list-style: symbols;
    margin-top: 15px;
}

ul.menu-footer {
    padding-inline-start: 0px !important;

}

ul.menu-footer li a {
    color: black;
}

.menu_category ul {
    list-style-type: none;
    padding-left: 0;
    text-transform: uppercase;
}

.menu_category ul ul ul {
    padding-left: 1rem;
    text-transform: initial;
}


/* SINGLE PAGE */
section.simple-text-page h1 {
    padding-top: 0px;
}

.simple-text {
    padding: 10px;
    margin: auto;
    line-height: 35px;
}

ul.elenco-puntato {
    /*    margin-top: 60px;*/
    font-size: 2vh;
    list-style: none;
}


ul.elenco-puntato li::before {
    content: "\25A0";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #948f94;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */
}

ul.elenco-puntato li a {
    text-decoration: none;
    color: #21252A;
}

/* GALLERY */

.gallery_image img {
    width: 100%;
}


.gallery_container.over img {
    width: 100%;
    margin-top: 20px;
}

.row.gallery_wrapper img {

    width: 100%;
}

.row.gallery_wrapper {
    /*    margin-top: 100px;*/
    /*    padding-left: 3%;
        padding-right: 3%;*/
}


.accordion-button:not(.collapsed) {
    color: #212529 !important;
    background-color: #d0d0d0 !important;
    box-shadow: inset 0 -1px 0 #d0d0d020;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #d0d0d0 !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #d0d0d020 !important;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-body {
    text-align: justify !important;
}

.accordion-body p {
    text-align: justify !important;
}

/*FORM */
/*.campoform input[type="text"] {
    width: 100%;
    height: 50px;
}
textarea {
    width: 100%;
    height: 200px;
}

.etichetta {
    text-align: left;
    font-size: 2vh;
    padding-top: 15px;
    padding-bottom:0;
}

form#form {
    width: 80%;
    margin: auto;
}
.campoform {
    width: 45%;
    float: left;
    margin-left: 2.5%;
    margin-right: 2.5%;
}*/


/*ELEMENTI DEL TEMA */


/*BOTTONI*/

.nextbutton {
    width: 100%;
    height: 30px;
    background: #e00000;
    text-transform: uppercase;
    border: none;
    font-weight: 400;
    font-size: 0.7vw;
    color: #fff;
}



/**************************************************************************************
 * IMAGE ZOOM
 **************************************************************************************/
.img-zoom-container {
    position: relative;
}

.img-zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    /*set the size of the lens:*/
    width: 100px;
    height: 100px;
    cursor: none;
}

.img-zoom-result {
    border: 1px solid #d4d4d4;
    /*set the size of the result div:*/
    width: 400px;
    height: 400px;
}

/*****************************************************************************************/



/*****************************************************************************************/

.zoom-page {
    padding-left: 10%;
    padding-right: 10%;
}

/******** ^gallery_link_desc^ *************************************************/

section#home-slider-news {
    background: #c3c6c9;
    padding: 35px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 60px;
    width: 100%;
}

div.carousel-item-news {
    /*            float: none !important;*/
    width: 100% !important;
}

.carousel-item-news img {
    width: 35% !important;
    height: 60% !important;
    float: right;
}

.carousel-caption-news {
    width: 45% !important;
    position: absolute;
    float: left;
}



.carousel-indicators-news {
    bottom: -45px !important;
}




/********** Box interno allo slideshow *****************************/
.carousel-item {
    height: 800px !important;
}

.carousel-caption-slide {
    color: #fff;
    text-align: center;
}

.carousel-caption-slide h1 {
    text-align: center !important;
    align-content: center;
    color: #FFF !important;
    font-size: 6.5vw !important;
    font-weight: bold !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}


.carousel-caption-slide h4 {
    color: #303030;
    text-align: left;
}

.carousel-caption-slide button {
    float: right;
}

#carousel-indicators-slideshowhome {
    display: none;
}

#carousel-indicators-slideshowhome {
    display: none;
}

/***************************************************/

#boxFbWidget {
    margin-top: 3%;
    width: 100%;
}


/*
flip card
*/
.card-flip>div {
    backface-visibility: hidden;
    transition: transform 500ms;
    transition-timing-function: linear;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
}

.card-front {
    transform: rotateY(0deg);
}

.card-back {
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
    background-color: #c3c6c9;
}


.card-flip:hover .card-front {
    transform: rotateY(-180deg);
}

.card-flip:hover .card-back {
    transform: rotateY(0deg);
}

.card-body {
    /* padding: 10% !important; */
}

.card-flip {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.col-flip {
    padding: 0 !important;
    margin: 0 !important;
    background-color: #c3c6c9;
}

/**********/

.home-prima-riga {
    padding-top: 3%;
    padding-bottom: 3%;
}

.home-riga-img-sx {
    margin-left: 22%;
    margin-top: 0%;
    margin-bottom: 10%;
}

.home-riga-dx {
    background-color: #fafafa !important;
    color: #434040 !important;
    width: 99%;
    padding: 3%;
    position: relative;
    margin-top: -3%;
    padding-left: 23%;
    margin-left: -10%;
}

.col-home-img {
    z-index: 99999999;
}

.home-riga-dx h2 {
    margin-top: 5%;
    /*font-size: 3rem;*/
}

.home-riga-dx p {
    margin-top: 5%;
    margin-bottom: 5%;
}

.btn-riga {
    background-color: #51473d !important;
    color: white !important;
    float: right;
    border-radius: 0 !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    border: none !important
}

.home-riga-img-dx {
    margin-left: -22%;
    margin-top: 12%;

}

.home-riga-sx {
    background-color: #eaedf1 !important;
    color: #434040 !important;
    width: 99%;
    padding: 3%;
    position: relative;
    margin-top: 0;
    padding-left: 3%;
    margin-left: 10%;
    margin-bottom: 10%;
}

.home-riga-sx h2 {
    margin-top: 5%;
    /*    font-size: 3rem;*/
}

.home-riga-sx p {
    margin-top: 5%;
    margin-bottom: 5%;
    width: 80%;
}

.home-riga-sx .btn-riga {
    margin-right: 20% !important;
}


.home-quarta-riga {
    background-color: #eaedf1 !important;
    margin-bottom: 5%;
    margin-top: 5%;
}

#img-home-riga-4 {
    padding: 5%;
    margin: auto;
}

.home-quarta-riga h2 {
    font-size: 3rem;
    color: #413626 !important;
    text-align: center;
    padding-bottom: 8%;
    padding-top: 13%;
}

.home-quarta-riga p {
    color: #434040 !important;
    padding-bottom: 10%;

}

#btn-home-riga-4 {
    background-color: #93621b !important;
    color: #000 !important;
    float: none !important;
    margin-left: 40%;
}

/*FOOTER NESLETTER*/
.newsletter {
    margin-bottom: 30%;
}

.col-newsletter {
    width: 65% !important;
}

.subscribe-text span {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 5px;
}

.subscribe-text h2 {
    color: #bbb5af;
    font-size: 3vh;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: -8%;
    font-family: var(--font-tema);
}

.paragrafo-newsletter {
    line-height: 1.5;
    letter-spacing: 0.1pt;
    font-size: 1.6vh;
}

.subscribe-wrapper {
    overflow: hidden;
}

.mb-15 {
    margin-bottom: 15px;
}

.subscribe-form {}

.subscribe2-wrapper .subscribe-form input {
    background-color: #fff;
    color: #000;
    display: inline-block;
    font-size: 2vh;
    font-weight: 300;
    height: 35px;
    /* margin-right: 17px; */
    padding-left: 35px;
    width: 50%;
    cursor: pointer
}

.subscribe2-wrapper .subscribe-form button {
    background: #bbb5af;
    color: #000;
    display: inline-block;
    font-size: 2vh;
    font-weight: 400;
    line-height: 0.5;
    padding: 12px 15px;
    transition: all 0.3s ease 0s;
}

.subscribe2-wrapper .subscribe-form button i {
    font-size: 2vh;
    padding-left: 1%;
}

/*.footer-pagamenti-box {
    margin-top: 135%;
}*/

.cert-footer {
    width: 70% !important;
}

.simple-page {
    width: 86%;
    margin: auto;
}

.layout-riga {
    padding: 4% 3% 4% 3%;
    background-color: #ffffff;
    margin-bottom: 6%;
}

.simple-page h2 {
    margin-bottom: 2%;
    font-size: 4vh;
}


/*CARRELLO HEADER*/


.cart-box {
    margin: 3%;
}

#button-carrello {
    background-color: transparent;
    border-color: transparent;
}

#shopcms h1 {
    padding-top: 2vh !important;
}

#customer_menu::after {
    display: none !important;
}

/* SHOPWALL SECTION */
.home-shopwall {
    width: 70%;
    margin: auto;
}

.shopwall-img:hover {
    /*display: inline-block;
    margin: 0 0.9rem;
    animation: pulse;
    animation-duration: 3s;
    animation-iteration-count: 1;
    margin: 0;*/
}

/*Stile immagine principale prodotto shop*/
.img-fluid {
    /*    margin-top: 3%;
        margin-bottom: 2%;*/
}

/*.img-fluid:hover{
    border: 2px solid;
    border-radius: 5px;
    border-color: rgba(237, 22, 113, 0.2) !important;
}*/
/* FINE STILE IMMAGINI / ICONE */

/* STILE CARD Bootstrap */
.card {
    margin: 1%;
    text-align: center;
    border: 0 !important;
}

.card-title {
    padding: 3%;
}

.card-text {
    padding: 3%;
}

h5.card-title a {
    color: rgb(237, 22, 113);
}

.card-img-top {
    max-height: 18vw;
    object-fit: cover;
    border-radius: 0 !important;
}

.card-img-top:hover {
    /*display: inline-block;*/
    /*margin: 0 0.9rem;
    animation: pulse;
    animation-duration: 3s;
    animation-iteration-count: 1;
    margin: 0;*/
}

.card-shop-wall {
    width: 100%;
}

#img-bestseller {
    max-height: 650px;
}

p#tag {
    margin-bottom: 0 !important;
}

.btn-outline-info {
    color: rgb(237, 22, 113) !important;
    border-color: white !important;
}

/* Stile titoli BOX [servizi] - card*/
.box-titolo {
    padding: 3%;
    font-family: var(--font-tema);
    font-size: 2rem !important;
}

/* Stile paragrafi BOX [servizi] - card */
.box-contenuto {
    font-family: var(--font-tema);
    font-size: 2.5vh;
}

/* Stile paragrafi MIDDLE e BOX BTN (collegamenti ad altre pagine) - card */
.titolo-box-btn {
    font-family: var(--font-tema);
    font-size: 2.7vh;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: -20%;
}

/* Stile card shop-wall [vetrina prodotti home]*/
.titolo-categoria-prodotto {
    color: var(--ct-grigio);
    font-size: 1.2vw;
    font-family: var(--font-tema);
    text-align: left;
}


.form-group {
    margin-top: 3%;
}

.evidenza {
    width: 100%;
    margin: auto !important;
}

div#shop-buy-items {
    /*width: 50% !important;*/
    padding: 2%;
}

div.shop_item_header_img {}

div#shop-buy-items .card-body {
    padding-top: 2% !important;

}


div#shop-buy-items .card-body h5 {
    float: left;
    margin-top: -6%;
}

div#shop-buy-items .card-body h1 {
    font-size: 2.2vh;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 0;
}

div#shop-buy-items h1.card-title {
    font-size: 2vw;
    font-weight: bold !important;
}

div#shop-buy-items h6.card-title {
    font-size: 1.2vw;
    font-weight: bold !important;
    color: #DC0000 !important;
}


#codice-prodotto {
    text-align: left;
    padding-top: 0;
    padding-bottom: 1%;
    font-size: 1.5vh;
}

#codice-aggiuntivo-prodotto {
    text-align: left;
    padding-top: 0;
    padding-bottom: 1%;
    font-size: 1.5vh;
}



div.no-border {
    border: none !important;
}

div.prima-card {
    margin-right: -5% !important;
}

div.seconda-card {
    margin-right: -5% !important;
}

.img-prodotto {
    width: 100% !important;
    margin-bottom: 4%;
}

div.group-btn {
    width: 80%;
    margin: auto;
}

.alert-warning {
    display: none;
}

#sbarrato {
    margin-left: 3% !important;
    margin-right: 6% !important;
    margin-top: 1% !important;
    font-size: 3vh !important;
    text-decoration: line-through;
    color: var(--ct-grigio);
}

.sbarrato {
    margin: 0;
    float: left;
    /*font-size: 1.5vh !important;*/
    text-decoration: line-through;
    color: var(--ct-grigio);
    font-weight: 300;
}

#shop_item_prezzo {
    margin-left: 3% !important;
    margin-top: 1% !important;
    padding: 0 !important;
    font-size: 3vh !important;
    display: none !important;
    /*    color:#ed0d53;*/
}

#shop_item_prezzo_scontato {
    margin-left: 1% !important;
    margin-top: 1% !important;
    padding: 0 !important;
    font-size: 3vh !important;
    color: #ed0d53 !important;
}

#boxsconto {
    margin: auto;
    background-color: red;
    color: #ffffff;
    width: 80%;
}

.ribbon-promo {
    position: absolute;
    top: 6%;
    /*left: 1%;*/
    max-width: 50%;
}

.bg-sconto {
    background-color: #ed0d53 !important;
    font-size: 1.5vh !important;
    padding: .35em 1em !important;
    font-weight: 400 !important;
}

.bg-miglior-prezzo {
    background-color: #00aeef !important;
    font-size: 1.5vh !important;
    padding: .35em 1em !important;
    font-weight: 400 !important;
}

.bg-promo {
    background-color: #33ff00 !important;
    font-size: 1.5vh !important;
    padding: .35em 1em !important;
    font-weight: 400 !important;
}

.bg-ribbon {
    background-color: #e20000 !important;
    font-size: 1.5vh !important;
    padding: .35em 1em !important;
    font-weight: 400 !important;
}

.titolo-prodotto {
    font-size: 2.2vh;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0;
    /*text-align: center !important;*/
    /*margin-top: 12%;*/
}

.paragrafo-prodotto {
    color: var(--ct-grigio);
    font-weight: 300;
    font-size: 1.8vh;
    padding: 0;
}

.prezzo-prodotto {
    color: var(--ct-grigio);
    font-weight: 300;
}

/* FINE CARD Bootstrap */

/* CHECKOUT */
.shop_carrello_td_totale_iva_esc {
    padding-top: 10%;

}

.shop_carrello_tr_iva {
    padding-top: 10%;
}

.shop_carrello_tr_iva {
    padding-top: 10%;
}

.shop_carrello_descrizione_completa {
    font-size: 1.7vh;
}

li.iva-list-item {
    border: none !important;
}

.titolototali alright {
    padding-top: 10%;
}

.checkout-progress {
    padding: 20px 0px
}

.checkout-progress .active {
    font-weight: 700;
    position: relative
}

.checkout-progress .active .fa-check {
    position: absolute;
    left: 50%;
    bottom: -30px;
    background-color: #fff;
    font-size: 0.7rem;
    padding: 5px;
    border: 1px solid #39e346;
    border-radius: 50%;
    color: #39e346
}

.progress {
    height: 2px;
    background-color: #ccc;
    height: 0.5rem !important;
}

.progress div {
    display: flex;
    align-items: center;
    justify-content: center
}

.progress .progress-bar-carrello {
    width: 42%;
    background-color: #39e346;
}

.progress .progress-bar-checkout {
    width: 52%;
    background-color: #39e346;
}

.progress .progress-bar-fine {
    width: 61%;
    background-color: #39e346;
}

#details {
    padding: 30px 50px;
    min-height: 300px
}

input {
    /* border: none; */
    outline: none
}

.form-group .d-flex {
    border: 1px solid #ddd
}

.form-group .d-flex input {
    width: 95%
}

.form-group .d-flex:hover {
    color: #000;
    cursor: pointer;
    border: 1px solid #008000
}


#shop_spesespedizioni_row {
    margin-top: 5% !important;
}

.subtotale-card {
    margin-top: 3% !important;
}

.shop_checkout_pulsanti {
    text-align: center;
    margin: auto;
    /*margin-top: 3%;*/
}

.list-group-item span,
.titolototali {
    font-size: 2vh;
}

#shop_spesespedizioni_row {
    border: 0px !important;
}

.select-regione {
    font-weight: 600 !important;
}

.shop_carrello_td shop_carrello_td {
    margin-bottom: 10% !important;
}

.shop_carrello_td {
    font-size: 2.5vh;
}

.totali-carrello {
    font-size: 2.5vh;
}

#goBtn {
    margin: auto;
    font-size: 2.5vh;
    padding: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    background-color: #3a342f !important;
    color: white !important;
    border-radius: 0 !important;
    /*border-width: 0;*/
    /*width: max-content;*/
    width: 90%;

}

.titolo-metodi-pagamento {
    /*    color: rgb(237, 22, 113) !important;*/
    width: 90% !important;
    margin: auto !important;
    margin-top: 5% !important;
    margin-bottom: 4% !important;
    font-weight: 500;
}

.paragrafo-metodi-pagamento {
    width: 90% !important;
    margin: auto !important;
}

.icone-metodi-pagamento {
    /* text-align: center; */
    width: 90% !important;
    margin: auto !important;
    margin-top: 3% !important;
    margin-bottom: 5% !important;
}

.ico-pagamenti-checkout {
    font-size: 3rem;
    color: var(--ct-grigio) !important;
}

/*REGISTRAZIONE E RIEPILOGO*/
.card-text shop_cart_box_item_totale_ivaesc span {
    margin-bottom: -15%;
}


/* SHOP CATEGORIE */

.link-categoria {
    color: black !important;
    text-decoration: none;
}

.titolo-link-categoria {
    font-size: 2.2vh;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0;
    text-align: center !important;
}

.card-group-categories {
    display: flex;
    flex-wrap: wrap;
}

.card-body-home {
    height: 100% !important;
}

.shop_home_footer_category {
    padding: 20px 20px 10px;
    max-height: 100% !important;
    /*    border: 1px solid #3a342f;*/
    border: 30px solid #cccccc29 !important;
    box-shadow: inset 0px 0px 0px 1px #ccc !important;
    box-sizing: border-box;
    background-color: white !important;
}

.shop_categories_wrapper {
    /*background-color: #cccccc29 !important;*/
}


.shop_category_items_wrapper {
    /*background-color: #cccccc29 !important;*/
}

.shop_category_item {
    padding: 20px 20px 10px;
    max-height: 100% !important;
    /*    border: 1px solid #3a342f;*/
    border: 30px solid #cccccc29 !important;
    box-shadow: inset 0px 0px 0px 1px #ccc !important;
    box-sizing: border-box;
    background-color: white !important;
}

.paragrafo-desc-completa {
    display: none;
}

.paragrafo-info-extra {
    text-transform: uppercase;
    font-size: 1.5vh !important;
}

/* SHOP ITEM */
.marchio {
    height: 200px;
    margin-left: 10%;
}

.bootstrap-touchspin-down {
    border: 1px solid !important;
    border-radius: 0 !important;
    border-color: #cccccc !important;
    background-color: white !important;
    color: black !important;
    font-weight: 700 !important;

}

.bootstrap-touchspin-up {
    border: 1px solid black !important;
    border-radius: 0 !important;
    background-color: white !important;
    color: black !important;
    font-weight: 700 !important;
}

.toast {
    width: 100% !important;
}

.toast:not(.showing):not(.show) {
    opacity: 1 !important;
}

.gallery-mobile {
    display: none !important;
}

.shop_item_body_images {
    /*margin-top: 5% !important;*/
}

.art-h2 {
    font-family: var(--font-tema);
    font-size: 2.5vh;
    color: black;
}

.art-h2 a {
    color: black;
    text-decoration: none;
}

.shop_category_item_description p {
    /*    line-height: 1;
        letter-spacing: 0.1vh;
        text-align: left !important;
        font-size: 1.5vh;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: 500;
        margin-left: 5% !important;
        margin-right: 5% !important;*/
}

.prezzofin {
    margin-top: -5%;
    margin-bottom: -2%;
    font-weight: 500;
    font-size: 2.5vh;
    margin-bottom: 2% !important;
}

.prezzofin a {
    color: black;
    text-decoration: none;
}

.logo-shop {
    max-width: 120px;
    max-height: 120px;
    float: left;
    /*margin-top: 2%;*/
    margin-right: 2%;
    margin-left: 2%;
    display: none;
}

.titolo-categoria {
    padding-top: 0;
    /* margin-left: 2%; */
    font-size: 4vh;
    font-weight: 300;
}

#vaicarrello {
    /*    margin: 5%;
        padding: 1rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        background-color: #3a342f !important;
        color: white !important;
        border-radius: 0 !important;
        border-color: #3a342f !important;
        text-transform: uppercase;*/
    width: 60%;
    margin-bottom: 2%
}

#continuaacqu {
    /*    margin: 5%;
        padding: 1rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        background-color: #3a342f !important;
        color: white !important;
        border-radius: 0 !important;
        border-color: #3a342f !important;
        text-transform: uppercase;*/
    width: 60%;
    margin-top: 2%
}

#shop_button_aggiungialcarrello {
    margin: 5%;
    padding: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    background-color: #3a342f !important;
    color: white !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    width: max-content;
}

.shop-btn-cart {
    margin: 5%;
    padding: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    background-color: #3a342f !important;
    color: white !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    border: none !important
}

.input-quantita {
    text-align: center;
}



.bootstrap-touchspin-up {
    border-color: #cccccc !important;
}

.shop_item_body_images img {
    width: 100%;
}

.shop_item_body_images img:hover {
    /*    display: inline-block;
        margin: 0 0.9rem;
        animation: pulse;
        animation-duration: 0.5s;
        animation-iteration-count: 1;
        margin: 0;*/
    /*transform: scale(1.05);*/
    transition: all 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}


/** SHOP CARRELLO **/
.titolo-prodotto-carrello {
    font-size: 2.5vh !important;
    font-weight: 400;
    text-transform: uppercase;
}


.dimensioni-prodotto-carrello {
    /*margin-top: 2%;*/
    font-size: 1.5vh !important;
}

.has-error {
    color: red;
    animation: pulse;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

.has-error .form-control {
    border-color: red;
}

i.fas.fa-trash-alt.ico-cestino {
    font-size: 1.5vh;
    color: #6c757d !important;
    font-weight: 400 !important;
}

.cart_bin {
    font-size: 1.5vh;
}

.cart_bin label {
    font-size: 1.5vh;
    font-family: var(--font-tema);
    ;
    cursor: pointer !important;
}


.shop_checkout {
    width: 90%;
    margin: auto;
}

.pull-left {
    margin-left: 35px !important;
}

.container-briciole {
    width: 100%;
    height: 22px;
    position: fixed;
    background: #ccc !important;
    top: 85px;
    z-index: 1;
    display: none;
}

.row.bs-wizard {
    margin-top: 20px;
}

.bric-check {
    width: 1220px;
    height: 22px;
    margin: auto;
    display: none;
}

.pull-left {
    margin-left: 10px;
}





/*** Checkout ***/
.btn-generico-checkout {
    /*    margin: 5%;
        padding: 1rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        background-color: #3a342f !important;
        color: white !important;
        border-radius:0 !important;
        width: max-content;*/
    margin: 5%;
    padding: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    background-color: #3a342f !important;
    color: white !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    width: max-content;
    border: none !important
}


.card-body-fine {
    padding: 0 !important;
}

.shop_button_paga {
    margin: 5%;
    padding: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    background-color: #3a342f !important;
    color: white !important;
    border-radius: 0 !important;
}



section.prodotti {
    /*    padding-left: 2%;
        padding-right: 2%;*/
    min-height: 80vh;
    margin-bottom: 1rem !important;
}

section.prodotti h1,
section.prodotti h2,
section.prodotti h3,
section.prodotti h4,
section.prodotti h5,
section.prodotti p {
    font-family: var(--font-tema);
}


.bootstrap-touchspin-injected input {
    text-align: center;
}



/****BREADCRUMB***/
ol.breadcrumb a {
    color: black;
}

.home-bread {
    /*    margin-right: 1%;*/
    /* margin-left: 2%; */
}

.home-bread a {
    color: black !important;
    text-decoration: none;
}

.breadcrumb {
    /*margin-left: 12%;*/
    text-transform: uppercase !important;
}

.card-body .breadcrumb {
    font-size: 0.8rem;
    text-transform: uppercase;
}


/***Campi registrazione**/
.form-group input[type="radio"] {
    margin-left: 3%;
    margin-right: 2%;
}

.form-group label {
    display: inline;
}

.form-group a {
    font-size: 14px;
}

.newsletter_mobile {
    display: none !important;
    ;
}

.grecaptcha-badge {
    z-index: 1;
}


.wait_level {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    background: #ffffff url(/data/images/loading.gif) no-repeat center center;
    z-index: 9999
}

.wait_level.top {
    background-position: center 30%;
    opacity: 0.6;
}

#h2-fatt-azienda {
    cursor: pointer;
    font-size: 2vh;
}


/*********** PAGINA NEWS ************************************************/
.card {
    border: 0 !important;
}

.img-news {
    margin: auto;
    width: 60% !important;
    max-height: 450px;
    display: block;
    object-fit: cover !important;
}

.img-news-sx {
    margin: 0;
    width: 100% !important;
    max-height: 250px;
    display: block;
    object-fit: cover !important;
}

.img-news-dx {
    margin: auto;
    width: 60% !important;
    max-height: 450px;
    display: block;
    object-fit: cover !important;
}

.gallery_desc_news {
    margin: auto;
    /*    width: 90%;*/
    padding: 4%;
    padding-bottom: 0%;
    /* font-size: 1.5vw; */
}

.gallery_desc_news p {
    color: var(--ct-grigio) !important;
}

.gallery_desc_news2 {
    margin: auto;
    /*    width: 90%;*/
    padding-top: 0 !important;
    /*padding-bottom: 0%;*/
    /* font-size: 1.5vw; */
}

.gallery_desc_news2 p {
    color: var(--ct-grigio) !important;
}


h1.news {
    font-size: 2.5rem;
    color: #505050;
    padding-bottom: 3vh;
}

h2.news {
    text-align: center !important;
    text-transform: uppercase !important;
    color: #000;
    font-size: 1.5rem;
    padding-bottom: 1%;
}

h2.news-sx {
    text-align: left !important;
    text-transform: uppercase !important;
    color: #000;
    font-size: 1.5rem;
    padding-bottom: 1%;
}


.news-corpo {
    font-size: 2.3vh;
    color: #3c3939;
}

.row-news {
    /*border-bottom: 1px solid var(--ct-grigio) ;*/
    /*padding-bottom: 2%;*/
}

.btn-news {
    background-color: #F3F3F3 !important;
    margin-left: auto !important;
    display: none !important;
}



/************************************* SIDEBAR ***************************************/
#sidebar {
    /* width: 240px; */
    /* float:left; */
    /*padding: 55px 0px 62px 50px;*/
    /* padding: 0px 10px 30px 30px; */
}

#sidebar h1 {
    font-weight: 900;
    font-size: 45px;
    margin-bottom: 20px;
    color: #424242;
    text-transform: uppercase;
}

#sidebar h1 span {
    font-weight: 400;
    font-size: 35px;
    padding-left: 40px;
    font-style: italic;
}

#sidebar h2 {
    font-weight: 400;
    font-size: 35px;
    margin-bottom: 20px;
    color: #424242;
    text-transform: uppercase;
}

#sidebar h3 {
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 20px;
    color: #424242;
    text-transform: uppercase;
}

#sidebar h4 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 20px;
    color: #424242;
}

#sidebar p {
    margin: 0px 0px 22px 0px;
    line-height: 22px;
    text-align: justify;
    color: #424242;
}

#sidebar a {
    color: #424242;
    text-decoration: none;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

#sidebar a:hover {
    color: #888;
}

/*categorie*/
#sidebar nav ul,
#sidebar nav li,
.shop_filtriattivi_wrapper ul,
.shop_filtriattivi_wrapper li,
.shop_category_filtro ul,
.shop_category_filtro li {
    margin: 0px;
    padding: 0px;
    list-style: none
}

#sidebar nav {
    /*background:#eeeeee;*/
    margin-bottom: 1em;
}

#sidebar nav li {
    position: relative;
}

#sidebar nav ul ul {
    padding: 1em;
}

/*#sidebar nav ul ul ul {
    display:none;
}*/
#sidebar nav li.active>ul {
    display: block;
}

#sidebar nav ul ul>li.parent:before {
    content: '\f0da';
    float: right;
    font-family: 'FontAwesome';
    margin: 0px -2px 0px 4px;
    font-size: 1.2em;
    color: #129c4f;
    /*position:absolute;
    top:0px;
    right:2px;*/
}

#sidebar nav>ul>li>ul>li.parent.active:before {
    content: '\f0d7';
}

#sidebar nav ul ul li {
    margin: 4px 0px;
    padding: 2px 2px;
    border-bottom: 1px solid #cccccc
}

#sidebar nav .active>a {
    color: var(--theme-accent) !important;

}

#sidebar nav span {
    font-weight: bold;
    /*border-top:1px solid #cccccc;*/
    border-bottom: 1px solid #cccccc;
    display: block;
    padding: 8px 1em;
    text-transform: uppercase;
    /*background:#1983f9;*/
    /*color:#ffffff;*/
}

.shop_filtriattivi_wrapper {
    /*background:#eeeeee;*/
    /*	padding:0px 1em 1em;
            margin-bottom:1em;*/
    /* width: 240px; */
    /* float:left; */
    /* padding: 0px 10px 30px 30px; */
}

.shop_filtriattivi_wrapper ul {
    clear: both;
    overflow: hidden;
    margin-top: 8px;
}

.shop_filtriattivi_wrapper li:first-child {
    font-weight: bold;
    display: block;
    float: none;
    font-size: 16px;
    padding-left: 0px;
}

.shop_filtriattivi_wrapper li {
    /*display:inline;*/
    margin-right: 4px;
    margin-bottom: 6px;
    /*float:left;*/
    line-height: 22px;
    font-size: 16px;
}

/*.shop_filtriattivi_wrapper li:before {
    background: url(img/checkboxes.png) no-repeat;
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    left: 0px;
    top: 0px;
}*/

#sidebar .shop_filtriattivi_wrapper ul a {
    background: #999999;
    padding: 2px 16px 2px 4px;
    color: #ffffff;
    position: relative;
}

#sidebar .shop_filtriattivi_wrapper ul a:hover {
    background: #129c4f;
}

#sidebar .shop_filtriattivi_wrapper ul a:hover:after {
    background: url(img/checkboxes2.png) no-repeat;
    position: absolute;
    content: '';
    width: 15px;
    height: 13px;
    display: block;
    top: 4px;
    right: -2px;
}

.shop_filtriattivi_wrapper strong {
    text-transform: uppercase;
}

.shop_filtriattivi_wrapper>a {
    font-size: 12px;
}

.shop_filtriattivi_wrapper ul {
    margin-bottom: 4px;
    border-bottom: 1px solid #cccccc;
}

.shop_category_filtro {
    /*background:#eeeeee;*/
    padding-bottom: 1.2em;
    /* width: 240px; */
    /* float:left; */
    /*padding: 55px 0px 62px 50px;*/
    /* padding: 0px 10px 30px 30px; */
}

.shop_category_filtro_titolo {
    font-weight: bold;
    /*border-top:1px solid #cccccc;*/
    display: block;
    padding: 8px 8px;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.shop_category_filtro ul {
    padding: 0px 0.5em 1em;
}

.shop_category_filtro li {
    margin-bottom: 6px
}

.shop_category_filtro a {
    position: relative;
    padding: 1px 0px 0px 24px;
    min-height: 19px;
}

.shop_category_filtro a:before {
    background: url(img/checkboxes.png) no-repeat;
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    left: 0px;
    top: 0px;
}

.shop_category_filtro a:hover:before {
    background-position: -20px 0px;
}

.shop_category_filtro a:focus:before,
.shop_category_filtro a:active:before,
.shop_category_filtro .shop_filtro_attivo a:before {
    background-position: -40px 0px;
}

.shop_category_filtro .shop_filtro_attivo a:focus:before,
.shop_category_filtro .shop_filtro_attivo a:active:before {
    background-position: 0px 0px;
}

.shop_filtriattivi_wrapper ul {
    padding: 0px 1em 1em;
    padding-left: 2% !important;
}

.shop_filtriattivi_remove {
    padding: 0px 1em 1em;
    font-size: 13px;
    text-align: center;
}

#gtm_checkout_pagetitle {
    display: none;
}



/**************************FAST CHECKOUT********************************/
.fast_checkout h3 {
    text-transform: uppercase;
}

.shop_carrello_spedizione {
    background: #eee;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #ccc;
    width: 90%;
}

.nav-link {
    color: inherit !important;
    width: 20% !important;
    text-align: center !important;
    font-size: 0.7rem !important;
}

.nav-link i {
    font-size: 2rem !important;
}


.selected {
    border-bottom: 5px solid #cccccc !important;
    background: #eee !important;
}

#tabellafatturazione {
    /* border: 1px solid #cccccc; */
    width: 100%;
}


.field-icon {
    float: right;
    margin-right: 15px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}

.bg-page7 {
    background: #eff7fa !important;
}

#videoslideBox .carousel-indicators {
    display: none !important;
}



/*********************************************************************
/**************************MEDIA QUERY********************************
*********************************************************************/

@media (max-width:1550px) {

    .shop-category .card-news{
        min-height: 28vw !important;
    }

}


@media (max-width:1450px) {

    .row-gallery-personal .row-info-personal h4 {
        font-size: 1.5vw !important;
    }

    .row-gallery-personal .row-info-personal h1 {
        font-size: 3vw !important;
    }

    .image-box .img-catalogo {
        margin-left: 1% !important;
        width: 100% !important;
    }

    .row-col-cataloghi button a{
        font-size: 1.5vw !important;
    }

    .row-col-cataloghi .bg-image-catalogo h2{
        font-size: 2vw !important;
        margin-bottom: 95%;
    }

    .shop-category .card-news{
        min-height: 30vw !important;
    }

    .home-slider #carousel-slideshowhome{
        margin-top: 1% !important;
        margin-bottom: -12%;
    }

    .row-cataloghi {
        width: 85% !important;
    }

}

@media (max-width:1850px) {

    .home-slider #carousel-slideshowhome{
        margin-top: 0.5% !important;
    }

}

@media (max-width:1440px) {

    .progress .progress-bar-carrello {
        width: 38%;
    }

    .progress .progress-bar-fine {
        width: 65%;
    }

    #caption-coupon {
        top: 7% !important;
        ;
    }

    #bonus-coupon {
        font-size: 4vw !important;
    }

}

@media (max-width:1200px) {

    .shop_checkout {
        width: 90% !important;
        margin: auto;
    }

    .pull-left {
        margin-left: 78px;
    }
}

@media (max-width:1024px) {
    /*    #col-search-desktop{
            display: none !important;
        }*/

    .progress .progress-bar-carrello {
        width: 33%;
    }

    .progress .progress-bar-fine {
        width: 71%;
    }

    img#logo {
        margin-left: 15%;
        width: 100%;
    }

    .ig-li {
        margin-right: 10%;
    }

    .navbar-expand-lg .navbar-collapse {
        flex-basis: 100% !important;
    }

    #newslettercoupon input[type="text"] {
        width: 80% !important;
    }

    #newslettercoupon input[type="email"] {
        width: 80% !important;
    }

    #newslettercoupon input[type="mobile"] {
        width: 80% !important;
    }


    #bonus-coupon {
        font-size: 5.5vw !important;
    }

    .grecaptcha-badge {
        display: none;
    }
}


@media (max-width:768px) {

    .home-obiettivo h1{
    font-size: 5vw !important;
}

        h3.h3-video-business{
    font-size: 3vw !important; 
}

    .simple-text .row-servizi-app h2 {
        color: #FFF !important;
    }

    .row-servizi-img .row-sped h2 {
        color: #1CE3DE !important;
    }

    .bg-image{
        height: 200px !important;
    }


    .carousel-control-prev, .carousel-control-next{
        display: none !important;
    }

    #carousel-slideshowcataloghi{
        height: 100% !important;
    }

    .row-box-cataloghi .row-col-cataloghi .bg-image-catalogo button a {
        font-size: 3.5vw !important;
    }

    .row-box-cataloghi .row-col-cataloghi .bg-image-catalogo h2 {
        font-size: 5vw !important;
        margin-bottom: 20% !important;
    }

    .shop-category .card-news{
        min-height: 100% !important;
    }

    section.home-slider {
        display: block !important;
        height: 180px !important;
    }

    div.row-personal {
        width: 100% !important;
    }

    div.row-idee-personal{
        width: 100% !important;
    }

    .row-idee-personal img{
        padding: 0 !important;
    }

    button.nextbutton {
        width: 30% !important;
    }

    .row-gallery-personal .row-info-personal h4 {
        font-size: 4.5vw !important;
    }

    .row-gallery-personal .row-info-personal h1 {
        font-size: 9vw !important;
    }

    body h2.text-center {
        font-family: 'Rubik-Bold', sans-serif !important;
        font-size: 8vw !important;
        margin-bottom: 2%;
        color: #3D3D3F !important;
    }

    .mm-panel ul.nav.navbar-nav li.mm-listitem:last-child a.nav-news {
        color: #FFE800 !important;
        background-color: #FFE80033 !important;
    }

    #shop_item_body_images .item-multiple img{
        width: 100% !important;
        height: 200px !important;
        object-fit: contain !important;
      }

    .fas{
        display: none !important;
    }

    .etichetta {
        padding-top: 10px !important;
    }

    .fa-envelope{
        display: none !important;
    }

    .row-gallery-personal .row-info-personal {
        width: 100% !important;
    }

    .row-idee-personal img{
        width: 100% !important;
    }

    .img-catalogo{
        width: 100% !important;
        margin: auto !important;
        margin-left: -10% !important;
        margin-top: 5% !important;
    }

    .row-cataloghi {
        width: 100% !important;
    }

    .row-azienda-dati .p-dati{
        font-size: 8vw !important;
    }

    .row-servizi .hr-red {
        top: -8px !important;
        width: 50% !important;
      }

    .row-social-icons .img-social {
        width: 100% !important;
    }

    .simple-text .row-container-social-media {
        width: 100% !important;
    }

    .simple-text .row-comunicazione-spot p{
        font-size: 4vw !important;
    }

    .simple-text .row-comunicazione-spot {
        width: 100% !important;
    }

    .simple-text .row-comunicazione-stadio .content {
        text-align: center;
        width: 100% !important;
        margin-top: 150% !important;
    }

    .row-comunicazione-background .row-comunicazione {
        width: 100% !important;
    }

    .row-novita-page .card-home .card-title {
        font-size: 5vw !important;
    }

    .tabs {
        display: flex;
        flex-direction: column;
        align-items: stretch;
      }
    
      .tab-button {
        margin-bottom: 10px; /* Spazio tra i bottoni */
        width: 100%; /* I bottoni occupano tutta la larghezza */
      }

    .container-img-leaf img {
        width: 60vw !important;
    }

    .div-ambiente .container h1 {
        font-size: 8vw !important;
        color: #329E05 !important;
    }

    .div-ambiente ul li {
        font-size: 4vw !important;
        font-weight: 600 !important;
        color: #6B6B6B !important;
    }

    .back-to-top {
        padding: 8px 20px !important;
      }

    .row-azienda-gallery{
        width: 100% !important;
    }

    .row-comunicazione-social-media{
        display: none !important;
    }

    .row-comunicazione-social-media-img{
        display: block !important;
    }

    .row-link-img div a img{
        float: none !important;
    }

    .row-servizi-app {
        height: auto !important;
    }

    .row-servizi-app .row-app {
        width: 100% !important;
    }

    .row-servizi-img {
        height: 80vh !important;
        min-height: 600px;
    }

    .row-agenti-collaboratori {
        width: 100% !important;
    }

    .row-comunicazione {
        width: 100% !important;
    }

    .row-servizi-img p {
        width: 100% !important;
    }

    .row-servizi-img .row-container {
        margin-bottom: 100% !important;
    }

    .row-servizi {
        width: 100% !important;
    }

    .row-espositore {
        background: url('images/LOGICA-stand-negozio-2.jpg');
        background-size: cover;
        height: 90vh !important;
        /* Altezza dell'intero viewport */
        min-height: 600px;
        /* Altezza minima per piccoli schermi */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .img-page-mobile {
        display: block !important;
    }

    .row-espositore {
        background: none !important;
    }

    .simple-text-page h1 {
        font-size: 7vw !important;
    }

    .row-spazi-espositivi {
        width: 100% !important;
    }

    .container-category .bg-image h2 {
        text-transform: uppercase !important;
        color: #FFF !important;
        margin-bottom: 18% !important;
        font-size: 6.5vw !important;
        margin-left: 3%;
    }

    .container-category .bg-image h2.word-break {
        text-transform: uppercase !important;
        color: #FFF !important;
        margin-bottom: 10% !important;
        font-size: 6.5vw !important;
        margin-left: 3%;
    }


    .align-items-stretch .ribbon-promo img.img-badge-search {
        /*margin-top: -33% !important;*/
    }

    .align-items-stretch .ribbon-promo img.img-badge-search-dx {
        margin-top: -61% !important;
    }


    .shop-category .card-home .card-title {
        font-family: 'Rubik-Medium', sans-serif !important;
        font-size: 5vw !important;
    }

    .info-prodotto-aggiuntivo b {
        font-family: 'Rubik-Light', sans-serif !important;
        font-size: 3vw !important;
        color: #dd0000 !important;
    }

    .right-bread {
        margin-left: 3%;
    }

    #img-categoria {
        width: 45% !important;
    }

    .lg-video-cont {
        width: 80% !important;
        height: 50% !important;
    }


    .desc-titolo-prodotto {
        font-size: 3vw !important;
    }


    .tab-container {
        width: 90% !important;
    }

    .shop_item_footer_acquistirelativi_items {
        width: 80% !important;
    }

    img#primaimg {
        max-width: 70% !important;
    }

    .shop_item_footer_acquistirelativi_items .col-12 {
        width: 100% !important;
    }


    .shop_item_footer_acquistirelativi .shop_item_footer_acquistirelativi_items a.titolo-prodotto {
        font-size: 5vw !important;
    }

    .info-prodotto {
        font-family: 'Rubik-Medium', sans-serif !important;
        font-size: 5vw !important;
    }

    #codice-aggiuntivo-prodotto b {
        font-size: 5vw !important;
    }

    div#shop-buy-items h1.card-title {
        font-size: 7vw !important;
        font-weight: bold !important;
    }

    .note-sito p b {
        font-size: 4vw !important;
    }

    #caratteristiche p {
        font-size: 4vw !important;
    }

    .descrizione-completa p {
        font-size: 3.6vw !important;
    }


    .right-bread p {
        font-size: 4vw !important;
    }

    .desc-taglie p,
    .desc-confezione-minima p {
        font-size: 4vw !important;
    }

    .simple-text-page p {
        font-size: 4vw !important;
    }

    .container-obiettivo p {
        font-size: 4vw !important;
    }

    p.info-prodotto {
        font-size: 4.5vw !important;
    }

    .slick-slide img {
        height: 300px !important;
    }

    .row-footer-mobile hr {
        color: #ffffff !important;
        width: 100% !important;
        margin-bottom: 1% !important;
        height: 2px !important;
    }

    footer ul.nav.navbar-nav li a {
        font-size: 3.5vw !important;
    }

    .shop_item_header_img {
        overflow-y: auto;
        height: auto !important;
    }

    .mm-listitem a {
        font-size: 3.4vw !important;
    }

    ul.dropdown-menu>li.dropdown>a {
        font-size: 4vw !important;
    }

    #form-search::placeholder {
        font-size: 4.5vw !important;
    }

    .shop_search_header {
        display: none !important;
    }

    ul.shop_filtro a {
        font-size: 3.5vw !important;
    }

    .mm-listitem a {}

    .row-footer-mobile .row-contacts p a {
        color: #FFF !important;
    }

    .row-footer-mobile .row-contacts p {
        font-size: 3.5vw !important;
        color: #FFF !important;
    }

    .row-footer-mobile h3 {
        margin-top: 5% !important;
        color: #FFF !important;
    }

    .mm-menu ul.nav.navbar-nav li a {
        width: 0% !important;
    }

    #form-search {
        color: #000 !important;
    }

    .container-category {
        width: 95% !important;
        margin: auto !important;
    }

    .container-middle-slogan h3 {
        font-size: 3.5vw !important;
    }

    .container-middle-slogan h1 {
        color: #fbff00 !important;
        font-weight: bold !important;
        font-size: 6vw !important;
    }

    .text-danger {
        font-size: 3.5vw !important;
    }

    .nextbutton {
        font-size: 4vw !important;
    }

    input::placeholder {
        font-size: 3vw !important;
    }

    .full-bg-image-newsletter {
        width: 100% !important;
        padding: 5% !important;
    }

    .container-newsletter {
        width: 100% !important;
    }

    .container-newsletter .form-container h5 {
        font-size: 3.5vw !important;
    }

    .form-container {
        padding: 1% !important;
    }

    iframe {
        width: 100% !important;
    }

    .container-obiettivo p {
        width: 100% !important;
    }

    .home-obiettivo h3 {
        font-size: 3.5vw !important;
    }

    .card-group-home p.titolo-prodotto {
        font-size: 4.5vw !important;
    }

    h3#last-product {
        font-size: 6vw !important;
    }

    .bg-image .btn-custom {
        width: 50% !important;
    }

    .home-category a {
        font-size: 4vw !important;
    }

    /*ARTICLES*/

    #img-categoria {
        width: 25%;
    }

    .img-bottom-images {
        width: 25% !important;
    }

    img#logo {
        width: 30vw !important;
        margin-top: 5% !important;
        margin-bottom: 5% !important;
    }

    .mm-menu ul.nav.navbar-nav li a {
        font-size: 3.6vw !important;
    }

    /* HOME PAGE */

    .home-riga-testo {
        margin-left: 0px;
    }

    .home-riga-testo h4 {
        font-size: 5vw;
    }

    li.dropdown {
        text-align: center;
        font-size: 5vw;
        margin-bottom: 5vw;
    }

    ul.navbar-nav.ms-auto {
        margin-top: 4vw;
    }

    .home-colonna-2 {
        padding: 10%;
    }

    .claim-call h2 {
        font-size: 6.5vw;
        font-weight: 400;
        text-align: center;
    }

    .home-colonna-2 h2 {
        font-size: 5.5vw;
        font-weight: 400;
    }

    .text-call p {
        font-size: 4vw;
        margin-top: 50px;
        width: 80%;
        margin: 50px auto;
    }

    #col-search-mobile {
        display: block;
    }

    #col-search-desktop {
        display: inline-block;
        flex: 0;
        margin: 0%;
    }

    #col-search-desktop {
        display: none;
    }

    section.home-slider {
        margin-top: 0 !important;
        display: block !important;
    }

    section.home-servizi-2 {
        margin-top: 1vh;
    }

    img#logo {
        max-width: 200px !important;
        margin-left: 0% !important;
        margin-top: 0%;
    }

    .fb-li {
        display: none
    }

    .ig-li {
        display: none
    }

    .toprow {
        display: none !important;
    }


    .cart-box-mobile {
        display: block !important;
    }

    nav.navbar {
        justify-content: space-around !important;
    }

    .home-riga-img-sx {
        margin-left: 0 !important;
    }

    .home-riga-dx {
        width: 100% !important;
        margin-top: 0 !important;
        padding: 3% !important;
        margin-left: 0 !important;
    }

    .home-riga-sx {
        width: 100% !important;
        padding: 3% !important;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
    }

    .home-riga-sx p {
        width: 100% !important;
    }

    .home-riga-img-sx {
        margin-bottom: 0 !important;
    }

    .home-riga-img-dx {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    #txt-home-riga-4 {
        padding: 3% !important;
        width: 100% !important;
    }

    .campoform {
        width: 100%;
    }

    .card {
        margin: 5% !important
    }

    .progress .progress-bar-carrello {
        width: 31%;
    }

    .progress .progress-bar-checkout {
        width: 60%;
    }

    .shop_carrello_td {
        font-size: 3vh;
    }

    .shop_carrello_descrizione_completa {
        display: none;
    }

    .prezzcarbar {
        font-size: 2vh;
    }

    #sbarrato {
        font-size: 2.5vh !important;
    }

    #boxsconto {
        width: 40%;
    }

    .newsletter {
        display: none !important;
        ;
    }

    .newsletter_mobile {
        display: block !important;
    }

    img#logofooter {
        margin: auto;
    }

    footer h3 {
        text-align: center;
    }

    .progress .progress-bar-fine {
        width: 85%;
    }


    .home-colonna-2_4_on.onboot.shadow-box {
        margin-top: 0;
        margin: auto;
    }

    .home-colonna-2_4_on {
        width: 90%;
    }

    .home-colonna-2_4_on h2 {
        font-size: inherit;
    }


    .home-colonna-1_4 {
        margin-left: 0%;
    }

    .home-colonna-2_4_on.onboot.shadow-box p {
        width: 100%;
    }

    .home-colonna-2_4_on p {
        font-size: inherit;
        width: 90%;
        margin: auto;
        text-align: left;
    }

    .home-colonna-2_4_on {
        margin-top: 0;
        /* left: 50%; */
        width: 90%;
        margin: auto;
    }

    .home-colonna-2_4_on h3 a {
        font-size: 4vw;
    }


    #subtot-qta {
        text-align: center !important;
    }

    .card-img-top {
        max-height: none;
    }

    .card-shop-wall {
        margin: 0 !important;
    }

    .shop-btn-cart {
        width: 100% !important;
        margin: 5% 0% !important;
    }

    .btn-generico-checkout {
        width: 100% !important;
        margin: 5% 0% !important;
    }

    #newslettercoupon input[type="text"] {
        width: 100% !important;
    }

    #newslettercoupon input[type="email"] {
        width: 100% !important;
    }

    #newslettercoupon input[type="mobile"] {
        width: 100% !important;
    }

    /* .modal-content{
        max-width: 350px !important;
        max-height: 350px !important;
    } */
    #caption-coupon {
        top: 0% !important;
        font-size: 4.5vw !important;
    }

    #bonus-coupon {
        font-size: 15vw !important;
    }

    .modal-body {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #bonus-h2-iscr {
        padding-top: 0 !important;
        margin: 0 !important;
    }



    .modal-footer {
        padding: 0 !important;
    }

    .modal-body .figure {
        margin: 0 !important;
    }

    #sidebar {
        width: 100%;
        float: left;
        padding: 0;
    }

    .shop_category_filtro {
        width: 100%;
        float: left;
        padding: 0;
        margin-bottom: 1rem;
    }

    .shop_home {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    #copyright {
        font-size: 0.7rem !important;
    }

    footer .accordion-header {
        padding-top: 0 !important;
    }

    footer .accordion-body p {
        font-size: 0.8rem;
    }

    .breadcrumb {
        font-size: 1.7vh !important;
    }

    #row-contatti p {
        margin-bottom: 0.5rem !important;
    }

    #row-contatti {
        padding-bottom: 2rem !important;
        padding-left: 1rem !important;
    }

    #row-contatti row {
        flex-direction: row !important;
    }

    .map iframe {
        width: 100% !important;
    }

    .map {
        padding-bottom: 2rem !important;
    }

    .gallery_desc_news2 {
        padding: 0 !important;
    }

    .gallery_desc_news2 p,
    .gallery_desc_news p {
        text-align: justify !important;
    }

    .accordion-body p {
        line-height: 1.5 !important;
    }

}

@media only screen and (max-width: 844px) and (max-height: 390px) {
    .container-category .bg-image h2 {
        text-transform: uppercase !important;
        color: #FFF !important;
        margin-bottom: 10% !important;
        font-size: 5vw !important;
        margin-left: 3%;
    }

    .container-category .bg-image h2.word-break {
        text-transform: uppercase !important;
        color: #FFF !important;
        margin-bottom: 3% !important;
        font-size: 5vw !important;
        margin-left: 3%;
    }

    .bg-image .btn-custom a{
        font-size: 3vw !important;
    }

    .bg-image .btn-custom {
        width: 30% !important;
    }

    #link-privacy-1 a{
        margin-left: 3% !important;
        font-weight: bold !important;
        font-size: 1vw !important;
    }

    .row-box-cataloghi .row-col-cataloghi .bg-image-catalogo h2 {
        font-size: 4vw !important;
        margin-bottom: 50% !important;
    }

    .bg-image-catalogo{
        height: 500px !important;
    }

    .home-slider{
        margin-bottom: 10% !important;
    }
  }

@media only screen and (min-device-width: 600px) and (max-device-width: 950px) and (orientation: landscape) {
    .container-category .bg-image h2 {
        text-transform: uppercase !important;
        color: #FFF !important;
        margin-bottom: 10% !important;
        font-size: 5vw !important;
        margin-left: 3%;
    }

    .container-category .bg-image h2.word-break {
        text-transform: uppercase !important;
        color: #FFF !important;
        margin-bottom: 3% !important;
        font-size: 5vw !important;
        margin-left: 3%;
    }

    .bg-image .btn-custom a{
        font-size: 3vw !important;
    }

    .bg-image .btn-custom {
        width: 30% !important;
    }

    #link-privacy-1 a{
        margin-left: 3% !important;
        font-weight: bold !important;
        font-size: 1vw !important;
    }

    .row-box-cataloghi .row-col-cataloghi .bg-image-catalogo h2 {
        font-size: 5vw !important;
        margin-bottom: 25% !important;
    }

    .bg-image-catalogo{
        height: 500px !important;
    }

    .home-slider{
        margin-bottom: 10% !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    /*#codice-aggiuntivo-prodotto b{
        font-size: 5vw !important; 
    }

    div#shop-buy-items h1.card-title {
        font-size: 6vw !important;
        font-weight: bold !important;
    }

    .note-sito p b{
        font-size: 4vw !important; 
    }

    #caratteristiche p{
        font-size: 4vw !important; 
    }

    .descrizione-completa p{
        font-size: 4vw !important; 
    }
    

    .right-bread p{
        font-size: 4vw !important; 
    }

    .desc-taglie p, .desc-confezione-minima p{
        font-size: 4vw !important; 
    }

    .simple-text-page p{
        font-size: 4vw !important; 
    }

    .container-obiettivo p{
        font-size: 4vw !important; 
    }

    p.info-prodotto{
        font-size: 4.5vw !important;
    }*/

    ul.navbar-nav li.nav-item a:last-child {
        color: #FFE800 !important; /* Cambia il colore a tuo piacere */
        top: 7% !important;
      }

    .right-bread {
        font-size: 1vw !important;
    }

    .accordion-body p {
        line-height: 1.5 !important;
    }

    .carousel-inner {
        margin-top: 3% !important;
    }

    .navbar-nav {
        margin-left: 1% !important;
    }

    .navbar-color ul.nav.navbar-nav li a {
        width: 100% !important;
    }

    .toprow .nav-item:last-child {
        margin-right: 5% !important;
    }

    #nav-shop-search-hover .toprow ul.nav-top li a {
        margin-right: 5% !important;
    }

    footer .justify-content-between {
        margin: 10% !important;
    }

    .toprow {
        margin-left: 0.2% !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1190px) {
    .container-category .bg-image h2 {
        text-transform: uppercase !important;
        color: #FFF !important;
        margin-bottom: 60% !important;
        margin-left: 3%;
    }

    .container-category .bg-image h2.word-break {
        text-transform: uppercase !important;
        color: #FFF !important;
        margin-bottom: 52% !important;
        margin-left: 3%;
    }

    .row-container {
        margin-bottom: 60% !important;
    }
}

@media only screen and (min-width: 1180px) and (max-width: 1520px) {

    .headmenu .toprow .navbar-nav {
        margin-left: 42% !important;
    }

    ul.navbar-nav {
        margin-left: 3% !important;
    }

    .container-category .bg-image h2 {
        text-transform: uppercase !important;
        color: #FFF !important;
        margin-bottom: 42% !important;
        margin-left: 3%;
    }

    .container-category .bg-image h2.word-break {
        text-transform: uppercase !important;
        color: #FFF !important;
        margin-bottom: 37% !important;
        margin-left: 3%;
    }

    .simple-text-page p{
        font-size: 1.1vw !important;
    }

    .row-spazi-espositivi{
        margin-top: -5% !important;
        margin-bottom: 3% !important;
    }

    .row-spazi-espositivi h1{
        font-size: 3.5vw !important;
    }

    .div-ambiente h1{
        font-size: 3.2vw !important;
    }

    .simple-text-page .title-p{
        font-size: 26px !important;
    }

    .simple-text-page .p-social{
        font-size: 22px !important;
    }

    .simple-text-page .p-dati{
        font-size: 32px !important;
    }

    .row-cataloghi{
        width: 75% !important;
    }

    .btn-custom a{
        font-size: 15px !important;
    }

    .simple-text-page .p-title-cat{
        font-size: 26px !important;
    }

    .img-catalogo{
        max-width: 600px !important;
    }

    .info-btn-catalogo{
        font-size: 18px !important;
    }

    .row-cataloghi{
        margin-top: -8% !important;
    }

    .row-gallery-personal .row-info-personal{
        width: 80% !important;
    }

    .row-contattaci{
        margin-top: -10% !important;
    }

    .row-personal-main{
        margin-top: -5% !important;
    }



    .carousel-inner {
        margin-top: 1.5% !important;
    }


    .ribbon-promo img.img-badge-home {
        background-color: transparent !important;
        display: block !important;
        width: 30% !important;
        margin-top: -45% !important;
        margin-left: -8%
    }


    .navbar-color ul.nav.navbar-nav li a {
        width: 100% !important;
    }

    .navbar-nav {
        margin-left: 2% !important;
    }

    .toprow {
        margin-left: 0.2% !important;
    }
}

@media (max-width:740px) {
    .container-briciole {
        width: 100%;
        height: 22px;
        position: relative !important;
        background: #ccc !important;
        z-index: 1;
        top: 0px !important;
    }

    .row.bs-wizard {
        margin-top: 30px;
    }

    .form-group .ws-90 {
        width: 100% !important;
    }




}

@media (max-width:500px) {
    .container-briciole {

        display: none !important
    }
}



img.side-img-cat {
    width: 35px;
    height: auto;
    margin-right: 20px;
    border-radius: 100%;
}


#ticketcall {
    z-index: 99999;
    color: white;
    font-size: 14px;
    padding: 10px;
    border-radius: 5px;
    position: fixed;
    width: 200px;
    top: 89%;
    left: 0%;
}

/* PRELOAD */


.bg_preload_img {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
}

@keyframes AnimateBG {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}











/**************************************************************************************************/





/*LOGICA Style*/

/*toprow*/
#nav-shop-search-hover .toprow ul li a {
    color: #000000;
    text-decoration: none;
    font-size: 0.8vw !important;
    margin-right: 1vh;
    margin-left: 1vh;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
}

#nav-shop-search-hover {
    margin-right: -1.2% !important;
}



#nav-shop-search-hover .toprow ul.nav-top li a {
    font-size: 0.7vw !important;
    color: #000 !important;
    font-weight: 600 !important;
}

a#customer_menu {
    font-weight: 600 !important;
}

.row-marquee {
    background-color: #343333 !important;
}

.navbar-nav {
    padding-top: 0.5% !important;
    padding-bottom: 0.5% !important;
}

ul.nav.navbar-nav li a {
    color: white !important;
    font-weight: 600 !important;
    font-size: 0.8vw !important;
    font-family: 'Rubik-Regular', sans-serif !important;
    margin-right: 2vh;
    font-weight: 500;
    text-decoration: none;
    display: block;
    text-decoration: none;
    position: relative;
    text-transform: none;
    width: 100% !important;
}

ul.nav.navbar-nav li ul.list-unstyled li a:hover {
    color: #e60000 !important;
}

p.marquee .toprow-text {
    color: #FFF !important;
}

img#logo {
    width: 9vw;
    margin-top: -19%;
}

a#customer_menu {
    font-size: 0.7vw !important;
    color: #FFF !important;
}

nav.navbar {
    /*margin-top: -2%;*/
}

.toprow .col-lg-1 {
    background: #DC0000 !important;
}

.carousel-item {
    margin-top: 5%;
}

/*search bar top nav*/
.search-container {
    margin-left: 10% !important;
    margin-bottom: 1%;
    padding-right: 5%;
    position: relative;
}

.search-container input {
    background: #343333;
    border: 1px solid #FFF !important;
    color: #FFF !important;
    border-right: 0px !important;
    padding: 1%;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 30px;
    width: 180px;
    margin: 0px;
}

.search-container input::placeholder {
    color: grey !important;
    font-size: 0.7vw;
    padding: 2%;
}

.search-button {
    position: absolute;
    background: #343333;
    border: 1px solid #FFF !important;
    border-left: 0 !important;
    margin-right: 2%;
    min-height: 30px;
}

i.fa-search {
    color: grey !important;
}


/*SHOP*/
.shop_item_header_info_spedizioni {
    display: none !important;
}

.accordion-body p {
    color: rgb(111, 111, 111) !important;
}

.accordion-body {
    padding: 0 !important;
}

.shop-btn-cart {
    display: none !important;
}

.shop_item_header_img {
    overflow-y: auto;
    /* Abilita lo scrolling verticale */
    height: 970px;
    /* Imposta l'altezza massima della <div> per far apparire la barra di scorrimento */
}

.shop_item_header_img::-webkit-scrollbar {
    display: none;
    /* Nasconde la barra di scorrimento solo per i browser WebKit */
}

.disable-scroll {
    overflow: hidden !important;
    /* Disabilita lo scrolling della pagina */
}

/*SHOP SOCIAL SHARE*/
.st-btn {
    margin: 0.5% !important;
}

/*MEGA MENU*/

.mega-menu {
    background: #FFF !important;
    width: 100% !important;
    display: none;
    background-color: yellow;
    margin: 0 auto;
    padding: 20px 0;
    width: 80vw;
    position: fixed !important;
    left: 0vw !important;
}

.navbar-collapse .dropdown-menu {
    background: #FFF !important;
}

.navbar-expand-lg .dropdown-menu {
    color: #ffffff !important;
    background-color: #FFF !important;
    width: max-content;
}

.nav-item:hover .mega-menu {
    display: block !important;
}

.navbar-brand {
    margin-right: auto;
}

.dropdown-menu {
    border: none;
    position: fixed !important;
}

.nav-item {
    position: relative;
}

.nav-link {
    font-size: 1vw !important;
    display: inline-block !important;
    padding-bottom: 20px !important;
}

.list-unstyled li {
    padding-top: 1% !important;
    color: #343333 !important;
}

.row-mega h5 {
    margin-bottom: -3% !important;
    font-size: 0.8vw;
}

.navbar-nav .nav-item {
    display: inline-block !important;
    /* Imposta la visualizzazione inline */
}

.toprow .navbar-nav {
    display: inline-block !important;
    margin-left: 47% !important;
}

#nav-shop-search-hover .nav-link {
    width: 60% !important;
    text-align: center !important;
}

.toprow .nav-item {
    padding-top: 20px;
}

#mega-dropdown {
    background-color: #FFF !important;
    padding-top: 2% !important;
    padding-bottom: 5% !important;
}

.list-unstyled li a {
    color: #343333 !important;
}

ul.nav.navbar-nav li ul.list-unstyled li a {
    color: #343333 !important;
    font-weight: 400 !important;
    font-size: 0.7vw !important;
    margin-left: 0 !important;
}

hr {
    color: #000 !important;
    width: 50% !important;
    margin-bottom: 1% !important;
    height: 2px !important;
}

#formsearch-mobile input::placeholder {
    color: #343333 !important;
}




/*ARTICLE*/

.note-sito b {
    font-family: 'Rubik-Regular', sans-serif !important;
}

.desc-confezione-minima p {
    font-family: 'Rubik-Regular', sans-serif !important;
}

.desc-taglie p {
    font-family: 'Rubik-Regular', sans-serif !important;
}

.descrizione-completa p {
    font-family: 'Rubik-Regular', sans-serif !important;
}

.right-bread a {
    color: #888888 !important;
}

.right-bread p {
    color: #888888 !important;
}

.right-bread p b {
    font-family: 'Rubik-Medium', sans-serif !important;
    color: #888888 !important;
}

.right-bread {
    font-family: 'Rubik-Medium', sans-serif !important;
    color: #7c7c7c !important;
}

video#primaimg {
    /*margin-top: 20%;*/
}

img#primaimg {
    /*max-width: 80%*/
    opacity: 0;
    transition: opacity 0.2s ease-in-out; 
}

div.card-footer {
    padding: .5rem 1rem;
    background-color: #FFF !important;
    border-top: 0px solid rgba(0, 0, 0, .125) !important;
}

.accordion-body p {
    line-height: 1.3 !important;
}

.descrizione-completa {}

.img-bottom-images {
    width: 18% !important;
    height: 100px;
    object-fit: contain !important;
}


/*BOX CATEGORY HOME*/
.bg-image {
    position: relative;
    background-size: cover;
    background-position: center;
    color: white;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    border: 2px solid #FFF !important;
    border-radius: 5px;
}

.bg-image .btn-custom {
    background-color: transparent !important;
    border: 2px solid white;
    color: white !important;
    margin-left: 3%;
    height: 50px;
    width: 28%;
    font-size: 1vw;
}

.bg-image .btn-custom a:hover {
    color: #FFF !important;
}

.bg-image h2 {
    text-transform: uppercase !important;
    color: #FFF !important;
    margin-bottom: 32%;
    margin-left: 3%;
}

.bg-image h2.word-break {
    text-transform: uppercase !important;
    color: #FFF !important;
    margin-bottom: 24%;
    margin-left: 3%;
}

.container-category {
    width: 80%;
    margin: auto !important;
}

.card-group-home {
    width: 90% !important;
}

/*LAST PRODUCTS*/
h3#last-product {
    font-size: 2vw;
    font-weight: bold !important;
    text-align: center !important;
}

/*OBIETTIVO*/

.simple-text-page p {
    font-family: 'Rubik-Regular', sans-serif !important;
}

.home-obiettivo p {
    font-family: 'Rubik-Light', sans-serif !important;
}

.bg-gray {
    background-color: #525658;
    color: white;
    padding: 40px 20px;
}

.divider {
    border-top: 1px solid rgb(165, 165, 165);
    margin: 20px 0;
    width: 51%;
    margin: auto !important;
}

.divider-red {
    border-top: 3px solid rgb(255, 0, 0);
    margin: 20px 0;
    width: 18%;
    margin: auto !important;
    height: 3px !important;
}

.container-obiettivo h1 {
    color: #FFF !important;
}

.container-obiettivo h3 {
    color: #FFF !important;
    font-size: 0.9vw;
}

.container-obiettivo p {
    padding: 2% !important;
    padding-bottom: 2% !important;
    color: #FFF !important;
    width: 55%;
    margin: auto !important;
}

/*HOME 3COL*/

.container-3col {
    width: 85%;
    margin: auto !important;
}

.bg-image-3col {
    position: relative;
    background-size: cover;
    background-position: center;
    color: white;
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    border: 2px solid #FFF !important;
    border-radius: 5px;
}

.bg-image-3col h5 {
    color: #FFF !important;
}

.slick-prev:before,
.slick-next:before {
    color: grey !important;
    font-size: 30px !important;
}

.card-home .card-title {
    font-family: 'Rubik-Medium', sans-serif !important;
    font-size: 1.2vw !important;
    color: rgba(0, 0, 0, 0.70) !important;
}

/*HOME MIDDLE SLOGAN*/
.container-middle-slogan h1 {
    color: #fbe500 !important;
    font-weight: bold !important;
}

.container-middle-slogan h3 {
    color: #FFF !important;
    font-weight: bold !important;
    padding: 0 !important;
}

.full-bg-image {
    padding-top: 13%;
    padding-bottom: 13%;
}

.col-middle h1 {
    font-size: 3.6vw;
    padding: 0 !important;
}

/*HOME NEWSLETTER*/
.container-newsletter {
    width: 1405px;
    margin: auto !important;
}

.container-newsletter row {
    width: 1405px;
    height: 433px;
    margin: auto !important;
}

.full-bg-image-newsletter {
    width: 1405px;
    height: 433px;
}

#newsletter .campoform {
    width: 100% !important;
    float: left;
    margin: 0 !important;
}

.form-container {
    padding-left: 8%;
    padding-top: 3%;
}

.form-container h5 {
    font-size: 0.8vw !important;
}

#newsletter .campoform input[type="text"] {
    margin: 1%;
    height: 35px;
}

#newsletter .etichetta {
    display: none;
}

#cont-submit .etichetta {
    display: block !important;
}

.campo input::placeholder {
    color: grey !important;
    font-size: 0.7vw;
}

#link-privacy-1 {
    margin-left: 3% !important;
    font-weight: bold !important;
}

#cont-privacy-1 .campo {
    text-align: center !important;
}

/*FOOTER*/

footer .justify-content-between {
    margin: 3%;
}

.input-container {
    position: relative;
    width: 300px;
}

.input-container input {
    width: 100%;
    padding: 10px 40px 10px 10px;
    font-size: 16px;
    background-color: #3d3d3d;
    color: white;
    border: none;
    border-bottom: 2px solid white;
    outline: none;
}

.input-container input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.input-container button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: none;
    color: white;
    padding: 0 10px;
    cursor: pointer;
    font-size: 18px;
}

.input-container button:hover {
    color: #ddd;
}

footer .col-lg-8 {
    margin-top: 5%;
}

footer a {
    color: grey !important;
}

footer ul.nav.navbar-nav li a {
    margin-top: 10px;
    text-transform: none !important;
    color: #929292 !important;
    margin: 0 !important;
}

footer .navbar-nav {
    margin-left: 0 !important;
}

footer ul.nav.navbar-nav li a {
    width: 200px !important;
    font-size: 0.8vw;
    text-align: left !important;
    padding-top: 2%;
}

footer h4 {
    color: #FFF !important;
    font-size: 0.8vw !important;
}

footer ul.nav.navbar-nav li.dropdown {
    margin-bottom: 0 !important;
}

footer a.nav-item {
    color: #929292 !important;
}

#logofooter {
    width: 40% !important;
    margin-left: 0% !important;
    margin-bottom: 5%;
}

footer .col-first {
    margin-top: 6%;
}

footer p {
    font-size: 0.8vw !important;
}

footer p b {
    font-size: 0.9vw !important;
}

/*SIDEBAR*/
#sidebar {
    display: none !important;
}

/*TAB ARTICLE*/
.tab-container {
    width: 70%;
    margin: 20px auto;
}

.tab-buttons {
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #ddd;
}

.tab-buttons button {
    font-family: 'Rubik-Medium', sans-serif !important;
    background: none;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
}

.tab-buttons button.active {
    font-family: 'Rubik-Medium', sans-serif !important;
    border-bottom: 2px solid red;
}

.tab-content {
    display: none;
    padding: 20px;
    border-top: none;
}

.tab-content.active {
    font-family: 'Rubik-Regular', sans-serif !important;
    display: block;
}

/*SHOP SEARCH*/

li {
    font-family: 'Rubik-Regular', sans-serif !important;
}

li a {
    font-family: 'Rubik-Regular', sans-serif !important;
}

.shop_category_filtro_titolo {
    font-family: 'Rubik-Regular', sans-serif !important;
}

.shop_category_filtro_titolo:hover {
    color: #dd0000 !important;
}

.accordion-button:hover {
    color: #dd0000 !important;
}

.accordion-button {
    font-family: 'Rubik-Medium', sans-serif !important;
    padding: 0 !important;
}

div.shop_search_result .shop_category_items_wrapper {
    margin-top: -2% !important;
}

.shop_search_items {
    margin-top: 8% !important;
}

.shop_search_items .card-img-top {
    object-fit: contain;
}

.accordion-button:not(.collapsed) {
    color: #dd0000 !important;
    z-index: 0 !important;
}

.info-prodotto {
    font-family: 'Rubik-Medium', sans-serif !important;
    font-size: 1.2vw !important;
}

.info-prodotto-aggiuntivo a {
    font-family: 'Rubik-Medium', sans-serif !important;
    font-size: 0.8vw;
    color: #dd0000 !important;
}

.info-prodotto-aggiuntivo b {
    font-family: 'Rubik-Light', sans-serif !important;
    font-size: 0.8vw;
    color: #dd0000 !important;
}

.info-prodotto-aggiuntivo {
    margin-top: -2% !important;
    text-align: left !important;
}

.row-search {
    width: 95%;
    margin: auto !important;
}

.row-search .accordion-item {
    border: none !important;
}

.row-search .accordion-header {
    border: none !important;
}

.shop_filtro a {
    font-family: 'Rubik-Regular', sans-serif !important;
    font-size: 0.7vw !important;
}

#ticketcall {
    display: none !important;
}




/*SOCIAL*/

#st-1 .st-btn[data-network='whatsapp'] {
    /*background-color: #797979 !important;*/
}

#st-1 .st-btn[data-network='messenger'] {
    /*background-color: #797979 !important;*/
}

#st-1 .st-btn[data-network='facebook'] {
    /*background-color: #797979 !important;*/
}

#st-1 .st-btn[data-network='sharethis'] {
    /*background-color: #797979 !important;*/
}

#st-1 .st-btn[data-network='email'] {
    background-color: #00ccff !important;
}

#st-1 {
    font-family: 'Rubik-Light', sans-serif !important;
}

.st-first {
    display: none !important;
}

/*PRODOTTI ABBINABILI*/
.shop_item_footer_acquistirelativi_items {
    width: 90%;
    margin: auto !important;
}

.shop_item_footer_acquistirelativi_text {
    font-family: 'Rubik-Regular', sans-serif !important;
    background: none;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 1%;
}

.shop_item_footer_acquistirelativi_items {
    margin-bottom: 5% !important;
}

.shop_item_footer_acquistirelativi_img img {
    width: 100%;
    height: 300px;
    object-fit: contain !important;
}

.shop_item_footer_acquistirelativi_items .col-lg-2 {
    width: 23%;
    margin: auto !important;
}

.desc-titolo-prodotto {
    font-family: 'Rubik-Regular', sans-serif !important;
    color: #707070 !important;
    font-size: 0.7vw;
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

.lightbox video {
    display: block;
    margin: auto;
    max-width: 80%;
    max-height: 80%;
}

/* Apre il modal quando l'utente clicca sul link */
#videoModal:target {
    display: block;
}

/*area download articoli*/
.area-download li a {
    font-size: 20px !important;
    color: #e00000 !important;
}

.area-download a {
    font-size: 20px !important;
    color: #000000 !important;
}

.area-download li a:hover {
    text-decoration: underline !important;
}

.area-download li {
    list-style: none;
}

.tab-container {
    margin-bottom: 5%;
}


/*2 cols scroll*/
#shop-buy-items {
    overflow-y: hidden;
}

#shop_item_header_img {
    /*overflow-y: auto;*/
    overflow: hidden !important;
}




/*search autocomplete*/
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}


/*Article PDF*/
.area-share a {
    font-family: 'Rubik-Regular', sans-serif !important;
}


/*Article Video LightGallery*/
.lg-video-cont {
    width: 45%;
    height: 100%;
}

.img-4-video {
    display: none !important;
}

.src-vuoto {
    display: none !important;
}

.lg-error-msg {}

.lg-counter {
    display: none !important;
}

.lg-complete_ {
    display: none !important;
}

/*altro*/
.btn-pdf-article {
    font-size: 20px !important;
}

::-webkit-scrollbar {
    display: none;
}

.btn-pdf-article {
    color: #e00000 !important;
}

.btn-pdf-article:hover {
    text-decoration: underline !important;
}

.bg-image h2 {
    font-size: 2.6vw !important;
}

h2.word-break span {
    display: block;
}



/*PAGINE INTERNE*/
.simple-text h1 {
    text-align: center !important;
    font-weight: bold !important;
    color: #2158AA !important;
}

.row-spazi-espositivi {
    width: 55%;
}

.row-spazi-espositivi h1{
    font-family: 'Rubik-Bold', sans-serif !important;
}

.row-spazi-espositivi h4{
    font-family: 'Rubik-Bold', sans-serif !important;
}

.row-espositore h1{
    font-family: 'Rubik-Bold', sans-serif !important;
}

.row-espositore {
    background: url('images/LOGICA-stand-negozio-2.jpg');
    background-size: cover;
    height: 120vh;
    /* Altezza dell'intero viewport */
    min-height: 600px;
    /* Altezza minima per piccoli schermi */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: -3%;
}

.info-btn {
    background-color: #2158AA;
    color: white;
    border-radius: 30px;
    padding: 10px 30px;
    border: none;
    font-size: 20px;
    transition: background-color 0.3s ease;
}

.info-btn:hover {
    background-color: #1a4691;
}

.row-container {
    margin-bottom: 38%;
}

.img-page-mobile {
    display: none;
}

/* Stile per le sezioni a tutto schermo */
.fullscreen-bg {
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Stile per il titolo centrato nell'immagine */
.centered-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    /* Sfumatura per rendere il testo leggibile */
}

/* Immagine centrata */
.image-centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.div-ambiente h1 {
    color: #329E05 !important;
}

.row-ul1 {
    margin-left: 15% !important;
}

.row-ul2 {
    margin-left: 15% !important;
}

.container-ambiente h1{
    color: #6B6B6B !important;
}

.container-img-leaf img{
    width: 12vw;
}

.container-img-leaf h1{
    color: #FFF !important;
}

.div-ambiente ul li{
    font-size: 1.3vw;
    font-weight: 600 !important;
    color: #6B6B6B !important;
}

.green-span{
    color: #329E05 !important;
}

.lime-span{
    color: #D1F532 !important;
}

ul.list-green li::marker {
    color: #329E05 !important; /* Colore personalizzato */
  }

.container-ambiente ul li::marker{
    color: #329E05 !important; /* Colore personalizzato */
}

.row-servizi {
    width: 55%;
}

.row-servizi h2{
    font-family: 'Rubik-Bold', sans-serif !important;
    color: #3D3D3F !important;
}

.row-servizi-img {
    background: url('images/Logica-professional-servizi-spedizioni.jpg');
    background-size: cover;
    height: 120vh;
    /* Altezza dell'intero viewport */
    min-height: 600px;
    /* Altezza minima per piccoli schermi */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.row-servizi-img .row-container{
    margin-bottom: 42%;
}

.row-servizi-img p{
    width: 45%;
    margin: auto !important;
    color: #FFF !important;
}

.row-agenti-collaboratori {
    width: 40%;
}

.row-agenti-collaboratori p{
    text-align: center !important;
}

.row-servizi-app {
    background: url('images/background-smartphone.jpg');
    background-size: cover;
    height: 140vh;
    /* Altezza dell'intero viewport */
    min-height: 750px;
    /* Altezza minima per piccoli schermi */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: -3% !important;
}

.row-app{
    margin-top: 0% !important;
    width: 45% !important;
}

.row-app h1{
    color: #FFF !important;
}

.row-app p{
    color: #FFF !important;
}

.row-app p a{
    color: #FFF !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

.row-app .p-yellow{
    color: #FFEB00 !important;
    text-align: center !important;
    font-size: 22px !important;
    font-weight: bold !important;
}

.row-img-smartphone{
    justify-content: center !important;
}

.span-strong{
    font-size: 20px !important;
}

.row-comunicazione-background{
    background-color: #F4F3F1 !important;
}

.row-comunicazione {
    width: 50% !important;
}

.row-comunicazione p{
    text-align: center !important;
}

.row-comunicazione-stadio{
    background: url('images/logica-led-a-bordo-campo-stadi-serie-a.jpg');
    background-size: cover;
    height: 120vh;
    /* Altezza dell'intero viewport */
    min-height: 600px;
    /* Altezza minima per piccoli schermi */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: center; /* Centra orizzontalmente il contenuto */
    align-items: flex-end; /* Allinea il contenuto in basso */
}

.row-comunicazione-stadio .content {
    text-align: center; /* Centra il testo all'interno del contenuto */
    width: 50% !important;
    margin-top: 40%;
}

.row-comunicazione-stadio .content h2{
    color: #FFF !important;
}

.row-comunicazione-stadio .content p{
    color: #FFF !important;
}

.row-comunicazione-spot{
    width: 55%;
}

.row-2col-spot{
    width: 70%;
}

.row-comunicazione-social-media{
    background: url('images/Logica-professional-slide-social.jpg');
    background-size: cover;
    /* Altezza dell'intero viewport */
    min-height: 700px;
    /* Altezza minima per piccoli schermi */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: center; /* Centra orizzontalmente il contenuto */
    align-items: flex-end; /* Allinea il contenuto in basso */
    display: block;
}

.row-comunicazione-social-media-img{
    display: none;
}

.row-container-social-media{
    width: 50%;
    margin-bottom: 5% !important;
}

.info-btn-comunicazione{
    background-color: #E1980C;
    color: white;
    border-radius: 30px;
    padding: 10px 30px;
    border: none;
    font-size: 20px;
    transition: background-color 0.3s ease;
}

.info-btn-comunicazione a{
    color: white !important;
}

.info-btn-comunicazione a:hover{
    color: white !important;
}

.p-community{
    color: red !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.row-social-icons{
    background: #D1F531 !important;
    background-size: cover;
    /* Altezza dell'intero viewport */
    min-height: 700px;
    /* Altezza minima per piccoli schermi */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: center; /* Centra orizzontalmente il contenuto */
    align-items: flex-end; /* Allinea il contenuto in basso */
    display: block;
    margin-bottom: -3%;
}

.p-dati{
    font-size: 55px !important;
    text-align: center !important;
}

.p-dati-sub{
    margin-top: -8%;
}

.row-azienda-gallery{
    width: 70%;
}

.row-cataloghi{
    width: 75%;
}

.row-box-cataloghi{
    background-color: #000 !important;
    border: 2px solid #000 !important;
    border-radius: 15px !important;
}

.img-catalogo{
    width: 100%;
    margin-top: 10%;
}


.info-btn-catalogo{
    background-color: #FFE800;
    color: white;
    border-radius: 50px;
    padding: 10px 30px;
    border: none;
    font-size: 28px;
    font-weight: 600 !important;
    transition: background-color 0.3s ease;
}

.row-col-cataloghi h2{
    color: #FFF !important;
    text-align: center !important;
}

.bg-image-catalogo{
    border: 2px solid #000 !important;
    border-radius: 5px;
}

.bg-image-catalogo h2{
    font-size: 28px !important;
    margin-bottom: 62%;
    margin-left: 0%;
    text-align: left !important;
}

.bg-image-catalogo .btn-custom {
    background-color: #FFF !important;
    border: 2px solid white;
    color: #000 !important;
    margin-left: 3%;
    height: 90px;
    width: 45%;
    font-size: 1vw;
}

.bg-image-catalogo .btn-custom a:hover{
    color: #000 !important;
}


.custom-div-catalogo {
    background-color: #F8F4F3;
    border-radius: 15px;
    border: 3px solid #EAEAEA;
    padding: 20px;
    text-align: left;
}

.custom-img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.custom-text {
    font-size: 30px;
    font-weight: bold !important;
    margin: 10px 0;
    color: #333;
}

.custom-button {
    background-color: #EAEAEA;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
}

.custom-button:hover {
    background-color: #dcdcdc;
}

.custom-div-catalogo .btn-custom{
    background-color: #FFE800 !important;
    border: 2px solid #FFE800 !important;
    color: grey !important;
    font-size: 25px;
    font-weight: bold !important;
}

.row-personal{
    width: 75%;
}

.row-gallery-personal{
    width: 92%;
}

.row-gallery-personal .slick-initialized .slick-slide {
    display: block;
    padding: 0% !important;
}

.row-gallery-personal .slick-slide img {
    height: auto !important;
}

.row-idee-personal{
    width: 80% !important;
}

.row-info-personal{
    width: 62% !important;
}

.row-info-personal h1{
    font-size: 60px !important;
    text-align: left !important;
    color: #D70015 !important;
}

.row-info-personal h4{
    text-align: left !important;
    font-weight: bold !important;
    color: grey !important;
}

.row-info-personal h4 a{
    text-align: left !important;
    font-weight: bold !important;
    color: grey !important;
}

.col-testo-info{
    padding: 5%;
    padding-top: 12%;
}

.col-form-info{
    border: 2px solid grey;
    border-radius: 50px;
    padding: 2%;
}

.p-social{
    font-size: 24px !important;
    color: #E73E46 !important;
}

.img-social{
    width: 35% !important;
}

/*torna su*/
.back-to-top {
    position: fixed;
    bottom: 100px;
    right: 18px;
    background-color: #E00000;
    color: white !important;
    padding: 10px 22px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    display: none; /* Hidden by default */
  }

  .back-to-top:hover {
    background-color: #FFF;
  }




  .row-novita-page{
    width: 80%;
  }



.tabs {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
    padding-left: 8% !important;
    padding-right: 8% !important;
}

.tab-button {
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    background-color: #f0f0f0;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.tab-button:hover {
    background-color: #e0e0e0;
}

.tab-button.active {
    background-color: #d0d0d0;
    font-weight: bold;
}

.tab-content {
    padding: 10px;
}



.row-background-filters{
    background-color: #ECECEC !important;
    padding: 1% !important;
}

.tab-button{
    background-color: #ECECEC !important;
    font-family: 'Rubik-Bold', sans-serif !important;
    color: #4A4A4C !important;
   
}

.tab-button:hover{
    border-bottom: 2px solid #4A4A4C !important;
    border-radius: 0 !important;
}

.tab-button.active {
    background-color: #d0d0d0;
    font-weight: bold;
    border-bottom: 2px solid #4A4A4C !important; /* Aggiungi il bordo inferiore per il tab attivo */
    border-radius: 0 !important;
}

/* Rimuovi il bordo inferiore di default per i pulsanti */
.tab-button:not(.active) {
    border-bottom: none;
}

.tab-content {
    padding: 10px;
}



.hr-grey {
    border: none;
    border-top: 2px solid rgb(119, 119, 119);
    width: 100% !important;
    margin: 0 auto;
    opacity: 1 !important;
  }

  .hr-red {
    border: none;
    border-top: 4px solid red;
    width: 30% !important; /* Più stretta per stare al centro */
    margin: -2px auto 0; /* Margine negativo per sovrapporre la riga */
    position: relative;
    top: -15px !important;
    opacity: 1 !important;
  }

  #shop_item_body_images .item-multiple img{
    width: 100%;
    height: 580px;
    object-fit: contain;
    /*border: 1px solid #000000;*/
  }

  #shop_item_body_images .item-multiple{
    /*border: 1px solid rgb(134, 134, 134);*/
    margin: auto;
    display: flex;
    justify-content: center !important;
  }

  .img-responsive {
    cursor: pointer !important;
  }

  ul.navbar-nav li.nav-item a:last-child {
    color: #FFE800 !important; /* Cambia il colore a tuo piacere */
    top: 4%;
  }

  footer ul.navbar-nav li.nav-item a:last-child {
    color: #9e9e9e !important;
}

.card-news{
    min-height: 26vw !important;
}

h3.custom-text-cataloghi{
    font-family: 'Rubik-Light', sans-serif !important;
}

button.btn-custom-cataloghi a{
    font-family: 'Rubik-Light', sans-serif !important;
}

.drop-area-riservata p{
    color: #FFF !important;
    font-size: 0.7vw !important;
    padding-top: 16%;
    padding-left: 6%;
}

#carousel-slideshowhome{
    margin-top: 0.2% !important;
}

.navbar-collapse{
    margin-bottom: 0.2%;
}

.row-logica-business{
    background-color: rgb(137, 143, 146) !important;
}

.h3-video-business{
    font-size: 1.2vw !important; 
}