body{
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #2B2D42;
    line-height: 28px;
}

img {
    margin:0;
}

b, strong {
    font-weight: 700;
} 

h1,.prodotto .add-to-cart .importo { 
    color: #2B2D42;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    font-family: 'Barlow', serif;
    line-height: 55px;
}

h1 span, .sottotitolo span, h2 span {
    color: #D90429;
}

h2 {
    color: #2B2D42;
    font-size:30px;
    font-style: normal;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    line-height: 40px;
}


h3, h3 a, h3 a:hover {
    color: #2B2D42;
    font-size:24px;
    font-style: normal;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    line-height: 30px;
}

rosso {
    color: #D90429;
}

grigio, .grigio {
    color: #7C7C7C;
    text-decoration-color: #7C7C7C;
}

img.thumb{
    cursor: pointer;
}

.sottotitolo {
    font-size:18px;
    line-height: 30px;
}



a,
a:hover,
a.active {
    font-size: 16px;
    color: #D90429;
    border:none;
}

.menu {
    background: transparent linear-gradient(180deg, #000000 0%, #2B2D42 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
}

.tel-header span {
    color: #ffffff;
    font-size: 14px;
    line-height: 17px;
    padding: 0px 11px;
}

.tel-header a, .assistenza-lingua-header a.lingua {
    font-family: 'Poppins', sans-serif;
    height: 48px;
    width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
}

.assistenza-lingua-header a.assistenza {
    color: #ffffff;
    font-size: 14px;
    line-height: 21px;
    text-decoration: none;
    padding-right: 35px;
}

.tel-header a, .assistenza-lingua-header a.lingua.active, .assistenza-lingua-header a.lingua:hover {
    background-color: #2B2D42;
}

.assistenza-lingua-header a.lingua:last-child {
    border-radius: 0px 5px 0px 0px;
}

.tel-header a {
    border-radius: 5px 0px 0px 0px;
}

.header-shop-btns a {
    color: #ffffff;
    border-radius: 50%;
    background-color: #EF233C;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
}

.header-shop-btns a:last-child {
    margin-right: 0px;
}

.bg-footer {
    background: transparent linear-gradient(90deg, #000000 0%, #2B2D42 100%) 0% 0% no-repeat padding-box;
}

.footer {
    font-size: 16px;
    line-height: 25px;
}

.footer a {
    font-size: 16px;
    color: #FFFFFF;
}

.footer .logo {
    width: 208px;
}

.links-footer .titolo {
    font-size: 18px;
    line-height: 21px;
    color: #EF233C;
    font-weight: 700;
    padding: 12px 0px;
    font-style: italic;
    text-transform: uppercase;
}

.links-footer .link a {
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
}

.links-footer .link a:hover, .links-footer .link a.active {
    text-decoration: underline;
}

.links-footer .accessori-auto {
    columns: 2;
}

.finale{
    font-size: 14px;
    line-height: 19px;
    color: #2B2D42;
}

.finale ul{
    padding-left: 0;
}

.finale li{
    list-style-type: none;
    float: left;
    margin-right: 20px;
}

.finale a {
    font-size: 14px;
    line-height: 19px;
    color: #2B2D42;
}

.finale p {
    margin: 0px;
    color: #2B2D42;
}

.spazio_brand_footer{
    text-align: right;
}

.spazio_brand_footer a {
    color: #FFFFFF;
}

.spazio_brand_footer a:hover {
    color: #FFFFFF;   
}

.nav-link {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 21px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}

.nav-link:hover, .nav-link:focus, .nav-item.active>.nav-link {
    font-size: 14px;
    color: #D90429;
    text-decoration: none;
}

.nav-link::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Livello_1' xmlns='http://www.w3.org/2000/svg' width='11.7' height='10.03' viewBox='0 0 11.7 10.03'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ef233c;%7D%3C/style%3E%3C/defs%3E%3Cpath id='bars-solid' class='cls-1' d='m.09.91c0-.45.37-.82.82-.82,0,0,0,0,0,0h9.85c.45,0,.82.37.82.82s-.37.82-.82.82H.91c-.45,0-.82-.37-.82-.82,0,0,0,0,0,0ZM.09,5.01c0-.45.37-.82.82-.82h7.88c.45,0,.82.37.82.82s-.37.82-.82.82H.91c-.45,0-.82-.37-.82-.82,0,0,0,0,0,0Zm6.57,4.1c0,.45-.37.82-.82.82H.91c-.45,0-.82-.37-.82-.82s.37-.82.82-.82h4.93c.45,0,.82.37.82.82,0,0,0,0,0,0Z'/%3E%3C/svg%3E");
    margin-right: 4px;
}

.img_cactus{
    margin-left: 10px;
    width: 31px;
    height: 24px;
    margin-top: -3px;
}

.navbar-toggler:focus {
    box-shadow: none!important;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.754' height='30.646' viewBox='0 0 35.754 30.646'%3E%3Cpath id='bars-solid' d='M0,66.554A2.551,2.551,0,0,1,2.554,64H33.2a2.554,2.554,0,0,1,0,5.108H2.554A2.551,2.551,0,0,1,0,66.554ZM0,79.323a2.551,2.551,0,0,1,2.554-2.554H27.076a2.554,2.554,0,1,1,0,5.108H2.554A2.551,2.551,0,0,1,0,79.323ZM20.443,92.092a2.551,2.551,0,0,1-2.554,2.554H2.554a2.554,2.554,0,0,1,0-5.108H17.889A2.551,2.551,0,0,1,20.443,92.092Z' transform='translate(0 -64)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.menu-header-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35.754' height='30.646' viewBox='0 0 35.754 30.646'%3E%3Cpath id='bars-solid' d='M0,66.554A2.551,2.551,0,0,1,2.554,64H33.2a2.554,2.554,0,0,1,0,5.108H2.554A2.551,2.551,0,0,1,0,66.554ZM0,79.323a2.551,2.551,0,0,1,2.554-2.554H27.076a2.554,2.554,0,1,1,0,5.108H2.554A2.551,2.551,0,0,1,0,79.323ZM20.443,92.092a2.551,2.551,0,0,1-2.554,2.554H2.554a2.554,2.554,0,0,1,0-5.108H17.889A2.551,2.551,0,0,1,20.443,92.092Z' transform='translate(0 -64)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.custom-toggler, .navbar-toggler,. menu-header-toggler {
  border-color: transparent;
}

.paginazione .page-link {
    text-decoration: none;
    color: #061F2C;
    background-color: transparent;
}
.page-link.active{
    text-decoration: none;
    border: 1px solid #DFE2E6;
    color: #CE0E2D;
    background-color: transparent;
}
.page-item.active .page-link, .paginazione .page-link:hover, .paginazione .page-link:focus {
    text-decoration: none;
    border: 1px solid #DFE2E6;
    color: #CE0E2D;
    background-color: transparent;
}

.cerca-prodotto {
    width: 215px;
}

.input-scuri .form-floating input {
    height: 42px!important;
    font-size: 14px;
    line-height: 17px!important;
    border: 1px solid #2A2B31; 
    color: #EDF2F4;
    background-color: #2B2D42 !important;
    border-radius: 5px;
    padding: 12px 14px!important;
}

.input-scuri .form-floating input:* {
    background-color: transparent !important;
    -webkit-box-shadow: 0 none;
            box-shadow: 0 none;
    outline: 0 none;
}

.input-scuri .form-floating label {
    color: #EDF2F4;
    height: 42px;
    font-size: 14px;
    line-height: 17px;
    padding: 12px 14px;
}

.input-scuri .form-floating input:focus + .form-floating label {
    opacity: 1;
}

.input-scuri .form-floating input + .form-floating label {
    opacity : 0;
}

.input-scuri .input-group-text, .input-group-text:hover {
    width: 42px;
    margin-left: 0px!important;
    border: none!important;
    color: #ffffff;
    background-color: #D90429;
}

.slider-loghi-arrigoni .owl-stage-outer, .slider-loghi-arrigoni .owl-stage {
    height:140px;
    width: 70px;
}

.slider-loghi-arrigoni .owl-item {
    transform: rotate(270deg);
    height: 70px;
    width: 140px;
}

.slider-loghi-arrigoni .item {
    width: 140px;
    margin-left: -70px;  
}

.slider-loghi-arrigoni .item img {
    width: 140px;
}

.slider-loghi-arrigoni {
    transform: rotate(90deg);
    height: 140px;
    width: 70px;
    position: absolute;
    top: -35px;
    left: 35px;
}

.slider-loghi-arrigoni-mobile .owl-stage-outer, .slider-loghi-arrigoni .owl-stage {
    height: 100px;
    width: 100px;
}

.slider-loghi-arrigoni-mobile .owl-item {
    transform: rotate(270deg);
    height: 50px;
    width: 100px;
    margin-top: 25px;
}

.slider-loghi-arrigoni-mobile .item, .slider-loghi-arrigoni-mobile .item img {
    width: 100px;
}
.slider-loghi-arrigoni-mobile {
    transform: rotate(90deg);
    height: 100px;
    width: 50px;
    position: absolute;
    top: -25px;
}

.slider-loghi-arrigoni-mobile-menu .owl-stage-outer, .slider-loghi-arrigoni .owl-stage {
    height: 90px;
    width: 90px;
}

.slider-loghi-arrigoni-mobile-menu .owl-item {
    transform: rotate(270deg);
    height: 45px;
    width: 90px;
    margin-top: 25px;
}

.slider-loghi-arrigoni-mobile-menu .item, .slider-loghi-arrigoni-mobile-menu .item img {
    width: 90px;
}
.slider-loghi-arrigoni-mobile-menu {
    transform: rotate(90deg);
    height: 90px;
    width: 45px;
    position: absolute;
    top: -23px;
}

.slider-produttori .owl-item {
    background-color: #f8f9fa;
}

.sfondo_terra{
    background: url('/images/bg_grounge.jpg') no-repeat bottom center; background-size: cover;
}

.home-h-header {
    height: 740px;
    margin-top: -212px;
}

.produttori-h-header {
    height: 740px;
    margin-top: -282px;
}

.titolo-home {
    font-weight: 900;
    font-style: italic;
    color: #ffffff;
    font-size: 60px;
    line-height: 65px;
    width: 50%;
}

.btn-rosso, .btn-grigio, .btn-rosso:hover, .btn-grigio:hover, .btn-carrello, .btn-carrello:hover {
    font-family: 'Poppins', sans-serif;
    display: inline-flex;
    padding: 14px 21px;
    text-decoration: none;
    font-size: 15px;
    line-height: 23px;
    font-weight: bold;
    border-radius: 6px;
    text-align: center;
    justify-content: center;
}
.btn-rosso:hover,
.btn-rosso, .procedi-bottom{
    color: #ffffff;
    background: transparent linear-gradient(90deg, #D90429 0%, #EF233C 100%) 0% 0% no-repeat padding-box !important;
}

.btn-rosso:hover {
    color: #ffffff;
    background: #EF233C 0% 0% no-repeat padding-box;
}

.btn-grigio {
    color: #2B2D42;
    background-color: #EDF2F4;
}

.btn-grigio:hover {
    color: #EF233C;
}

.btn-grigio.account, .btn-grigio.account:hover {
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    line-height: 16px;
    padding: 6px 23px;
    align-items: center;
}

.btn-grigio.account {
    margin-right: 12px;
}

.btn-grigio.account:last-child {
    margin-right: 0px;
}

.btn-grigio.account:hover, .btn-grigio.account.active {
    background-color: #EF233C1D;
}

.btn-grigio.account i {
    font-size: 26px;
}

.btn-carrello {
    color: #ffffff;
    background-color: #2B2D42;
}

.btn-carrello:hover {
    color: #ffffff;
    background-color: #D90429;
}

.calcolatore {
    border-radius: 5px;
    padding: 27px;
    background-color: #ffffff;
    position: relative;
    top: -65px;
}

.calcolatore .form-select, .prodotto .form-select {
    height: 48px;
    font-size: 16px;
    padding: 10px 17px;
    color: #7C7C7C;
    width: 200px;
    border: 1px solid #E1E6E8;
}

.calcolatore .form-floating label {
    color: #000000;
        height: 42px;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    padding: 12px 14px;
}

.calcolatore .form-floating input {
    height: 42px!important;
    font-size: 14px;
    line-height: 17px!important;
    height: 48px!important;
    background-color: #FFFFFF!important;
    border: 1px solid #E1E6E8;
}

.calcolatore .cerca-prodotto {
    width: 265px;
}

.calcolatore .btn-rosso, .calcolatore .btn-grigio {
    line-height: 18px;
}

.calcolatore .input-group-text, .calcolatore .input-group-text:hover {
    width: 48px;
    background-color: #2B2D42;
}

.prodotto .input-group-text, .prodotto .input-group-text:hover, .prodotto .input-group .form-control {
    width: 48px;
    background-color: #FFFFFF;
    border: 1px solid #E1E6E8!important;
    color: #2B2D42;
}

.prodotto .input-group .form-control, .box-ordine-riga .input-group .form-control {
    color: #7C7C7C;
    margin-left: -1px;
    margin-right: -1px;
}
.box-ordine-riga .input-group .form-control {
    color: #2B2D41;
    border: 1px solid #DEE1E8;
    padding: 0px;
    width: 48px;
    font-size: 16px;
}
.prodotto .quantita/*, .box-ordine-riga .quantita*/ {
    display: -webkit-box;
}

.box-ordine-riga .quantita {
    width: auto;
}

.bg-grigio {
    background-color: #f8f9fa;
}

.marca, .marca.tutte {
    background-color: #ffffff;
    display: flex;
    border-radius: 5px;
    padding: 7px;
    align-items: center;
    margin-right: 25px;
}

.marca a {
    color: #2B2D42!important;
    font-size: 18px;
    line-height: 21px;
    margin-left: 8px;
}

.marca.tutte, .categoria.tutte {
    justify-content: center;
    min-height: 76px;
    height: 100%;
    background-color: #E4E8EB;
}

.categoria.tutte .card-body {
    display: flex;
    align-items: center;
    justify-content: center;
}

.marca.tutte a, .categoria.tutte a {
    font-family: 'Poppins', sans-serif;
    color: #2B2D42!important;
    font-size: 15px;
    line-height: 23px;
    margin-right: 25px;
}

.marca img {
    width: 66px;
}

.categorie-lg .card-title {
    margin: 0;
}

.servizio .testo {
    max-width: 220px;
}

.servizio .testo .card-title, .servizio .testo .card-title a {
    font-size: 30px;
    line-height: 31px;
    color: #ffffff!important;
}

.servizio .testo .card-text {
    line-height: 19px;
}

.servizio .card-img-overlay {
    display: flex;
    align-items: center;
}

.slider-marchi img{
    margin: 0 auto;
    width: 173px!important;
    filter: grayscale(100%);
}

.cerca-prodotto .input-group-text:hover>.fa-arrow-right, 
.tutte a:hover .fa-arrow-right, 
.btn-add:hover>.fa-arrow-right, 
.freccia:hover>.fa-arrow-right {
    margin-left: 5px;
}

.fa-arrow-right {
    transition: all 0.3s ease-in-out;
}


.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item a:hover {
    font-size: 13px;
    line-height: 18px;
    color: #333;
}

.prodotto .codice {
    color: #7C7C7C;
    font-weight: 700;
}

.prodotto .codice b {
    color: #2B2D42;
}

.prodotto h1 {
    font-size: 25px;
    line-height: 33px;
}

.prodotto .form-floating label {
    color: #7C7C7C;
}

.prodotto .add-to-cart {
    border-radius: 5px;
    background-color: #ffffff;
    padding: 21px 39px;
}

.prodotto .add-to-cart .sconto {
    font-size: 18px;
    line-height: 22px;
}

.prodotto .add-to-cart .importo-no-sconto {
    color: #7C7C7C;
    line-height: 22px;
}

.prodotto-help, .prodotto-help a, .ricerche-correlate a {
    font-size: 14px;
    line-height: 22px;
}

.servizio {
    font-size: 13px;
    line-height: 17px;
}

.servizio svg {
    color: #EF233C;
}

.testo-prodotto .col-lg-6 {
    border:1px #EDF2F4!important;
    border-style: none solid none none!important;
}

.testo-prodotto .col-lg-6:nth-child(n+2) {
    border-style: none none none none!important;
}

.ordine-totali {
    font-size: 14px;
    line-height: 19px;
}

.ordine-totali .totale{
    font-size: 22px;
    line-height: 27px;
}

.ordine-totali .nr i {
    font-size: 26px;
}

.ordine-totali .nr b {
    font-size: 13px;
}

.ordine-totali .riga-spedizione {
    display: flex;
    justify-content: right;
    margin: 12px 0px;
    border-bottom: 1px solid #DFE3E5;
    padding-bottom: 12px;
}

.vuoto {
    width: 14px;
}
.box-riepilogo-riga,
.box-ordine-riga {
    margin: 20px 0px;
}

.box-ordine-riga .img-link {
    display: contents;
}


.box-optional, .box-ordine, .box-ordine-riga, .box-ordine-riga a, .box-ordine-riga a:hover {
    font-size: 14px;
    line-height: 22px;
}

.box-optional .titolo, .box-ordine-riga .titolo {
    font-size: 17px;
    line-height: 21px;
}

.box-optional .prezzo, .box-ordine .prezzo span, .box-ordine-riga .prezzo span {
    font-size: 22px;
    line-height: 30px;
    color: #2B2D42;
}

.box-ordine .prezzo, .box-ordine-riga .prezzo {
    font-size: 16px;
    color: #7C7C7C;
}

.box-ordine .prezzo span {
    margin-left: 18px;
}

.box-ordine-riga .prezzo span {
    margin-left: 12px;   
}

.box-ordine-riga .card-body {
    border-bottom: 1px solid #EDF2F4;
    padding-bottom: 16px!important;
}

.box-optional .btn-add, .box-ordine .btn-add {
    background-color: #2B2D42;
    border-radius: 0px 5px 5px 0px;
    height: 48px;
    width: 47px;
    display: inline-flex;
    font-size: 25px;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    position: relative;
    right: -16px;
}

.box-ordine .titolo, .box-ordine a {
    font-size: 14px;
    line-height: 19px;
}

.box-ordine img {
    width: 38px;
} 

.box-ordine-riga img {
    width: 109px;
    height: 109px;
} 

.quantita {
    color: #7C7C7C!important;
    font-weight: 400;
}

.quantita b {
    color: #2B2D41!important;
}

.seleziona-nazione .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.seleziona-nazione .accordion-button {
    font-size: 15px;
}

.seleziona-nazione .form-select {
    font-size: 14px;
}


.box-ordine-riga .input-group-text, .box-ordine-riga .input-group-text:hover {
    width: 48px;
    margin-left: 0px!important;
    border: 1px solid #DEE1E8!important;
    color: #2B2D41;
    background-color: transparent;

    padding: 0.375rem;
}

.box-ordine-riga .input-group-text:hover {
    color: #EF233C;
}

.step {
    font-size: 13px;
    line-height: 16px;
}

.indietro, .indietro:hover {
    font-size: 13px;
    line-height: 17px;
    margin-left: 8px;
}

.pagamenti .testo {
    margin: 0px;
    line-height: 19px;
}

.pagamenti .spese {
    font-size: 14px;
}

.procedi-bottom {
    padding: 10px 36px;
}

.funzioni-bottom {
    color: #FFFFFF;
    background-color: #2B2D42;
    z-index: 1000;
}

.funzioni-bottom a {
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    margin: 0px 10px;
}



.menu-offcanvas .nav-link {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
    text-decoration: none;
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-style: italic;
}

.menu-offcanvas .nav-link:hover, .menu-offcanvas .nav-link:focus, .menu-offcanvas .nav-item.active>.nav-link {
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none;
}

.menu-offcanvas .nav-link::before {
    content: none;
    margin-right: 4px;
}

.menu-offcanvas .nav-item {
    border-bottom: 1px solid #ffffff40;
}

.menu-offcanvas .btn-menu-mobile, .menu-offcanvas .btn-menu-mobile:hover {
    background-color: rgb(255 255 255 / 17%);
    color: #ffffff;
    padding: 25px;
    font-size: 13px;
    line-height: 16px;
    display: block;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 700;
}

.menu-offcanvas .lingua, 
.menu-offcanvas .lingua:hover, 
.menu-offcanvas .lingua.active,
.menu-offcanvas .btn-indietro, 
.menu-offcanvas .btn-indietro:hover {
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    background-color: #ffffff2b;
    color: #ffffff;
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.menu-offcanvas .lingua.active {
    background-color: transparent;
    border: 2px solid #ffffff;
}

.menu-offcanvas .btn-close-white {
    border-radius: 5px;
    border: 2px solid #000000;
    padding: 6px!important;
}

.btn-close {
    border-radius: 5px;
    border: 2px solid #000000!important;
    padding: 6px!important;
}

.menu-offcanvas.bg-rosso {
    background: transparent linear-gradient(90deg, #D90429 0%, #EF233C 100%) 0% 0% no-repeat padding-box;
}

.macro-categoria {
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
    padding: 7px 0px 12px 0px;
    border-bottom: 1px solid #ffffff40;
}

#offcanvasAggiunto .box-optional hr {
    margin-top: 39px;
    border-color: #DCE0E2;
    opacity: 1;
}

#offcanvasAggiunto .totali {
    font-size: 14px;
    line-height: 19px;
}

#offcanvasAggiunto .totali .totale { 
    font-size: 22px;
    line-height: 25px;
}

.label-aggiunto {
    background-color: #198754;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    line-height: 19px;
    padding: 10px 0px;
}

#offcanvasAggiunto .box-ordine-riga img {
    width: 98px;
    height: 98px;
}

#offcanvasAggiunto .box-optional img {
    width: 98px;
    height: auto;
}

.btn-account-menu {
    height: 32px;
    width: 32px;
    background-color: #EF233C;
    color: #FFFFFF;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-account-menu img {
    width: 20px;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.account-icon {
    display: inline-block;
    height: 23px;
    width: 23px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.account-icon-logged {
    display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url("data:image/svg+xml,%3Csvg id='Raggruppa_504' data-name='Raggruppa 504' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18.185' height='18.191' viewBox='0 0 18.185 18.191'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rettangolo_96' data-name='Rettangolo 96' width='18.185' height='18.191' transform='translate(0 0)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Raggruppa_504-2' data-name='Raggruppa 504' clip-path='url(%23clip-path)'%3E%3Cpath id='Tracciato_38' data-name='Tracciato 38' d='M13.639,18.191a4.546,4.546,0,0,0,4.546-4.546,4.627,4.627,0,0,0-3.9-4.5,3.593,3.593,0,0,0-.647-.046,4.738,4.738,0,0,0-2.959,1.094A4.383,4.383,0,0,0,9.1,13.645a4.546,4.546,0,0,0,4.546,4.546Zm2.181-5.836-1.734,2.891a.975.975,0,0,1-1.336.335,1,1,0,0,1-.189-.148l-1.005-1a.651.651,0,0,1,.92-.92l.711.712,1.52-2.534a.65.65,0,0,1,1.114.668Z' fill='%230fc947'/%3E%3Cpath id='Tracciato_39' data-name='Tracciato 39' d='M8.126,15.594a5.8,5.8,0,0,1-.3-1.3H1.3a3.47,3.47,0,0,1,1.08-2.166c.847-.847,2.441-1.73,5.414-1.73.338,0,.659.012.961.032A5.908,5.908,0,0,1,9.8,9.238,13.736,13.736,0,0,0,7.794,9.1C1.3,9.1,0,13,0,14.3a1.272,1.272,0,0,0,1.243,1.3H8.127Z' fill='%23fff'/%3E%3Cpath id='Tracciato_40' data-name='Tracciato 40' d='M7.8,0a3.9,3.9,0,0,0,0,7.8,3.652,3.652,0,0,0,2.236-.7,4.035,4.035,0,0,0,1.658-3.19L11.7,3.9A3.9,3.9,0,0,0,7.8,0M7.791,6.506,7.8,6.5a2.6,2.6,0,0,1-2.6-2.6V3.9A2.6,2.6,0,1,1,7.791,6.506' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}


.scroll-indirizzi{
    max-height: 800px; 
    overflow-y: scroll;
}


/*progress circle inizio*/
.progress{
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #f8f9fa;
    box-shadow: none;
    position: relative;
    border-radius: 50%;
}
.progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 8px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress .progress-left{
    left: 0;
}
.progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 8px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress .progress-right{
    right: 0;
}
.progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}
.progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #f8f9fa;
    font-size: 13px;
    color: #2B2D41;
    line-height: 34px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.progress.blue .progress-bar{
    border-color: #EF233C;
}

.progress.step6.blue .progress-bar{
    border-color: #fbc439;
}


.progress.step1 .progress-right .progress-bar{
    animation: loading-1 .5s linear forwards ;
}

.progress.step2 .progress-right .progress-bar{
    animation: loading-2 .5s linear forwards ;
}
.progress.step3 .progress-right .progress-bar,
.progress.step4 .progress-right .progress-bar,
.progress.step5 .progress-right .progress-bar,
.progress.step6 .progress-right .progress-bar{
    animation: loading-3 .5s linear forwards ;
}

.progress.step3 .progress-left .progress-bar{
    animation: loading-3left .2s linear forwards .5s;
}
.progress.step4 .progress-left .progress-bar{
    animation: loading-4left .5s linear forwards .5s;
}
.progress.step6 .progress-left .progress-bar,
.progress.step5 .progress-left .progress-bar{
    animation: loading-5left .5s linear forwards .5s;
}


/*progress circle fine*/



/*stili dots inizio*/
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #1D4039;
  color: #fff;
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 70px;
}

.owl-dots {
  text-align: center;
  padding-top: 9px;
}
.owl-dots button.owl-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
  background: #EDEBE4;
  margin: 0 2px;
}
.owl-dots button.owl-dot.active {
  background-color: #1D4039;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: transparent; !important;
}
.owl-nav span {
    font-size: 70px;    
    position: relative;
    top: -5px;
}
.owl-nav button:focus {
    outline: none;
}

.owl-theme .owl-dots .owl-dot span {
    height: 0px;
    width: 0px;
}
/* stili dots fine */



/* GRANDE SCHERMO */
@media (min-width: 1290px){
    


}


/* GRANDE SCHERMO */
@media (min-width: 1288px){
    



}

/* GRANDE SCHERMO */
@media (min-width: 1900px){
    


}


/* GRANDE SCHERMO */
@media (max-width: 1489px){
    

}

/* GRANDE SCHERMO */
@media (min-width: 1489px){
    

}


/* GRANDE SCHERMO */
@media (max-width: 1288px){
   


}

/* MEDIO */
@media (min-width: 1200px){
    #cambia-finitura{
    width: 300px !important;
} 

}

/* MEDIO */
@media (max-width: 1200px){
    .calcolatore .cerca-prodotti {
        width: 100%;
    }

}

/* SOLO TABLET */
@media (max-width: 1129px){

}


/* SOLO TABLET */
@media (max-width: 1021px){

}

@media (min-width: 991px) {


#offcanvasAggiunto {
    width: 980px;
}
#offcanvasAggiunto.nooptional{
    width: 460px;
}

#offcanvasAggiunto .offcanvas-body {
    background-color: #ffffff;
}

}

/* SPAZIO TABLET */
@media (max-width: 991px) {

h1 {
    font-size:24px;
    line-height: 30px;
}

.titolo-home {
    font-size:32px;
    line-height: 40px;
}

.titolo-home {
    width: 100%;
    color: #2B2D42;
}

.testo-home a {
    width: 100%;
}

h2 {
    font-size:22px;
    line-height: 30px;
}

h3 {
    font-size:20px;
    line-height: 30px;
}


.text-border,
.bordo-progetto,
.bordo-form,
.footer-1-border,
.footer-2-border,
.footer-3-border {
    border: none;
    text-align: center;
}

.links-footer .accessori-auto {
    columns: 1;
}


.home-h-header {
    height: 400px;
    margin-top: -90px;
}
.produttori-h-header {
    height: 400px;
    margin-top: -90px;
}

.menu {
    border-radius: 0px;
}

.prodotto .add-to-cart .importo { 
    font-size: 34px;
    line-height: 45px;
}

.prodotto .add-to-cart {
    padding: 22px;
}

.prodotto .add-to-cart .btn-rosso {
    display: block;
}

.box-optional .btn-rosso {
    display: block;
}

/*.slider-categorie .owl-stage{
    left:-58px;
}*/

.slider-servizi .owl-stage{
    left:-35px;
}

.slider-marche .owl-stage{
    /*left:-58px;*/
}

.slider-optional .owl-stage{
    left:-20px;
}

.prodotto .form-select {
    width: 100%;
}

.box-optional .sconto {
    margin-bottom: -10px;
}

.intestazione-account {
    background-color: #f8f9fa;
}

.btn-grigio.account:hover, .btn-grigio.account.active {
    color: #2B2D42;
    background-color: #f8f9fa;
    position: relative;
    top: -14px;
}

.row.ordini .col-lg-6 {
    margin-bottom: 45px;
} 

.intestazione-account h3 {
    font-size: 24px;
    line-height: 30px;
}

.ordine-totali {
    background-color: #f8f9fa;
}

.ordine-totali .bg-grigio>:not(.riga-spedizione) {
    background-color: #FFFFFF;
}

.finale {
    margin-bottom: 64px;
}

.calcolatore { 
    top: 0px;
    background-color: #f8f9fa;
}

.calcolatore .cerca-prodotti {
    width: 100%;
}

.nav-link {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 22px;
    text-decoration: none;
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-style: italic;
}

.nav-link:hover, .nav-link:focus, .nav-item.active>.nav-link {
    font-size: 18px;
    color: #FFFFFF;
    text-decoration: none;
}

.nav-link::before {
    content: none;
    margin-right: 4px;
}

.nav-item {
    border-bottom: 1px solid #ffffff40;
}

.btn-menu-mobile, .btn-menu-mobile:hover {
    background-color: #ffffff2b;
    color: #ffffff;
    padding: 25px;
    font-size: 13px;
    line-height: 16px;
    display: block;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 700;
}

.lingua, .lingua:hover, .lingua.active {
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    background-color: #ffffff2b;
    color: #ffffff;
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.lingua.active {
    background-color: transparent;
    border: 2px solid #ffffff;
}

.btn-close-white {
    border-radius: 5px;
    border: 2px solid #000000;
    padding: 6px!important;
}

.bg-rosso {
    background: transparent linear-gradient(90deg, #D90429 0%, #EF233C 100%) 0% 0% no-repeat padding-box;
}

#offcanvasRicerca .calcolatore {
    background-color: transparent;
    padding: 0px;
    border-radius: 0px;
}

.ricerca-titolo {
    font-size: 24px;
    line-height: 27px;
    text-align: center;
}

#offcanvasRicerca .calcolatore .form-select {
    width: 100%;
}

#offcanvasAggiunto .box-ordine-riga {
    margin: 0px;
}

.header-shop-btns a:last-child {
    margin-right: 12px;
}





}  




/* SOLO MOBILE */
@media (max-width: 768px) {

.sfondo_terra{
    background: none;
}

.scroll-indirizzi{
    max-height: 400px; 
    overflow-y: scroll;
}

.ico-select-address{
    transform: rotate(90deg);
}

.text-border,
.bordo-progetto,
.bordo-form,
.footer-1-border,
.footer-2-border,
.footer-3-border {
    border: none;
    text-align: center;
}

}

/* SOLO MOBILE */
@media (max-width: 576px) {
.text-border,
.bordo-progetto,
.bordo-form,
.footer-1-border,
.footer-2-border,
.footer-3-border {
    border: none;
    text-align: center;
}

}


.metodo{
    cursor: pointer;
    border:2px solid white!important;
}
.metodo.selected{
    border:2px solid #D90429!important;
}

.metodo.selected:after{
    background: transparent linear-gradient(90deg, #D90429 0%, #EF233C 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    text-align: center;
    content: 'SELECTED';
    color:white;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    background: transparent linear-gradient(90deg, #D90429 0%, #EF233C 100%) 0% 0% no-repeat padding-box;
}




div.dataTables_processing {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 2px;
}
div.dataTables_processing > div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}
div.dataTables_processing > div:last-child > div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #D90429;
  
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
div.dataTables_processing > div:last-child > div:nth-child(1) {
  left: 8px;
  animation: datatables-loader-1 0.6s infinite;
}
div.dataTables_processing > div:last-child > div:nth-child(2) {
  left: 8px;
  animation: datatables-loader-2 0.6s infinite;
}
div.dataTables_processing > div:last-child > div:nth-child(3) {
  left: 32px;
  animation: datatables-loader-2 0.6s infinite;
}
div.dataTables_processing > div:last-child > div:nth-child(4) {
  left: 56px;
  animation: datatables-loader-3 0.6s infinite;
}

@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(72deg);
        transform: rotate(72deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-3left{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-4left{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(108deg);
        transform: rotate(108deg);
    }
}

@keyframes loading-5left{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}


.indirizzo-fatturazione
{
    background-color: #ffeace;
}

.badge.quantita{
    font-size: 16px;
}

.btn.btn-warning:active{
    background: transparent linear-gradient(90deg, #ffcd39 0%, #ffcd39 100%) 0% 0% no-repeat padding-box !important;
}

.collapseDesc{
    cursor: pointer;
}
#descmobile.closed{
    overflow-y: hidden;
    overflow-x: hidden;
    height: 150px !important;
}
#desc.closed{
    overflow-y: hidden;
    overflow-x: hidden;
    height: 300px !important;
}

.produttore{
    border: 2px solid white;
}
.produttore.active{
    border: 2px solid red;
}


.clearfilter{
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
}
.clearfilter:hover{
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
}